/* furfam.css */

    :root {
         --mockup-color: 104,169,200; /* #68a9c8 Default color */
         --mockup-contrast-color:255,255,255;
         --product-color: 255,255,255; /* #68a9c8 Default color */

         --bs-dark:#414042; 

         --bs-dark-text:#414042;
         --light-bg:#efe3dd;
         --bs-light:#ddd; 
         --alert:#FBB517; 
         --alert-light:#ffd797; 
         --alert-dark:#F2AA2A;
         --alert-progress:#22C55E;
         --alert-progress-dark:#26a34f;
          --hero-image-box-shadow:#fff;
          --bs-success:#4db21f; 
          --bg:#f9e7de;
          --theme-version:4;
          --form-attention:#fbede7;
          --light-cool-bg:rgb(248, 249, 250);

     }
      body{
          background: #efe3dd; 
          color:#414042;
          padding-top:4rem;  
     }
     body::before,
     body::after{
           content:'';
           background: radial-gradient(circle at 100% 45%, rgba(221,68,152,0.4) 3%, rgba(221,68,152,0) 80%);
           height:100vh;
           width:100vh;
           right:0;
           top:0; 
           position:absolute;
           position:fixed; 
           z-index:-10;
     } 

      body::after{
           background:radial-gradient(circle at center left, rgba(252,181,71,0.35) 3%, rgba(252,181,71,0) 50%);
          left:0;
           top:50%;
     }

     body.navbar-active {
       overflow:auto !important;
     }
     .custom-container {
         width:calc(100% - 30px);   /* Full width like container-fluid */
         max-width: 1310px;         /* Limit width on larger screens */
         margin-left: auto;         /* Center the container */
         margin-right: auto;        /* Center the container */
         padding-left: 15px;        /* Add padding to match Bootstrap gutter */
         padding-right: 15px;       /* Add padding to match Bootstrap gutter */
     }
     .custom-container.g-0 {
         padding-left: 0px;
         padding-right: 0px;
     }
     .bg-light{
         background-color:#fbefe9;
         background-color:#f5e6d3;
          background-color:var(--form-attention) !important;
          
     }
.bg-light-cool{
     background-color:rgb(248, 249, 250);
}
     .bg-fancy{
          background: radial-gradient(circle at 100% 45%, #eea8c3 3%, #f9d6ab 80%);
     }
     .bg-fancy .btn-alert{
          border:3px solid #fff;
     }
     .bg-dark{
         background-color:var(--bs-dark) !important;
     }
     .bg-dark-custom{
         background-color:#232323;
     }
     .bg-dark-custom .text-secondary{
          color:#aaa !important;
     }
     .bg-dark-subtle{
         background-color:#dbcac1;
     }
     .text-success{
          color:var(--bs-success) !important;
     }
.text-alert{
     color:var(--alert);
}
.text-alert-dark{
     color:#e29d13;
}
.border.border-alert-dark{
     border-color:var(--alert-dark) !important;
}
.bg-alert-dark{
     background-color:var(--alert-dark) !important;     
}

     @media (max-width:576px) {
          .custom-container {
             width:100%;   /* Full width like container-fluid */
             padding-left: 0px;        /* Add padding to match Bootstrap gutter */
             padding-right: 0px;       /* Add padding to match Bootstrap gutter */
          }
          .custom-container > div.row{
               margin:0px;
          }
          .custom-container > div.row > *{
               padding-left:0.5rem;
               padding-right:0.5rem;
          }
     }


     .text-secondary{
     }
     .navbar-light .navbar-nav .nav-link {
          color:var(--bs-dark-text);
     }
     .navbar-light .navbar-nav .show>.nav-link,
     .navbar-light .navbar-nav .nav-link.active {
          color:var(--bs-dark-text);
     }
     .navbar-light .navbar-nav .nav-link.active {
          font-weight:bold;
          pointer-events:none;
     }
      .template{
           display:none !important;;
      }
     img.process-image{
          display:none;

     }
      .loading-data.display-loading-status::before{
        background:#fff;
        border-radius:50%;
        color:var(--alert-dark);
        content:'\f005';
        font-family:"Font Awesome 7 Pro";
        font-size:4rem;
        font-weight:800;
        height:100px;
        left:0;
        margin:0 auto;
        right:0;
        text-align:center;
        position:absolute;
        top:40%;
        width:100px;
        z-index:100;
         animation-name: spin;
          animation-duration: 4000ms;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
      }
      .loading-data.display-loading-status::after{
           background:#fffa;
           content:'';
           display:block;
           height:100%;
           left:0;
           position:absolute;
           top:0;
           width:100%;
           z-index:90;
      }
      .var:not(.loaded-variable-data):not(.load-data){
           background:#dddd;
           color:#fff0 !important;
           animation-name:pulseFade;
          animation-duration: 2000ms;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
           transition:all .2s;
      }
      img.var:not(.loaded-variable-data),
     .var:not(.loaded-variable-data) img{
     visibility:hidden;
     }
     .var.load-data{
           opacity:1;
      }

      .btn {
      border-radius:0.5rem;
      }
     .btn-alert-progress {
      background:var(--alert-progress);
          color:#fff;
     }
     .btn-alert-progress:hover {
      background:var(--alert-progress-dark);
          color:#fff;
     }
     .btn-alert {
      background:var(--alert);
          color:var(--bs-dark-text);
     }
     .btn-alert:hover {
      background:var(--alert-dark);
     }
     .btn-primary {
        color:#fff;
        background-color:#1272b9;
        border-color:#1272b9
      }
      .btn-primary:hover {
        color:#fff;
        background-color:var(--bs-dark);
        border-color:var(--bs-dark)
      }
      .btn-check:focus+.btn-primary,
      .btn-primary:focus {
        color:#fff;
        background-color:var(--bs-dark);
        border-color:var(--bs-dark);
        box-shadow:0 0 0 0 rgba(99,71,230,0.5)
      }
      .btn-check:checked+.btn-primary,
      .btn-check:active+.btn-primary,
      .btn-primary:active,
      .btn-primary.active,
      .show>.btn-primary.dropdown-toggle {
        color:#fff;
        background-color:var(--bs-dark);
        border-color:var(--bs-dark)
      }
      .btn-check:checked+.btn-primary:focus,
      .btn-check:active+.btn-primary:focus,
      .btn-primary:active:focus,
      .btn-primary.active:focus,
      .show>.btn-primary.dropdown-toggle:focus {
        box-shadow:0 0 0 0 rgba(99,71,230,0.5)
      }
      .btn-primary:disabled,
      .btn-primary.disabled {
        color:#fff;
        background-color:#65b5e5;
        border-color:#65b5e5
      }
      .btn-secondary {
        color:#fff;
        background-color:#555;
        border-color:#555;
        background-color:var(--bs-dark);
        border-color:var(--bs-dark);
      }
      .btn-secondary:hover {
        color:#fff;
        background-color:var(--bs-dark-text);
        border-color:var(--bs-dark-text);
      }
      .btn-check:focus+.btn-secondary,
      .btn-secondary:focus {
        color:#fff;
        background-color:#484848;
        border-color:#444;
        box-shadow:0 0 0 0 rgba(111,111,111,0.5)
      }
      .btn-check:checked+.btn-secondary,
      .btn-check:active+.btn-secondary,
      .btn-secondary:active,
      .btn-secondary.active,
      .show>.btn-secondary.dropdown-toggle {
        color:#fff;
        background-color:#444;
        border-color:#404040
      }

      .btn-check:checked+.btn-secondary:focus,

      .btn-check:active+.btn-secondary:focus,
      .btn-secondary:active:focus,
      .btn-secondary.active:focus,
      .show>.btn-secondary.dropdown-toggle:focus {
        box-shadow:0 0 0 0 rgba(111,111,111,0.5)
      }
      .btn-secondary:disabled,
      .btn-secondary.disabled {
        color:#fff;
        background-color:#555;
        border-color:#555
      }

      /* HEADER */





     body {
         /* Add padding to accommodate both the banner and the fixed navbar */

         padding-top:86px; /* Adjust the 56px based on your navbar height */
          padding-top:0px;
       }

     nav#mainNav{
          background:#fff;
          border-bottom:2px solid #e0e0e0;
          top:0;
           transition:all .4s;
         z-index: 1032; /* Higher than shipping banner z-index */
      }
     body.headroom--not-top nav#mainNav{
          box-shadow:0 0px 5px 0px #2225;
     }

     
     .shipping-banner {
          background:var(--bs-dark);
          font-size:0.8rem;
          height:auto;
          line-height:1.8rem;
          padding:0;
         position: fixed;
          position:relative;
         top: 4.3rem;
          left: 0;
         right: 0;
         z-index: 1031; 
     }
     .shipping-banner span.tier{
          background:#ddd;
          border-radius:2.1rem;
          color:#000;
          display:inlnie-block;
          line-height:1rem;
          margin:0 0 0 0.5rem;
          padding:0.1rem 0.4rem;
     }
     .shipping-banner span.discount{
          font-weight:bold;
          margin-right:0.2rem;
     }
     body.page-order .shipping-banner {
          top:0rem;
          top:1rem;
     }
     .shipping-banner em{
          background:rgb(160, 225, 147);
          background:var(--alert);
          border-radius:5rem;
          color:#000;
          display:inline-block;
          font-size:0.7rem;
          font-style:normal;
          height:1.2rem;
          letter-spacing:0.1rem;
          line-height:1.2rem;
          padding:0 0.6rem;
          text-transform:uppercase;
          vertical-align:middle;
     }



     .navbar{
           padding:0.5rem;
      }
      .navbar-brand img{
           max-height:4.8rem;
           transition:all .4s;
           width:260px;
           max-height:2.5rem;
           width:240px;
           object-fit:contain;
           object-position:left center;
      }
     body.page-order .navbar-brand img,
     body.X__headroom--not-top .navbar-brand img{
           max-height:2.5rem;
           width:240px;
     }
     .dropdown-menu a.dropdown-item img.dog-image{
           background: radial-gradient(circle, rgba(255,255,255,1) 38%, rgba(148,151,240,1) 100%);
           background: radial-gradient(circle, rgba(251,249,249,1) 33%, rgba(206,207,205,1) 90%);
           border-radius:5rem;
           height:70px;
           margin:0 1rem 0 0;
           object-fit:cover;
           width:70px;
      }
     body.navbar-active a.nav-link span.bi-list::before{
        content:'\f00d';
        font-family:"Font Awesome 7 Pro" !important;
     }
     .dropdown-menu a.dropdown-item:hover{
           background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(148,151,240,1) 100%);
           border-radius:0.5rem;
      }
      .dropdown-menu a.dropdown-item:hover img.dog-image{
           background:transparent;
      }
      .breadcrumb-item.active {
           pointer-events:none;
      }

      body:not(.is-customer) .if-logged-in{
           display:none;
      }
      body.is-customer .if-not-logged-in{
           display:none;
      }





     /* SHOP PAGE */

     body.page-shop div#select-your-pet-container{
          display:none !important;
     }

     /* SHOP PAGE */
body.page-how-it-works img.howitworks-img{
     height:auto;
     margin-bottom:2rem;
     width:100%;
}

section#howitworks li{
     padding:0.5rem 0;

}
      /* ORDER PAGE */

     section#order-page{

     }
     section#order-page h1{

          font-size:1.7rem;
     }
     section div.container div#product-gallery-header{
          text-align:center;
          display: flex;
       align-items: center; /* Vertically center the content */
       justify-content: center; /* Horizontally center the content */
       padding:2rem 0 2rem 0; /* Add some padding around the content */

     }

     section div.container div#product-gallery-header div.shop-image{
          margin-right:2rem;
     }
     section div.container div#product-gallery-header div.shop-image span.profile-image{
          height:175px;
          width:175px;
     }
     section div.container div#product-gallery-header div.shop-image span.profile-image::before{
     background:#ffff;
          box-shadow:0 0 0 7px #fff0;
     }

     section div.container div#product-gallery-header div.shop-image span.profile-name,
     section div.container div#product-gallery-header div.shop-image span.name{
          display:none;
     }
     section div.container div#product-gallery-header div.shop-intro{
     display: flex;
       flex-direction: column; /* Stack the text vertically */
       justify-content: center; /* Vertically align the text */
     }

     section div.container div#product-gallery-header h3 span.shop-name:empty{

          display:none;
     }
     section div.container div#product-gallery-header h3 span.shop-name::after{
     content:'\'s ';
     }
     body section div.container div#product-gallery-header p.your-collection::before{
     content:'our ';
     }
     body.has-pets section div.container div#product-gallery-header p.your-collection::before{
     content:'your ';
     }

     section div.container div#product-gallery-header h4,
     section#order-page h4{
         color:rgba(34, 34, 34, 0.533);

       font-family: "Shippori Mincho", serif;
     font-family: "Karla", sans-serif;

       font-optical-sizing: auto;
          font-size:1.1rem;
          font-weight:normal;
          margin:0 0 0rem 0;
     }
     body.has-pets section#full-product-gallery div#product-gallery-header span.your-collection::before{
          content:'y';
     }
     body.has-pets section#full-product-gallery div#product-gallery-header {
     }
     body:not(.has-pets) section div.container div#product-gallery-header div.shop-image,
     body:not(.has-pets) section div.container div#product-gallery-header span.shop-name{
          display:none;
     }

     section#order-page .carousel-thumbs > div {
          width:100px;

     }
     section#order-page h1{
     font-optical-sizing: auto;
       font-size: 2.5rem;
       font-weight:bold;
       letter-spacing: -0.1rem;
       margin: 0.5rem 0 0 0;
     }
     section#order-page div.price{
          font-size:1.7rem;
          margin:0 0 1rem 0;

     }
     section#order-page div.price::before{

           content:'$';     
     }

     section#order-page div#product-gallery-ow{

          position:relative;
     }

     section#order-page div#product-gallery-ow::after{
          bottom:-2rem;
          content:'Front';

          font-family: "Karla", sans-serif;








          color:#333a;
          display:block;
          position:absolute;
          text-align:center;
          width:100%;
     }
     section#order-page div#product-gallery-ow.index-1::after{
          content:'Back';
     }
     section#order-page div#product-gallery-ow.index-2::after{
          content:'Design Detail';
     }

     section#order-page div#product-gallery-mw{
          background:#fff2;
          border-radius:0.5rem;
          box-shadow:0 0 0px 2px #fff;
          margin:1rem 0 1.5rem 0;
       transition: 0.3s ease;

          background:#2221;
          background:transparent;
          box-shadow:none;
     }

     section#order-page div#product-gallery-mw:hover{
          box-shadow:0 0 0px 2px #fff0;

     }

     /* Product preview with layered images */



     /*
     body:not(.is-b) section#order-page div#product-gallery > .item > div.product-mockup {
       cursor: zoom-in;

          left:-25%;

          height:150%;

          width:150%;
          transform:scale(.61);
          transform-origin:center top;

     }
     */
     section#order-page div#product-gallery > .item > div.product-mockup {
          transform-origin:center top;
     }

     section#order-page div#product-gallery > .item {
          aspect-ratio:1;
          background:#2221;
          cursor:pointer;
          margin-bottom:-1rem;
          margin-bottom:0rem;
          padding:0;
          transition: 0.3s ease;

          overflow:hidden;
     }
     /* Zoom effect */
     /*
     body:not(.is-b) section#order-page div#product-gallery > .item:hover {
       transform: scale(1.5);
       cursor: zoom-out;
     }












     */
     section#order-page div#product-gallery > .item:hover {
          background:#fff5;
          cursor:zoom-in;
     }

     /* Disable the hover effect on touch devices */
     @media (hover: none) {
         section#order-page div#product-gallery > .item:hover {

             box-shadow:none;
             cursor:auto;

             transform: none; /* Remove the zoom effect */

         }

         section#order-page div#product-gallery-mw{
         }
     }
     section#order-page div#product-gallery-thumbs{
          margin-bottom:0rem;
          margin-top:2rem;
          text-align:center;
     }     

     div#admin-options{
          left:1rem;
          position:fixed;
          top:4.5rem;
          z-index:100000;
     }
     div#admin-options button{
          border-radius:5rem;
     }
      div#admin-options button:hover{
     background:var(--alert);
     }
     section#order-page div#product-gallery-thumbs.is-sticky{
          background:#fff;
          background: #efe3dd;
          border-radius:1rem;
          border-top-left-radius:0; 
          border-top-right-radius:0; 
          box-shadow:0 0 5px 2px #5555;
          height:6.2rem;
          height:7rem;
          left:0 !important;
          overflow:hidden;
          padding:0;
          top:61px !important;
          transition:background 0.5s;
          width:100% !important;
     }
     section#order-page div#product-gallery-carousel.is-sticky div#product-gallery-mw{
     background:#fff0;
     }
     section#order-page div#product-gallery-carousel.is-sticky{

     }
     section#order-page div#product-gallery-carousel.is-sticky{

     }

     section#order-page div#product-gallery-thumbs.is-sticky div{

          pointer-events:none;
     }

     section#order-page div#product-gallery-thumbs.is-sticky > div.tns-nav-active,
     section#order-page div#product-gallery-thumbs.is-sticky > div{
          background:transparent;
          box-shadow:none;
          opacity:1;
     }

     section#order-page div#product-gallery-thumbs > div{
            aspect-ratio:1 / 1;
         display:inline-block;
          margin:0 0.5rem 2em 0;



          transition:all .15s;
          width:100px;
          overflow:hidden;
          vertical-align:baseline;
     }
     section#order-page div#product-gallery-thumbs > div img.product{
     border-radius:0;
     }


     section#order-page div#product-gallery-thumbs > div.tns-nav-active,
     section#order-page div#product-gallery-thumbs > div:hover{
          background:#2221;
          border-radius:0.1rem;
          box-shadow:0 0 0px 2px #2227;
          opacity:1;
     }
     section#order-page div#product-gallery-thumbs > div.design-closeup{
          margin-top:-3px;
     }
     section#order-page div#product-gallery-thumbs > div.design-closeup > div.product-mockup{
     margin-bottom:-6px;
     }
     section#order-page div#product-summary p.info{
          font-style:italic;
     }

















     section#order-page div#product-summary p.info::before{

        content:'\f05a';
           display:inline-block;
        font-family:"Font Awesome 7 Pro";

          font-style:normal;

          font-weight:800;

          margin-right:0.5rem;

          opacity:0.8;
     }

     div#order-options {
          margin:0 0 2rem 0;
          padding:2rem 0 0 0;
          position:relative;
     }
     form#order-info div#product-order-options div.product-option.product-option-pets-name{
          position:relative;
          margin-top:4rem;
     }
     form#order-info div#product-order-options div.product-option.product-option-pets-name,
     form#order-info div#product-order-options div.product-option.product-option-upload-photos{
          background:#fbede7;
          border-top-left-radius:0.75rem;
          border-top-right-radius:0.75rem;
          padding:1rem 1rem 0.1rem 1rem; 
     }
form#order-info.mode-view div#product-order-options div.product-option.product-option-upload-photos {
     background:transparent;
}

     form#order-info div#product-order-options div.product-option.product-option-upload-photos{
          border-radius:0;
          border-bottom-left-radius:0.75rem;
          border-bottom-right-radius:0.75rem;
          padding-top:0;
     }

     div#order-options::before,
     div#order-options div.product-option.product-option-pets-name::before{
          content:'1. Customize your design';
          color:#595959;
          display:block;
          font-family: "Karla", sans-serif;
          font-optical-sizing: auto;
          font-size:1rem;
          font-weight:700;
          left:0;
          letter-spacing: -0.06rem;
          position:absolute;
          top:0rem;
     }
     div#order-options div.product-option.product-option-pets-name::before{
          content:"2. Add Your Pet";
          position:absolute;
          top:-2rem;
     }
     form.has-pets div#order-options div.product-option.product-option-pets-name::before{
          content:'2. Add Another Pet';
     }
     div#product-summary > p{
          color:#000;
     }
     div#product-summary > ul.details li{
          padding:0 0 0.5rem 0;
     }
     div#product-summary div.view-key_features span.badge{
          color:var(--bs-text-dark);
          margin-bottom:1rem;
     }
     div#product-summary div.view-key_features span.badge i{
          color:var(--alert-dark);
          margin-right:0.25rem;
     }
     div#product-summary div#product-promises{

          margin:2rem 0 0 0;
     }

     div#order-options div.order-field{
           background:#fff;
           border-radius:0.75rem;
          border-radius:0.5rem;
           color:var(--bs-dark);
           margin:1rem 0 0 0;
           padding:1rem 1rem 0 1rem;
      }
     div#order-options div.order-field.product-option-text-style{
     }
     div#order-options div.order-field a.spacer{
          border-top:1px solid #fff;
          color:#fff;
          display:block;
          height:1px;
          overflow:hidden;
          margin:0.5rem;
          pointer-events:none;
     }
     div#order-options div.order-field.product-option-background-style div.view-options > a,
     div#order-options div.order-field a,
      div#order-options div.order-field a > span{

           transition:all .2s;

      }
      div#order-options div#quantity-options.order-field{
           background:transparent;
           display:none;
           padding:0 0 1rem 0;
      }
      div#order-options div#quantity-options.order-field span.label{
           padding-left:1rem;
     }
     div#order-options div#quantity-options.order-field select.select-element{
      padding-left:1rem;
     }
     div#order-options div.order-field span.label{
          font-size:1.2rem;
           font-weight:bold;
      }







     div#order-options div.order-field > span.value{
     }
     div#order-options div.order-field > span.value:not(:empty)::before{
     content:' - ';

     }

     div#order-options div.order-field div.field{
      margin:0.75rem 0 0 0;

      }
     div#order-options div.order-field div.field.type-design_select,
     div#order-options div.order-field div.field.type-style_select{

      padding-bottom:0rem;
     }
     div#order-options div.order-field div.field.type-style_select a.style{
          padding-bottom:0.25rem;
          padding-top:0.25rem;
          white-space:nowrap;
     }
     div#order-options div.order-field div.field.type-style_select img.stylized-image{
          display:inline-block;
          height:2.5rem;
          object-fit:contain;
          margin:0 0.5rem 0 0;
          width:2.5rem;

     }

     body.pet-type-1 div.order-field div.field.type-design_select a:not(.pet-type-id-1):not(.pet-type-id-0),
     body.pet-type-2 div.order-field div.field.type-design_select a:not(.pet-type-id-2):not(.pet-type-id-0){
          display:none;
     }
     div#order-options div.order-field div.field.type-design_select a.btn:nth-of-type(2)::before, 
     div#order-options div.order-field div.field.type-design_select a.cross-pet-key-your_pet::before{

        content:'\f030';
        font-family:"Font Awesome 7 Pro";
          font-weight:800;

          margin:0 0.5rem 0 0;
          opacity:0.5;

     }

     div.field div.loading a.option:not(.active){
          opacity:0.5;

          pointer-events:none;
     }

     div.field div.loading a.option.active{

          background:transparent url(/l.svg) center center no-repeat !important;
          background-size:60% !important;
          color:#fff0 !important;
           transition:all 0s !important;
     }
     div.field a.option.active{
          background-color:#fff;
           pointer-events:auto;
          cursor:auto;
     }
     div.field a.option.text-style,
     div.field a.option.style{
          background:var(--bs-light);
background: radial-gradient(circle at 50% 30%, #eee4 0%, #eee 100%);
          border:1px solid #aaa; 
           box-shadow:0px 0px 0px 1px var(--bs-dark);     
          box-shadow:none;
           margin:0.5rem .4rem 0.5rem 0.4rem;
          opacity:0.7;
          overflow:hidden;
          padding:0.5rem 0.75rem;
          position:relative;
          border:none;
           box-shadow:0px 0px 0px 1px #aaa;
     border-radius:0.25rem !important;
     }
     div.field a.option.style span.dimensions{
          color:#333;
          display:block;          
     }
     div.field a.option.style span.price{
          color:#444;
          display:block;
          font-size:1.1rem;
          margin-top:0.25rem;
          padding:0.5rem 0;
}
body.version-2026 div.field a.option.style span.price::before,
     div.field a.option.style span.price::after{
                    content:'00';
  font-size:0.7rem;
          opacity:0.9;
          position:relative;
          top:-0.25rem;
}
body.version-2026 div.field a.option.style span.price::before{
     content:'$';
}
div.product-option-font div.field a.option.style,
div.product-option-type-of-print div.field a.option.style{
               width:calc(25% - 0.8rem);
               vertical-align:top;
}
div.product-option-size div.field a.option.style:not(.active),
div.product-option-type-of-print div.field a.option.style:not(.active){
          background:var(--light-cool-bg);
                background: radial-gradient(circle at 50% 30%, #eee4 0%, #eee 100%);
}
     div.field a.option.text-style:hover,
     div.field a.option.style:hover{
          border-color:#000;
           box-shadow:0px 0px 0px 4px var(--bs-light), 0px 0px 0px 6px var(--bs-dark);     
           box-shadow:0px 0px 0px 2px var(--bs-dark);     
          box-shadow: 0 0 0px 4px #fff, 0px 0px 0px 6px var(--bs-dark);
          box-shadow:0px 0px 0px 3px var(--bs-dark);
          box-shadow:none;
          opacity:1;
          border:none;
           box-shadow:0px 0px 0px 1px #000;
     }
     div.field a.option.text-style.active,


     div.field a.option.style.active{
           box-shadow:0px 0px 0px 0px #fff, 0px 0px 0px 3px var(--bs-dark);
          animation:pulseOutlineSwatch .7s;
           box-shadow:0px 0px 0px 2px #fff, 0px 0px 0px 5px var(--bs-dark);
          opacity:1;     

          animation:none;
     }

     div.field a.option.text-style.active,
     div.field a.option.style.active{
          background:#fff;
          border-color:#fff;
     }

     .template-blanket div.product-option-size div.field a.option{
          max-width:100px;
}




     div.field a.option.style.generating{
          animation:textPulse 2s infinite;      

          background:#fff;

          border-radius:0.25rem !important;
          border-color:var(--alert);
          pointer-events:none;
     }
     div.field a.option.style.generating span.generating-progress{
          animation: progressAnimation 30s linear;
          background:var(--alert);
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));


          border-radius:0rem !important;
          mix-blend-mode:multiply;
          display:block;
          height:100%;
          left:0;
          position:absolute;

          top:0;
          width:100%;
          z-index:0;
     }
     div.field a.option.text-style.style-hide-name::before,
     div.field a.option.text-style.style-show-name::before{
         content:'\f06e';
        font-family:"Font Awesome 7 Pro";
          font-weight:600;
          margin:0 0.5rem 0 0;
          color:var(--bs-dark);
     }
     div.field a.option.text-style.style-hide-name::before{
         content:'\f070';
     }
     div.field a.option.text-style.style-hide-name.active:before{
     }
     section#order-page-2 div#order-options div.product-option.type-button_select,
     section#order-page-2 div#order-options.variation-3 div.product-option-product-color{

          border:1px solid #ccc;

          border-radius:0.5rem;
          margin-bottom:0.75rem;
          padding:0rem 0.5rem 0.5rem 0.5rem;
     }
     section#order-page-2 div#order-options div.product-option.type-button_select span.value{
          display:none;
     }
     div#X_order-options.variation-3 div.product-option-product-color span.value{
          display:block;
          border:1px solid #888;
          border-radius:0.5rem;
          border-bottom:none;
          border-bottom-left-radius:0px;
          border-bottom-right-radius:0px;
          background:#fff;
          font-size:16px;
          margin:0;
          padding:0.75rem;
     }
     section#order-page-2 div#order-options div.product-option.type-button_select span.label,
     section#order-page-2 div#order-options.variation-3 div.product-option-product-color span.label,
     section#order-page-2 div#order-options.variation-3 div.product-option-product-color span.value{
          color:#222;
          display:inline-block;
          font-size:0.75rem;
          opacity:0.65;
          margin:0.5rem 0 0 0.25rem;
          padding-left:0;
     }
     section#order-page-2 div#order-options.variation-3 div.product-option-product-color span.value{
          opacity:1;
     }
     div#order-options.variation-3 div.product-option-product-color span.value::before{
          display:none;
     }
     div#order-options.variation-3 div.order-field div.type-product_color_select div.view-options{
          margin-top:0.5rem;
     }
     div#order-options div.order-field div.type-product_color_select div.view-options > a.template-copy,
     div#order-options div.order-field div.type-color_select div.view-options > a.template-copy{
     display:inline-block;
          position:relative;
     }
     div#order-options div.order-field div.type-product_color_select div.view-options > a span.swatch,
     div#order-options div.order-field div.type-color_select div.view-options > a span.swatch{
           border-radius:50%;
           border:1px solid #808184;
          border:none;

          border:1px solid #888;


           box-shadow:0px 0px 0px 1px var(--bs-dark);
          box-shadow:none;
           display:inline-block;

           height:2.5rem;
           margin:0 1.2rem 1rem 0;
           width:2.5rem;
     }
     div#order-options div.order-field div.type-product_color_select div.view-options > a span.swatch{

     border-radius:0.3rem;     
     }

     div#order-options div.order-field.product-option-background-style div.view-options > a:hover,
     div#order-options div.order-field div.type-product_color_select div.view-options > a:hover span.swatch,
     div#order-options div.order-field div.type-color_select div.view-options > a:hover span.swatch{

           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 6px var(--bs-dark);
          border-color:#fff;

           box-shadow:0px 0px 0px 2px var(--bs-dark);     
          box-shadow: 0 0 0 5px #fff, 0px 0px 0px 7px var(--bs-dark);
          box-shadow: 0 0 0 1px #fffa, 0px 0px 0px 4px var(--bs-dark);
     }
     div#order-options div.order-field.product-option-background-style div.view-options > a.active,
     div#order-options div.order-field div.type-product_color_select div.view-options > a.active span.swatch,
     div#order-options div.order-field div.type-color_select div.view-options > a.active span.swatch{
           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px var(--bs-dark);
           box-shadow:0px 0px 0px 1px #808184, 0px 0px 0px 4px #fff, 0px 0px 0px 7px var(--bs-dark);
           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px var(--bs-dark);
          border-color:#888;
      }
     div#order-options div.order-field.product-option-background-style div.view-options > a.active,
      div#order-options div.order-field div.type-product_color_select div.view-options > a.active span.swatch,
      div#order-options div.order-field div.type-color_select div.view-options > a.active span.swatch{

           animation:pulseOutlineSwatch .7s;

      }

     div#order-options.variation-2{
          background:#fff;
          border-radius:0.3rem;
     }
     div#order-options.variation-2 div#field-select-your-pup{
          margin:0;
          padding:0 2rem;
     }
     div#order-options.variation-2 div#field-select-your-pup span.label,
     div#order-options.variation-2 div.product-option span.label{
          font-size:1.4rem;
     }
     div#order-options.variation-2 div.product-option span.value{
          color:#777;
          font-size:1.3rem;
     }
     form#order-info div#add-to-cart-container{
          margin-top:1rem;
          position:relative;
     }
     form#order-info div#generate-preview-wrapper{
          position:relative;
     }
     form#order-info div.field.type-upload_photos::after{
          content:'See it before you buy it';
          content:'';
          color:var(--alert-progress);
          color:#c19287;
          display:block;
          font-size:0.8rem;
          font-style:italic;
          padding:0.5rem 0 0.5rem 0;
          text-align:center;
     }
     form#order-info.status-complete div.field.type-upload_photos::after{
          content:'Try another design?';
          display:none;
     }
     form#order-info button#generate-preview-btn{
          background:var(--alert-progress);
          color:#fff;
          height:3rem;
          font-size:14px;
          line-height:1rem;
     }
     form#order-info button#generate-preview-btn::before,
     form#order-info.no-name.no-photo button#generate-preview-btn::before{
        content:'\e2ca';
          display:inline-block;
        font-family:"Font Awesome 7 Pro";
          font-weight:600;
          margin-right:0.5rem;
     }

     form#order-info button#generate-preview-btn{
          color:var(--alert-progress-dark);
          color:#fff;
          display:block;
          margin:0rem 0 0 0;
          width:100%;
          background: #fff;
          background:var(--alert-progress);
          border:none;
          border-radius:5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 4px 8px 3px;
  transition: all .15s ease-out;         
 animation: gentle-pulse 2s infinite;
     }

@keyframes gentle-pulse {
  0% { box-shadow:0 0 0 3px var(--form-attention), 0 0 0 0 rgba(76, 175, 80, 1); }
  100% { box-shadow:0 0 0 3px var(--form-attention), 0 0 0 15px rgba(76, 175, 80, 0); }
}





     form#order-info button#generate-preview-btn:hover{
          background:var(--alert-progress-dark);
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px 4px 8px 3px;
     }

     form#order-info.no-photo button#generate-preview-btn::before,
     form#order-info.no-name button#generate-preview-btn::before{
     }
     form#order-info button#generate-preview-btn.is-disabled,
     form#order-info button#generate-preview-btn:disabled{
          background:#fff;
          box-shadow:none;
          color:var(--alert-progress-dark);
          color:#777;
          opacity:0.7;
          animation:none;
          cursor:not-allowed;
     }
     form#order-info div#product-order-options div.product-option.product-option-upload-photos span.label{
       background:#fff;
          border:1px solid #888;
          border-radius: 0.5rem; 
          border-bottom:none;
          border-bottom-left-radius:0;
          border-bottom-right-radius:0;
          color:#888;
          padding-top:0.4rem;
          padding-bottom:0;
          animation:none;
     }
     form#order-info.no-photo div#product-order-options div.product-option.product-option-upload-photos span.label{
          background:transparent;
          border:none;
          padding-bottom:0.2rem;
     }
     form#order-info:not(.no-photo) div#preview-area{
          background:#fff;
          border:1px solid #888;
          border-color:#888;
          border-radius: 0.5rem; 
          display:block;
          margin:0rem 0 1rem 0;
          padding:0.5rem;
          width:100%;
          
          border-top:none;
          border-top-left-radius:0;
          border-top-right-radius:0;
     }
     form#order-info.status-pregenerating div#product-order-options div.product-option.product-option-upload-photos span.label,
     form#order-info.status-generating div#product-order-options div.product-option.product-option-upload-photos span.label,
     form#order-info.status-generating div#preview-area{
          background:#eee;
          border-color:#8882;
          pointer-events:none;
     }
     form#order-info.status-complete div#product-order-options div.product-option.product-option-upload-photos span.label,
     form#order-info.status-complete div#preview-area{
          background:#3331;
          border-color:#8889;
          border-color:#ccc9;

     }

     form#order-info div#preview-area img{
          border-radius: 0.5rem; 
          height:120px; 
          margin:0;
          object-fit: cover; 
          width:120px;
     }
     form#order-info.status-complete div#preview-area img{
          border-radius:0.25rem; 

          margin-bottom:1.5rem;
          opacity:0.5;
     }
     form#order-info div.product-option{
          position:relative;
     }
     form#order-info div#preview-area div.active-upload-container button{
           background:#fff;

          box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px 4px 8px 3px;
     border-radius: 50%;
          border:none;
          color:#222;
     cursor: pointer;
          display:block;
          font-size:1.8rem;
     height: 40px; 
          line-height:1rem;
          padding:0;
     position: absolute; 
     right:-15px; 
          text-align:center;
     top:0px; 
     width: 40px; 
           transition:all .15s ease-out;
     }

form#order-info.status-generating div#preview-area div.active-upload-container,
form#order-info.status-pregenerating div#preview-area div.active-upload-container{
 opacity:0.5;    
}
form#order-info.status-pregenerating div#preview-area div.active-upload-container button,
form#order-info.status-generating div#preview-area div.active-upload-container button{
     display:none;
}
    form#order-info div#preview-area div.active-upload-container button:hover{
          background:#222;
          background:#eaeaea;
     }
     form#order-info div#design-status-message{
          position:relative;

     }


/* Pet Thumbnail Gallery ------*/

form#order-info.status-complete div#product-order-options div.product-option.product-option-pets-name a.edit-details {
display:none !important;;     

}
section#order-page-2 form.status-complete.mode-view div#product-order-options div.product-option > div.field.type-text input.option,
section#order-page-2 form.status-complete.mode-view div#product-order-options div.product-option > div.field.type-text::before{
     display:none;
}
form#order-info.mode-view div#product-order-options div.product-option.product-option-upload-photos {
     padding-top:0;
}
form#order-info.status-complete.mode-view div#product-order-options div.product-option.product-option-upload-photos span.label,
form#order-info.status-complete.mode-view div#preview-area {
     background:transparent;
     border:none;
     opacity:1;
     margin:0;
     padding-bottom:0;
     padding-top:0;
}
form#order-info.status-complete div#product-order-options div.product-option.product-option-upload-photos span.label{
     display:none;
}
form#order-info.stage-complete.mode-view div#product-order-options div.product-option.product-option-pets-name{
     background:transparent;
}


form#order-info.mode-view div#product-order-options div.product-option.product-option-upload-photos {
     padding:0;
     margin-top:-0.5rem;
}
form#order-info.status-complete.mode-view div#product-order-options div.product-option.product-option-pets-name{
     background:transparent;
     padding:0.5rem 0 0 0;
}
form#order-info.status-complete div#product-order-options div.product-option.product-option-upload-photos span.label::before{
     display:none;
}
form#order-info.mode-add .pet-thumbnail-strip{
     display:none;
}


.pet-thumbnail-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
     margin:0.75rem 0 1rem 0rem;
  padding-bottom: 0rem;
}

.pet-thumbnail {
  position: relative;
  width: 80px;
  cursor: pointer;
     margin:0.25rem 0 0 0.25rem;
  transition: all 0.2s ease;
  opacity: 1;
}
form#order-info.mode-edit-photos .pet-thumbnail .thumb-img-wrapper,
.pet-thumbnail.dimmed {
  opacity: 0.7;
     mix-blend-mode:multiply;
  pointer-events: none;
  filter: grayscale(100%);
     animation:none;
}

.pet-thumbnail .thumb-img-wrapper {
  width: 75px;
  height: 75px;
  border-radius: 50%; /* Circular swatches */
     border-radius:0.2rem;
  overflow: hidden;
  margin:0 0 0.5rem 0;
  transition: all 0.2s;
  background-color: #f9f9f9;
     background-color:#fff;
  box-shadow: 0 0 0 4px #fff;
     border: 1px solid #fff;
     
     border:none;
     border: 1px solid #8887;
     box-shadow:none;
}
.pet-thumbnail .thumb-img-wrapper:hover {
     box-shadow: 0 0 0 1px #fff, 0px 0px 0px 4px var(--bs-dark);
     border-color:#fff;
}
.pet-thumbnail.selected .thumb-img-wrapper {
     border-color:#fff;
  box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--bs-dark);
       animation: pulseOutlineSwatch .7s;
}
section#order-page-2 form#order-info.mode-add div#preview-area {
}

.pet-thumbnail img,
form#order-info.status-complete div#preview-area .pet-thumbnail img {
  width: 100%;
  height: 100%;
     opacity:1;
  object-fit: contain;
     object-position:center center;
}

.pet-thumbnail .pet-name {
  font-size: 0.75rem;
  text-align: center;
     color: #222;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
     font-weight:normal;
  max-width: 100%;
     
}



/**
 * Pet Gallery List Layout - CSS
 * Replaces thumbnail strip with vertical list
 */

section#order-page-2.pet-list-style form.status-complete div#pet-name-container,
section#order-page-2.pet-list-style form.status-complete div.product-option-upload-photos{
     display:none;
     
}
section#order-page-2.pet-list-style form#order-info div#product-order-options button.pet-cancel-btn ,
section#order-page-2.pet-list-style form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn {
visibility:hidden;
}

/* Container */
.pet-list-container {
     background:var(--form-attention);
     border-radius:0.5rem;
    width: 100%;     
}

/* Header row */
.pet-list-header {
    display: flex;
    justify-content: space-between;

    align-items: center;

}
.pet-list-title {
  color: #222;
  display: inline-block;
  font-size: 0.75rem;
  opacity: 0.65;
  margin: 0.5rem 0 0 0.8rem;
  padding-left: 0;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet,
.pet-add-btn,

.pet-cancel-btn {
    background: none;

    border: none;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.15s ease;
}
.pet-add-btn {
     background:#fff;
    color:var(--alert-progress);
    box-shadow:0 0 0 0px var(--alert-progress);
border-radius:5rem;
    box-shadow:0 0 0 2px var(--alert-progress);
     margin:0.5rem 0.5rem 0 0;

     transition:0.2s all;
}
.pet-add-btn:hover {
    background:var(--alert-progress);
     color:#fff;
}
.pet-list-container > .pet-add-btn {
     display:inline-block;
     margin:0.5rem 0 1rem 25%;
     padding:0.5rem 0;
     width:50%;
}
.pet-cancel-btn {
    color: #888;
}
.pet-cancel-btn:hover {
    background-color: rgba(0, 0, 0, 0.05);
    color: #666;
}

/* Pet list */
div#pet-gallery{
     padding:0 !important;
     border:none;
}
form#order-info:not(.has-pets) div#pet-gallery{
     display:none;
}
form#order-info:not(.no-photo) div#pet-gallery{
     border:none;
}
form.mode-add div#pet-gallery div.pet-list-container{
     background:#eee;
     pointer-events:none;
}
form.mode-add div#pet-gallery button.pet-add-btn,
form.mode-add div#pet-gallery div.pet-list-container > div{
     filter: grayscale(100%);
     opacity:0.8;
}
.pet-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem 1rem;
     padding:1rem 1rem 1rem 1rem;
     margin:0;
}

/* Individual pet row */
form.mode-add .pet-row.selected,
.pet-row {
     background:#fff7;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding:0.5rem;
    border: 1px solid #8887;
    border-radius:0.5rem;
     box-shadow:none;
    cursor: pointer;
  transition: all 0.2s;
     position:relative;
     width:calc(100% - 60px);
}
.pet-row:hover:not(.dimmed) {
     background:#fffa;
     box-shadow: 0 0 0 1px #fff, 0px 0px 0px 4px var(--bs-dark);
     border-color:#fff;
}

.pet-row.selected,
.pet-row.selected:hover {
     background:#fff;
     border-color:#fff;
  box-shadow: 0 0 0 4px #fff, 0 0 0 7px var(--bs-dark);
       animation: pulseOutlineSwatch .7s;
     animation:none;
   box-shadow:0 0 0 3px var(--bs-dark);
     transition:all 0.5s;
}

.pet-row.dimmed {
    opacity: 0.5;
    pointer-events: none;
}

/* Thumbnail */
.pet-row-thumbnail {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
     background-color:transparent;
     position:relative;
}
form#order-info div#pet-gallery  .pet-row-thumbnail img {
    width: 100%;
     pointer-events:none;
    height: 100%;
     position:relative;
     opacity:1;
    object-fit: contain;
     z-index:5;
}
body.is-b form#order-info div#pet-gallery  .pet-row-thumbnail img {
pointer-events:all;
}

/* Pet info */
.pet-row-info {
    flex: 1;
    min-width: 0; /* Allow text truncation */
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.pet-row-name {
    font-weight: 500;

    color: #333;
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pet-row::before{
     color:#555;
     content:'\f0c8';
     display:inline-block;
        font-family:"Font Awesome 7 Pro";
     font-size:1.4rem;
     font-weight:400;









     padding-left:0.5rem;
     vertical-align:middle;
}
.pet-row.selected::before{

        content:'\f14a';
     font-weight:800;
}
.pet-row-status {
    font-size: 0.8rem;
    color: #888;
     display:none;
}

.pet-row.selected .pet-row-status {
    color:var(--alert-progress);
}

/* Delete button */
.pet-row-delete {
    width: 40px;
    height: 40px;
    border: none;
    background: none;
     background:#fff;


    color: #888;
    cursor: pointer;

     border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s ease, background-color 0.15s ease;
    flex-shrink: 0;
     position:absolute;
     right:-60px;
}

.pet-row-delete:hover {
    border-color: #e74c3c;
    color: #e74c3c;

    background-color: rgba(231, 76, 60, 0.1);
}

/* Focus states for accessibility */
.pet-row:focus-visible {
    outline: 2px solid #5a8f5a;
    outline-offset: 2px;
}

.pet-row-delete:focus-visible {
    outline: 2px solid #e74c3c;
    outline-offset: 2px;
}

/* Mobile adjustments */
@media (max-width: 480px) {
    .pet-row {
        padding: 0.5rem;

    }
    
    .pet-row-thumbnail {
        width: 42px;
        height: 42px;
    }
    
    .pet-row-name {
        font-size: 0.9rem;
    }
}



form#order-info.mode-add div.product-option-pets-name > div.pet-thumbnail-strip{
     display:flex;
     margin:1.4rem 0 1rem -0.5rem;
}
form#order-info.mode-add div.product-option-pets-name > div.pet-thumbnail-strip div.thumb-img-wrapper{
     box-shadow:none;
}
form#order-info.mode-add div.product-option-pets-name > div.pet-thumbnail-strip div.add-pet-btn,
form#X___order-info.mode-add div.product-option-pets-name > div.pet-thumbnail-strip div.pet-name{
     display:none;
}


/* Add New Pet Button */
.add-pet-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  cursor: pointer;
  font-size: 0.75rem;
  text-align: center;
  color: #b78277;
}

.add-pet-btn .icon-wrapper {
  width: 73px;
  height: 73px;
  border-radius: 50%;
  border: 2px dashed #999;
  display: flex;
  align-items: center;
  justify-content: center;
     margin:5px 0 9px 0;
  font-size: 24px;
  transition: all 0.2s;
     
     background-color:#fbede7;
     background-color: #fffaf8;
  border-radius: 50%;
  border: 2px dashed #ffc8b2;
  color: #b78277;
}

.add-pet-btn:hover .icon-wrapper {
     background:#fff;
     border-style: solid;
  box-shadow: 0 0 8px 2px #ffc8b2;
}
}

.add-pet-btn span {
  font-size: 11px;
  color: #666;
}

/* Add Mode Controls */
.add-mode-controls {
  margin-top: 10px;
  text-align: center;
}

#Xcancel-add-pet {
  background: #555a;
  border: 1px solid #ccc;
  color: #fff;
  padding: 8px 16px;
  border-radius:10rem;
  font-size: 13px;
  cursor: pointer;
  margin-top: 10px;
  width: 100%;
  display: none;
}
form#order-info.stage-uploading div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet,
form#order-info.stage-generating div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet{     
     display:none !important;
     opacity:0.4;
     pointer-events:none;
     visibility:hidden;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn,
form#order-info div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet {
     border:none;
     color:#2e6bac;
     color:#aaa;
     display:block;
     position:absolute;
     right:-1rem;
     top:-2.9rem;
     padding:0.25rem 0.5rem;
     top:-3.15rem;
     background:#777;
     color:#fff;
     color:#555;     
     color:#a08277;
     background:#ddd;
     background: var(--light-bg);
    opacity:0.8;
}
form#X_order-info div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet {
     background:#fbede7;
     color:#a08277;
     border:1px solid #a08277;
     height:auto;
     margin:0rem 0 1rem 0;
     padding:1rem;
     position:relative;


     right:0;
     opacity:1;
     top:0;
     width:100%;
     z-index:100;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet {
     background:#b78277;
     color:#fff;
     right:0;
     top:-2.3rem;
     top:0.5rem;
     right:0.5rem;
}
section#order-page-2.pet-list-style form#order-info div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet {
top:-2.2rem;
     right:0rem;
     border-radius:5rem;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn{
     color:#555;     
     background:#ddd;
     background:var(--light-bg);
     color:#a08277;

     z-index:100;
     background:#fff;
     box-shadow:0 0 0px 1px #999, 0 0 0px 7px #fff;
     color:#888;
     opacity:1;
     top:-.75rem;
     right:-0.25rem;
     box-shadow:0 0 0px 1px #fff0;
     background:#f2f2f2;
     right:0.25rem;
     top:-2.6rem;
     top:-0.2rem;
     border-radius:0.4rem;
     background: #fbede7;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn:hover{
     box-shadow:0 0 0px 1px #555, 0 0 0px 7px #fff;
     box-shadow:0 0 0px 2px #fbede7;
     color:#555;
}

form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn::before{
        content:'\f2ed';
        font-family:"Font Awesome 7 Pro";
     font-weight:600;
     margin-right:0.3rem;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn.active::before{
     content:'\f00c';
     color:var(--alert-progress);
 }

form#order-info.status-complete div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet i{
     color:#444;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name #cancel-add-pet:hover,
form#order-info div#product-order-options div.product-option.product-option-pets-name #edit-photos-btn:hover{
     opacity:1;
}

#cancel-add-pet:hover {
  background: #555;
  color: #fff;
}

/* Form Interaction States */
form#order-info.mode-view .drop-zone {
  display: none !important;
}

form#order-info.mode-view input#text-pets-name {
  background-color: #f9f9f9;
  cursor: default;
  color: #555;
  border-color: #eee;
}

/* Hide generate button in view mode to enforce "Add Photo" flow */
form#order-info.mode-view #generate-preview-wrapper {
  display: none;
}


/* Delete Button on Thumbnail */
.delete-pet-btn {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 40px;
    height: 40px;
    background: #ff4444;
    color: white;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    font-size: 40px;
    font-size: 17px;
    line-height: 40px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 10;
     color:#fff0;
}
.delete-pet-btn::before {
     color:#fff;
        content:'\f2ed';
     display:block;
        font-family:"Font Awesome 7 Pro";
     font-weight:800;
}
.delete-pet-btn:hover {
    background: #cc0000;
}


/* ----------------- End Pet Thumbnail Gallery */


/* --- START BACKGROUND OPTIONS --- */
     :root {
          --background-style-dreamy-url:url('/images/products/background-style-61.png?v=12');
          --background-style-wildflower-url:url('/images/products/background-style-68.png?v=7');
          --background-style-confetti-url:url('/images/products/background-style-62.png?v=8');
          --background-style-wavy-url:url('/images/products/background-style-69.png?v=7');
          --background-style-spotlight-url:url('/images/products/background-style-370.png?v=10');

          --background-style-dreamy-warp-product-16-medium-url:url("/images/products/background-style-61-product-warp-product-16-medium.png?v=11");
          --background-style-wildflower-warp-product-16-medium-url:url("/images/products/background-style-68-product-warp-product-16-medium.png?v=11");
          --background-style-confetti-warp-product-16-medium-url:url("/images/products/background-style-62-product-warp-product-16-medium.png?v=12");
          --background-style-wavy-warp-product-16-medium-url:url("/images/products/background-style-69-product-warp-product-16-medium.png?v=11");
          --background-style-spotlight-warp-product-16-medium-url:url("/images/products/background-style-370-product-warp-product-16-medium.png?v=12");
          
          --background-style-url:var(--background-style-dreamy-url);
     }

     body.print-image {
          --background-style-dreamy-url:url('/images/products/background-style-61-print.png?v=14');
          --background-style-wildflower-url:url('/images/products/background-style-68-print.png?v=8');
          --background-style-confetti-url:url('/images/products/background-style-62-print.png?v=8');
          --background-style-wavy-url:url('/images/products/background-style-69-print.png?v=8');
     }
     /* DREAMY */
     .background-style-dreamy,
     .background-style-61{ 
          --background-style-url:var(--background-style-dreamy-url);
     }
     .is-cart-image.product-16.background-style-dreamy.size-medium,
     body:not(.canvas) .product-16.background-style-dreamy.size-medium,
     a.product-link .product-16.background-style-dreamy,
     .product-16 .background-style-61 .image.image-medium:not(.image-design-detail),
     .background-style-61.product-16 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-dreamy-warp-product-16-medium-url);
     }
     /* WILDFLOWER */
     .background-style-wildflower,
     .background-style-68{ 
          --background-style-url:var(--background-style-wildflower-url);
     }
     .is-cart-image.product-16.background-style-wildflower.size-medium,
     .product-16 .background-style-68 .image.image-medium:not(.image-design-detail),
     .product-16 .background-style-68 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-wildflower-warp-product-16-medium-url);
     }
     /* CONFETTI */
     .background-style-confetti,
     .background-style-62{ 
          --background-style-url:var(--background-style-confetti-url);
     }
     .is-cart-image.product-16.background-style-confetti.size-medium,
     .product-16 .background-style-62 .image.image-medium:not(.image-design-detail),
     .product-16.background-style-62 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-confetti-warp-product-16-medium-url);
     }
     /* WAVY */
     .background-style-wavy,
     .background-style-69{ 
          --background-style-url:var(--background-style-wavy-url);
     }
     .is-cart-image.product-16.background-style-wavy.size-medium,
     .product-16 .background-style-69 .image.image-medium:not(.image-design-detail),
     .background-style-69.product-16 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-wavy-warp-product-16-medium-url);
     }
     /* SPOTLIGHT */
     .background-style-spotlight,
     .background-style-370{ 
          --background-style-url:var(--background-style-spotlight-url);
     }
     .is-cart-image.product-16.background-style-spotlight.size-medium,
     .product-16 .background-style-370 .image.image-medium:not(.image-design-detail),
     .background-style-370.product-16 .image.image-medium{ /* Set any special mockup warp images */
         --background-style-url:var(--background-style-spotlight-warp-product-16-medium-url);
     }
     /* Remove the name background shadow for the spotlight style*/
     body.canvas.print-image.background-style-spotlight div.profile-image::before,
     .background-style-spotlight div.design-canvas div.custom-design::before,
     section#order-page-2 form.background-style-370 div.image div.design div.custom-design::before{
          background:transparent;
     }



form#order-info .product-option-background-style a::before{
     aspect-ratio:1;
     background:#000 var(--background-style-dreamy-url) center bottom no-repeat; 
     border-radius:5rem;
     border-radius:0.25rem;
     content:'';
     display:block;
     height:auto;
     opacity:0.7;
     margin:0 auto 0.25rem auto;
     max-width:100%;
     width:60px;
}
form#order-info .product-option-background-style a.style-confetti::before{
     background:#000 var(--background-style-confetti-url) center center no-repeat; 
}
form#order-info .product-option-background-style a.style-wildflower::before{
     background:#000 var(--background-style-wildflower-url) center center no-repeat; 
}
form#order-info .product-option-background-style a.style-wavy::before{

     background:#000 var(--background-style-wavy-url) center center no-repeat; 
}
form#order-info .product-option-background-style a.style-spotlight::before{
     background:#000 var(--background-style-spotlight-url) center center no-repeat; 
}
form#order-info .product-option-background-style a.style.rounded-pill{
     border-radius:0.4em !important;
     box-shadow:none;
     color: #222;
  font-size: 0.75rem;
     margin:0.5rem 0.5rem;
     margin-bottom:0.5rem;
     padding:0.25rem;
     opacity:1;
     overflow:visible;
}
form#order-info .product-option-background-style a.style{
     border:1px solid #ccc;
}
section#order-page-2 form#order-info .product-option-background-style a.style.active{
     background:#ffff;
     border:1px solid #fff;
}
form#order-info .product-option-background-style a.style:hover::before,
form#order-info .product-option-background-style a.active.style::before{
     opacity:1;
}
form#order-info .product-option-background-style a.style::before{
     border:1px solid #888;
     background-color:#000;
     background-color: rgb(var(--product-color));
     background-size:300% auto;
     margin-bottom:0.5rem;
}
section#order-page-2.product-32 form#order-info .product-option-background-style a.style::before{
background-color:#555;
}

/* --- FONT OPTIONS --- */

form#order-info.has-pets .product-option-font a.style{
  background: radial-gradient(circle at 50% 30%, #eee4 0%, #eee 100%);color: #222;
font-size: 0.75rem;
}
form#order-info.has-pets .product-option-font a.style.active{
     background:#fff;
}
/* Hidden by PetPhotoUploadManager.setSignatureAvailable(false) when the
 * signature name render gave up (image service slow or down): the pet stays
 * orderable in the CSS-font styles. */
form#order-info .product-option-font a.style.is-unavailable{
     display:none !important;
}
form#order-info .product-option-font a.style::before{
     background:transparent var(--name-image-signature) center center no-repeat;
     background-size:contain;
     content:'';
     display:block;
     margin-bottom:0.5rem;
     margin:0.5rem auto;
     height:30px;
     width:60px;
     max-width:100%;
}
form#order-info.status-generating .product-option-font a.style::before{
     background-image:url(/l.svg) !important;;
}
form#order-info .product-option-font a.style.style-modern::before{
     background-image:var(--name-image-modern);
}
form#order-info .product-option-font a.style.style-classic::before{
     background-image:var(--name-image-classic);
}
form#order-info .product-option-font a.style.style-no-name::before{
     background-image:none;
        content:'\f05e';
        font-family:"Font Awesome 7 Pro";
     font-size:1.2rem;
     color:#555;
}










     form#order-info.X_status-complete div#design-status-message,
     form#order-info.X_status-complete div#design-status-message > div{

          overflow:hidden;
          height:2rem;
     }
     form#order-info.status-complete div#design-status-message > div.X_complete{
          background:rgb(160, 225, 147);
          border-radius:5.25rem;
          color:#000;
          display:inline-block;
          height:2rem !important;
          margin:0 auto;
          padding:0.5rem 0;
     }
     form#order-info div#design-status-message > div{
          display:none;
          padding:0.75rem 0;
          position:relative;

          z-index:10;
     }
     form#order-info div#design-status-message > div i{
          font-size:1.2rem;


     }

     /* Toast */
     div#design-ready-toast{
          background: rgb(160, 225, 147);
      box-shadow:0 6px 18px rgba(0,0,0,.2); 
          opacity:0; 
          margin:1rem 1rem 0 0;
      position:fixed;
          pointer-events:none;
          transform:translateY(8px);
      transition:opacity .25s, transform .25s;
          z-index:10000;
      }
     div#design-ready-toast.show{ 
          opacity:1; 
          transform:translateY(0); 
          pointer-events: all; 
}


     form#order-info.status-pregenerating div#design-status-message div.status-bar{
     padding:0;

     }
     form#order-info.status-uploading div#generate-preview-wrapper,
     form#order-info.status-pregenerating div#generate-preview-wrapper,
     form#order-info.status-generating div#generate-preview-wrapper{
          display:none;
     }
     section#order-page-2.cached form#order-info div.product-option,
     form#order-info.status-uploading div.product-option.lock-after-generated-1 input,
     form#order-info.status-uploading div.product-option.lock-after-generated-1 select,
     form#order-info.status-generating div.product-option.lock-after-generated-1 input,
     form#order-info.status-pregenerating div.product-option.lock-after-generated-1 select,
     form#order-info.status-pregenerating div.product-option.lock-after-generated-1 input,
     form#order-info.status-generating div.product-option.lock-after-generated-1 select,
     form#order-info.status-uploading input#pet-photos,
     form#order-info.status-uploading div#product-order-options div.product-option.product-option-upload-photos span.label,
     form#order-info.status-uploading div#product-order-options div.product-option.product-option-pets-name div.field::before,

     form#order-info.status-uploading div#preview-area,

     form#order-info.status-uploading input#text-pets-name,

     form#order-info.status-uploading a#add-to-cart,
     form#order-info.status-pregenerating input#pet-photos,
     form#order-info.status-pregenerating div#preview-area,
     form#order-info.status-pregenerating input#text-pets-name,


     form#order-info.status-pregenerating a#add-to-cart,
     form#order-info.status-generating input#pet-photos,

     form#X__order-info.status-generating div#preview-area,
     form#order-info.status-generating input#text-pets-name,
     form#order-info.status-generating a#add-to-cart,

     /* Pet rows in the rendered .pet-list — locked during all generation
      * phases. The manager's renderUI (line 660 of class.pet_photo_upload_
      * manager.js) adds .dimmed to each .pet-row when isAddMode is true,
      * which the .pet-row.dimmed rule (css line ~1728) handles. But when
      * a pet is selected (mode-view), the rows are NOT dimmed — and the
      * homepage handoff's manager.startInAddMode option keeps us in
      * mode-add only until handleGenerationComplete runs selectPet, which
      * transitions to mode-view mid-generation. This rule provides
      * defense-in-depth so rows stay non-interactive across the full
      * generation window regardless of mode. */
     form#order-info.status-uploading .pet-list .pet-row,
     form#order-info.status-pregenerating .pet-list .pet-row,
     form#order-info.status-generating .pet-list .pet-row{
          background:#eee;
          opacity:0.5;
          pointer-events:none;









     }
     form#order-info.status-uploading div#product-order-options div.product-option.product-option-upload-photos span.label::before,
     form#order-info.status-uploading div#product-order-options div.product-option.product-option-pets-name div.field::before{
          display:none;    
     }

     form#order-info.status-complete div#design-status-message > div.X_complete,
     form#order-info.status-generating div#design-status-message > div.generating,
     form#order-info.status-uploading div#design-status-message > div.uploading{
          display:block;
          height:3rem;
     }
     form#order-info.status-generating div#design-status-message > div.generating,
     form#order-info.status-uploading div#design-status-message > div.uploading{
           animation-name:pulseFade;
          animation-duration: 1500ms;

          animation-iteration-count: infinite;
          animation-timing-function: linear;
     }
     form#order-info.status-generating div.main-carousel div.custom-design div.status-bar,
     form#order-info.status-uploading div#design-status-message > div.status-bar,
     form#order-info.status-generating div#design-status-message > div.status-bar{
          background:#fff;
          border-radius:0.25rem;
          outline:3px solid #fff;
          display:block;
          height:3rem;
          left:0;
          margin:0;
          padding:0;
          position:absolute;
          top:0;
          width:100%;
          z-index:0;

     }


     form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
          border-radius:0.3rem;

          left:0;
          box-shadow:0 0 0px 3px #f5f5f5;
          margin:0 auto;
          right:0;
          top:auto;
          min-width:200px;
          width:50%;
     }


     form#order-info.status-generating div.status-bar::before{
          content: 'Preparing the magic!';
          font-size:0.8rem;
          position:absolute;
          height:100%;
          left:0;
          line-height:1rem;
          text-align:center;

          top:30%;

          width:100%;
     }
     form#order-info.status-generating.step-2 div.status-bar::before{
          content: 'Oh wow, what a cutie!';
     }
     form#order-info.status-generating.step-3 div.status-bar::before{
          content: 'Capturing that perfect face';
     }

     form#order-info.status-generating.step-4 div.status-bar::before{

          content: 'Adding artistic flair';
     }
     form#order-info.status-generating.step-5 div.status-bar::before{
          content: 'This is looking amazing!';
     }
     form#order-info.status-generating.step-6 div.status-bar::before{
          content: 'Almost ready to dazzle you...';
     }
     form#order-info.status-generating.step-7 div.status-bar::before{
          content: 'Fine-tuning the masterpiece';
     }
     form#order-info.status-generating.step-8 div.status-bar::before{
          content: 'Adding final touches';
     }
     form#order-info.status-generating.step-9 div.status-bar::before{
          content: 'Perfecting every whisker';
     }
     form#order-info.status-generating.step-10 div.status-bar::before{
          content: 'Getting it just right';
     }
     form#order-info.status-generating.step-11 div.status-bar::before{
          content: 'Quality check complete!';
     }
     form#order-info.status-generating.step-12 div.status-bar::before{
          content: 'Drumroll please...';
     }
     form#order-info.status-generating.step-13 div.status-bar::before{
          content: 'Ta-da! Your masterpiece awaits!';
     }
     form#order-info.status-generating.step-14 div.status-bar::before{
          content: 'Ready to reveal!';
     }


     form#order-info.status-generating div.custom-design div.status-bar div.progress,
     form#order-info div#design-status-message > div.status-bar div.progress{
          background:rgb(204, 235, 255);
          background:var(--alert-progress);
          box-shadow:none;
          border-right:1px solid #fff;
          height:3rem;
          margin:0;
     }
     form#order-info.status-generating div#design-status-message > div.status-bar,

     form#order-info.status-pregenerating div#design-status-message > div.status-bar,

     form#order-info.status-uploading div#design-status-message > div.status-bar{
          display:block;

     }
     form#X__order-info.status-generating div.status-bar::after{
           animation-name:pulseFade;
          animation-duration: 1900ms;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          content:'Creating Your Design';
          font-size:0.7rem;
          font-weight:bold;
          position:absolute;
          left:0;
          text-align:center;
          text-transform:uppercase;
          text-shadow:0 0 6px #fff, 0 0 3px #fff, 0 0 4px #fff, 0 2px 2px #fff, 0 -2px 2px #fff,
                2px 0 2px #fff, -2px 0 2px #fff;
          top:-1.5rem;
          width:100%;
     }

     form#order-info.status-uploading div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 17s linear;
     }
     form#order-info.status-pregenerating div#design-status-message > div.status-bar div.progress{
          background:var(--bs-light) url(/l.svg) center center no-repeat;
          background-size:contain;
     }
     form#order-info.status-generating div.custom-design div.status-bar div.progress,
     form#order-info.status-generating div#design-status-message > div.status-bar div.progress{

          animation: progressAnimation 60s linear;
          animation: progressAnimation 25s ease-in;
     }

     form#order-info.status-complete div.product-option.lock-after-generated-1 input,
     form#order-info.status-complete div.product-option.lock-after-generated-1 select,
     form#order-info.status-complete div.product-option-upload-photos input,
     form#order-info.status-complete button#generate-preview-btn,
     form#order-info.status-complete input#text-pets-name{
          background:#3331;
          opacity:0.5;

          pointer-events:none;

     }

     form#order-info.status-complete div.product-option-upload-photos label.upload{
          pointer-events:none;
     }
     form#X___order-info.status-uploading div#preview-area button,
     form#X___order-info.status-generating div#preview-area button,
     form#X___order-info.status-pregenerating div#preview-area button,
     form#X___order-info.status-complete div#preview-area button,
     form#X___order-info.status-complete button#generate-preview-btn{
          display:none;
     }
     form#X__order-info.status-generating div#preview-area button,
     form#X__order-info.status-complete div#preview-area button{
          background: rgb(160, 225, 147);
          background:var(--alert-progress);
          background:transparent;
          border-radius:0.4rem;
          border-top-left-radius:0;
          border-top-right-radius:0;
          border:none;
          border-radius:0;
          bottom:0;
          box-shadow:none;
          color:#222;
          color: rgb(160, 225, 147);
          color:var(--alert-progress);
          color:#fbede7;
          color:transparent;
          display:block;
          height:auto;
          font-size:0.8rem;
          padding:0.25rem 0.5rem 0rem 0.5rem;
          position:absolute;
          pointer-events:none;
          right:0;
          top:auto;
          width:100%;
     }
     form#X__order-info.status-generating div#preview-area button{
          animation-name:pulseFade;
          animation-duration: 5000ms;
          animation-iteration-count: infinite;
          animation-timing-function: linear;
          background:var(--alert-progress);
          border-radius:0.5rem;

          color:var(--alert-progress);

          height:100%;
          bottom:0%;
          right:0%;
          width:100%;
     }
     form#X___order-info.status-generating div#preview-area button::before{
          color:#fff;
        content:'\f890';
          display:block;
        font-family:"Font Awesome 7 Pro";
          font-size:2rem;
          font-weight:800;
          margin:0.5rem 0 1rem 0;
     }
     form#X___order-info.status-generating div#preview-area button::after{
          content:'Creating Your Design';


          color:#fff;

          font-weight:bold;
          left:0;
          line-height:1.2rem;

          text-align:center;
          top:-1.8rem;
          width:100%;
     }

     form#X___order-info.status-complete div#preview-area button::after{
          color:var(--alert-progress-dark);
          content:'Designed';
     }

     form#X___order-info.status-complete div#preview-area button::before{
          background: rgb(160, 225, 147);
          color:#222;
          background:var(--alert-progress);
          background:transparent;
          color:#fff;
          color:var(--alert-progress);
        content:'\f00c';
        font-family:"Font Awesome 7 Pro";
          font-weight:800;
      }
     form#X__order-info div#product-order-options div.product-option.product-option-pets-name span.label,
     form#order-info div#product-order-options div.product-option.product-option-upload-photos span.label{
          display:block;
          position:relative;
     }
     form#order-info div#product-order-options div.product-option.product-option-pets-name input,
     form#order-info div#product-order-options div.product-option.product-option-upload-photos input{
          padding-right:2rem;
     }

/* Overwrite the bootstrap floating field label and placeholder CSS so we can show the placeholder value and set the label to also float when it is not focused */
form#order-info div#product-order-options div.product-option.product-option-pets-name .form-floating>.form-control{
     padding-top:1.625rem;
  padding-bottom:.625rem;
     margin-bottom:0;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name .form-floating{
     border-radius:0.5rem;
  margin-bottom:.75rem;
}
form#order-info div#product-order-options div.product-option.product-option-pets-name .form-floating>.form-control ~ label{
  opacity:.65;
  transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

form#order-info div#product-order-options div.product-option.product-option-pets-name .form-floating>.form-control::-moz-placeholder {
  color:#bbb;

}
form#order-info div#product-order-options div.product-option.product-option-pets-name .form-floating>.form-control::placeholder {
  color:#bbb;
}

/* Set the edit-details link to edit the generated design details */

form#order-info div#product-order-options div.product-option.product-option-pets-name a.edit-details {
     display:none;
}
form#order-info.status-complete div#product-order-options div.product-option.product-option-pets-name a.edit-details {
     color:#2e6bac;
     color:#aaa;
     display:block;
     position:absolute;
     right:-1rem;
     top:-2.9rem;
     background:var(--light-bg);
     color:#555;
     border-radius:5rem;
     padding:0.25rem 0.5rem;
     top:-3.15rem;
}
form#order-info.status-complete div#product-order-options div.product-option.product-option-pets-name a.edit-details i{
     color:#444;
}
form#order-info.status-complete div#product-order-options div.product-option.product-option-pets-name a.edit-details:hover{
     color:#444;
     opacity:1;
     text-decoration:underline;
}
/*
     form#order-info div#product-order-options div.product-option.product-option-pets-name span.label::before,
     form#order-info div#product-order-options div.product-option.product-option-upload-photos span.label::before{
        color:#72d855;
          color:var(--alert-progress);
        content:'\f14a';
        content:'\f00c';
        font-family:"Font Awesome 7 Pro";
        font-size:1rem;
        font-weight:800;
        position:absolute;
        right:1em;
        top:2rem;

        z-index:100;

     }

*/

     form#order-info div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#order-info div#product-order-options div.product-option.product-option-upload-photos span.label::before{
        color:#72d855;
          color:var(--alert-progress);
        content:'\f14a';
        content:'\f00c';
          content:'\f058';
        font-family:"Font Awesome 7 Pro";
        font-size:1.3rem;
        font-weight:200;
        position:absolute;

        right:0.9em;
        top:0.9rem;
        z-index:100;
     }
     form#order-info.status-complete div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#order-info.status-complete div#product-order-options div.product-option.product-option-upload-photos span.label::before,
     form#order-info.status-generating div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#order-info.status-generating div#product-order-options div.product-option.product-option-upload-photos span.label::before{

          /*
          content:'\f30d';
















          color:#555;
          font-size:0.9rem;
          font-weight:300;

          opacity:0.8;
          */
          opacity:0.7;
     }
     form#order-info.no-photo div#product-order-options div.product-option.product-option-upload-photos span.label::before,
     form#X_order-info.no-name:not(.no-photo) div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#order-info.no-name div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#order-info.no-photo:not(.no-name) div#product-order-options div.product-option.product-option-upload-photos label::before{
          display:none;
     }
     form#order-info.no-name div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#X_order-info.no-name.no-photo div#product-order-options div.product-option.product-option-pets-name div.field::before,
     form#X_order-info.no-photo.no-name div#product-order-options div.product-option.product-option-upload-photos span.label::before{
          color:#fff;
        content:'\f060';
          display:block;
     }
     form#order-info div#product-order-options div.product-option-upload-photos div.field.type-upload_photos{
          background:#fbede7;
          border-radius:0.5rem;

          padding:0;
     }
     form#order-info.mode-view.stage-complete div#product-order-options div.product-option.product-option-upload-photos,
     form#order-info.status-complete div#product-order-options div.product-option-upload-photos div.field.type-upload_photos{
          background:#fff;
          border:1px solid #ccc;
          background: #fbede7;
          border:none;
          border-radius:0.75rem;
     }
     form#order-info.status-complete div#product-order-options div.product-option-upload-photos div.field.type-upload_photos{
     }
     form#order-info.mode-add div.product-option-pets-name > div.pet-thumbnail-strip::before,
     form#order-info.status-complete div#product-order-options div.product-option-upload-photos div.field.type-upload_photos::before{
          content:'Select Your Pet';


























          color: #222;
  display: inline-block;
  font-size: 0.75rem;
  opacity: 0.65;

  margin: 0.5rem 0 0 0.75rem;
  padding-left: 0;



     }
form#order-info.mode-add div.product-option-pets-name > div.pet-thumbnail-strip::before{
     content:'Add New Pet';
     left:0;
position:absolute;
     top:0;
}
     form#order-info div.product-option-upload-photos label.upload{
          display:none;
          position:relative;
          width:100%;
     }
     form#order-info.no-photo div.product-option-upload-photos label.upload{
          display:block;
          position:relative;
          width:100%;
     }
     form#order-info div.product-option span.label{
          position:relative;
     }
     form#order-info.not-safe-alert div#design-status-message div.not-safe-alert{
          background:#ed1c24;
          color:#fff;
          display:block;
          margin:0rem auto 1rem auto;
          padding:1rem;
          text-align:left;
     }
     form#order-info.not-safe-alert div#design-status-message div.not-safe-alert::before{

          animation:errorPulse 2s linear infinite;

        content:'\f071';
          float:left;
        font-family:"Font Awesome 7 Pro";
          font-size:2rem;
          font-weight:600;
          margin:0 1rem 0 0;

     }
     form#order-info.not-safe-alert div#design-status-message div.status-bar{
          display:block;

          padding:0.5rem;
          background:#ed1c24;
          height:0.5rem;
     }
     form#order-info.not-safe-alert div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 30s linear;
          background:#fff;

          border:0;







          border-radius:0;










     }

     form#order-info.not-safe-alert div.type-upload_photos p.text-muted,

     form#order-info.not-safe-alert label.upload,

     form#order-info.not-safe-alert div#preview-area,
     form#order-info.not-safe-alert div#generate-preview-wrapper{

          display:none !important;
     }
     


     form#X_order-info.status-uploading div.product-option.lock-after-generated-1 div.select-container::before,
     form#X_order-info.status-uploading div.product-option.lock-after-generated-1 div.field.type-text::before,

     form#X_order-info.status-uploading div.product-option.lock-after-generated-1 label::before,
     form#X_order-info.status-generating div.product-option.lock-after-generated-1 div.select-container::before,
     form#X_order-info.status-generating div.product-option.lock-after-generated-1 div.field.type-text::before,
     form#X_order-info.status-generating div.product-option.lock-after-generated-1 label::before,
     form#X_order-info.status-complete div.product-option.lock-after-generated-1 div.select-container::before,
     form#order-info.status-complete div.product-option.lock-after-generated-1 span.label::before,
     form#order-info.status-generating div.product-option.lock-after-generated-1 span.label::before,
     form#X_order-info.status-complete div.product-option.lock-after-generated-1 label::before,

     form#X_order-info.status-complete div.product-option-pets-name::before,
     form#X_order-info.status-complete div.product-option-upload-photos label.upload::before{
          color:#555;
        content:'\f30d';
          display:inline-block;
        font-family:"Font Awesome 7 Pro";
          font-size:0.8rem;
          font-weight:600;
          margin:0 0.4rem 0 0.5rem;
          margin:0;
          position:relative;
          z-index:10;


     }
     form#order-info div#order-options div#add-to-cart-container{
          margin:1rem 2rem 2rem 2rem;
     }
     form#order-info a#add-to-cart{
          font-weight:bold;
     }
     form#order-info.show-incomplete a#add-to-cart{
          cursor:not-allowed;
     }
     form#order-info div#add-to-cart-container span.item-price::before{
      content:' - $';
     }
     form#order-info div#add-to-cart-container span.item-description{
          display:block;
          font-size:0.9rem;
          font-weight:normal;
          margin:0.25rem 0 0 0;
     }
     form#order-info div.incomplete-message{
     background-color: #fff;
     border: 1px solid #cdcdcd;
     border-radius: 4px;
     box-shadow: 0 2px 4px rgba(0,0,0,.13);
       left:0;
          margin:0 auto;
          max-width:100%;
          right:0;
          opacity:0;
       padding:1rem;
          pointer-events:none;

       position:absolute;


          text-align:center;
          top:-3rem;
           transition:all .2s;
          visibility:hidden;
          width:360px;
          z-index:200;
     }
     form#order-info div.incomplete-message i{
          color:#ff361c;
          display:inline-block;
          margin-right:0.5rem;
          font-size:1.5rem;
     }
     form#order-info.generate-preview-incomplete.hover-cart div#add-to-cart-container div.incomplete-message,
     form#order-info.generate-preview-incomplete.hover-cart div#add-to-cart-container div.incomplete-message,
     form#order-info.design-not-generated.hover-cart div#add-to-cart-container div.incomplete-message{
          opacity:1;
          top:-4rem;
          visibility:visible;
     }
form#order-info div.happiness-guarantee{
     background-image: linear-gradient(to bottom, var(--form-attention) -50%, rgb(255, 255, 255));
     background:transparent;
     padding:1rem 1rem 0.5rem 1rem;
}
form#order-info div.happiness-guarantee::before{
        color:var(--alert-dark);
     color:#e28681;
        content:'\f004';
     display:inline-block;
        font-family:"Font Awesome 7 Pro";
     font-weight:800;
     margin:0 0.5rem 0 0;
}



     form#order-info.incomplete-name div.incomplete-message span.photo,
     form#order-info.incomplete-photo div.incomplete-message span.name{
          display:none;
     }
     form#order-info.generate-preview-incomplete div.incomplete-message span::before{
        content:'\f030';

          color:#ff361c;
          display:inline-block;
        font-family:"Font Awesome 7 Pro";
          font-size:1.2rem;
          font-weight:800;
          margin-right:1rem;
     }
     form#order-info.generate-preview-incomplete.missing-name div.incomplete-message span::before{
        content:'\f059';
     }
     form#order-info.generate-preview-incomplete div.incomplete-message span::after,
     form#order-info.missing-both div.incomplete-message span::after{
          content:'Please add your pet\'s name and  photo';

     }

     form#order-info.missing-photos div.incomplete-message span::after{
          content:'Please upload your pet\'s photo';
     }


     form#order-info.missing-name div.incomplete-message span::after{
          content:'Please add your pet\'s name';



     }

     form#order-info.design-not-generated div.incomplete-message span::after{

          content:'First, please click "Create My Design Now"';

     }

     form#order-info div.incomplete-message::before {
       content: "";
       width: 0px;
       height: 0px;

       position: absolute;


       bottom:-20px;
          border-top: 10px solid #ccc;

       border-bottom: 10px solid transparent;
       border-left: 10px solid transparent;
       border-right: 10px solid transparent;



          left:0;



          margin:0 auto;
       right:0;
       z-index:100;
     }
     form#order-info div.incomplete-message::after{
          bottom:-18px;
       content: "";
       width: 0px;
       height: 0px;
       position: absolute;
       border-top: 10px solid #fff;
       border-bottom: 10px solid transparent;
       border-left: 10px solid transparent;
       border-right: 10px solid transparent;
          left:0;
          margin:0 auto;
       right:0;
       z-index:100;
     }


     x____section#order-page div#product-gallery-carousel.is-sticky{
          background: #efe3dd;

          border-radius:0rem;
          box-shadow:0 0 5px 2px #5554;
          padding:1rem 20% 1rem 20%;
          left:0 !important;

          overflow:hidden;

          top:87px !important;

          top:0px !important;

          transition:padding 0.5s;
          width:100% !important;
          z-index:2000;
     }

     section#order-page div#product-gallery-carousel.is-sticky{
          /*

          background: #efe3dd;
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(221,68,152,0.6));
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(232,172,197,0.9));
          background: linear-gradient(to bottom, #efe3dd 70%, rgba(238,227,221,0));
          background: linear-gradient(to bottom, #efe3dd 70%, rgba(238,227,221,0.5));
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(232,172,197,0.95));
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(232,172,197,1));
          */
          background: linear-gradient(to bottom, #efe3dd 40%, rgb(232,172,197));


          box-shadow:0 0 5px 2px #5554;
          box-shadow:0 0 5px 2px rgba(232,172,197,.9);

          box-shadow:none;
          overflow:hidden;
          left:-0.25rem !important;;
          width:calc(100% + 0.5rem) !important;

     }     

     div#glightbox-body div.item{
               background:#efe3dd;     

          margin:0 auto;
          max-width:700px;
     }





     div#glightbox-body div.ginlined-content{
          background:#efe3dd;     
          padding:0.5rem;
          padding-bottom:0.1rem;






     }
     div#glightbox-body div.item div.product-mockup{

          pointer-events:all;
          overflow:auto;
     }
     /* Style for the cloned item inside the lightbox */
     .gslide .gslide-inline,
     .gslide .mockup-in-lightbox {
         display: block; /* Or flex, grid */
         width: 100%; /* Take up slide width initially */
         height:auto !important;
         max-width: 100vw; /* Limit overall size */

         height: 100vh !important;;
         margin: auto; /* Center */
         cursor: grab; /* Indicate draggable */
         overflow: hidden; /* Crucial for panzoom bounds */
         /* anvaka/panzoom also benefits from touch-action */
         touch-action: none;
         user-select: none; /* Prevent text selection */
         background-color: #fff; /* Example background */
         box-sizing: border-box;
     }

     /* When actively grabbing */
     .gslide .mockup-in-lightbox:active {
         cursor: grabbing;
     }




     .glightbox-clean .gprev {
         top:45%





































     }
     .glightbox-clean .gnext {
         top:45%
     }
     .glightbox-clean .gclose,
     .glightbox-clean .gprev,

     .glightbox-clean .gnext{

       background:#3336;
       border-radius:50%;



       height:55px;

       line-height:55px;
       text-align:center;


          width:55px;
     }

     .glightbox-clean .gclose:hover,
     .glightbox-clean .gprev:hover,
     .glightbox-clean .gnext:hover{
       background:#333;

     }
     .glightbox-clean .gclose svg,

     .glightbox-clean .gprev svg,
     .glightbox-clean .gnext svg{
     display:none;
     }
     .glightbox-clean .gclose::before,
     .glightbox-clean .gprev::before,
     .glightbox-clean .gnext::before{
          color:#fff;

        content:'\f061';

        font-family:"Font Awesome 7 Pro";

          font-size:1.5rem;
     }
     .glightbox-clean .gclose::before{

        content:'\e59b';
     }
     .glightbox-clean .gprev::before{

        content:'\f060';
     }



     @media (max-width:576px) {
          body section#order-page div.sticky-top{
               z-index:1500;
          }
          body.page-order nav#mainNav{
               box-shadow:none;
          }
          body.page-order nav#mainNav li.toggle-navigation{
               display:none;
          }
          form#order-info{
               margin-top:0.4rem !important;
          }
          section#order-page div#product-gallery-carousel-container > span{
               position:relative;
               top:-8px;

               width:100% !important;
          }

          section#order-page div#product-gallery-carousel{
               /*
               background: #efe3dd;
               background:#fff0;
               background: linear-gradient(to bottom, #efe3dd 40%, #fff0);
               background: linear-gradient(to bottom, #fff0, #efe3dd 8%, #efe3dd 40%, #fff0);
               */
               background: linear-gradient(to bottom, #efe3dd 8%, #efe3dd 40%, #fff0);
               border-radius:0rem;
               box-shadow:none;
               left:-0.5rem;
               margin-bottom:1rem;
               padding:1rem 15% 3rem 15%;
               padding:1rem 10.3% 3rem 10.3%;
               padding:1rem 15% 2.5rem 15%;
               transition:padding 0.2s;
               transition:all 0.2s ease-out;
               transition:none;
               width:calc(100% + 1rem) !important;
               z-index:2000;



          }

          section#order-page div#product-gallery > .item,
          section#order-page div#product-gallery > .item:hover{
               background:transparent;
          }
          section#order-page div#product-gallery-ow::after{
               bottom:-1.5rem;
          }
          section#order-page div#product-gallery-carousel div#product-gallery-ow::after{
               color:#fff;
          }
          section#order-page div#product-gallery-carousel.is-sticky div#product-gallery-ow::after{
          }
          div#order-options div.order-field a.rounded-pill{
          }
          div#order-options div.order-field.product-option-background-style div.view-options > a{
               max-width:calc(25% - 0.8rem);
          }
     }

     @media (max-width:576px) {

          section#order-page div#product-gallery-mw{

               margin:-1rem 1rem -1rem 1rem;
          }
          div#select-your-pet-container {
               margin-top:0;




               padding-top:0;
          }
          div#order-options div#field-select-your-pup.order-field{
               margin-top:0;
          }
          section#order-page h1,






          section#order-page div.item-price{
               text-align:center;
          }

          div#order-options.variation-3 div.field.type-upload_photos span.desktop{
               display:none;
          }

          section#order-page h1,
          div#related-products h3{ font-size:1.5rem; }
          section#order-page div#item-price{ font-size:1.2rem; }
          section#order-page h3 { font-size:1.5rem; margin-bottom:1rem;}
          div#select-your-pet-menu div.order-field div a.new.icon { font-size:0.7rem; }
          div#order-options div.order-field a{ font-size:0.8rem;  }
          div#order-options div.order-field select{ font-size:0.9rem; }
          body div#add-your-pup-modal div.modal-header h1{ font-size:2rem; }
          body div#add-your-pup-modal.generating div#generated-dog button.continue{ font-size:2rem; }


          div#select-your-pet-menu div.order-field div a.new.icon{

               margin:0;
          }

          body.page-order div#select-your-pet-menu div.order-field div a.new.icon i {
               height:80px;
               line-height:80px;
               font-size:2.5rem;
               margin:1rem auto 1rem auto;
               width:80px;


          }

          div#product-summary p{
               font-size:0.9rem;

               padding:0 0.5rem;
          }
          div#order-options div.order-field {

               padding:0.5rem 1rem 0rem 1rem;
          }

          div#product-details div.product-details-body > div{
               padding-top:2rem;
               margin:0 0 1rem 0;
          }
          div#product-details h4{
               clear:both;
               font-size:1rem !important;
               margin:0 0 0rem 0;



          }
          div#product-details h4 img{
               clear:both;
               float:left;
               margin:-1.5rem 1rem 0rem 0;
          }
          div#product-details p{

               clear:both;
               font-size:0.9rem;
          }     
          div#product-details table.table th, 
          div#product-details table.table td { font-size:0.8rem; }

          div#admin-options{
               display:none;
          }
     }
     
     @keyframes slideIn {
          from { transform: translateX(-100px); opacity: 0; }
          to { transform: translateX(0); opacity: 1; }
     }

     /* ORDER PAGE V 2 */

     body.page-order{
          padding-top:3.4rem;
     }

     section#order-page-2{

          color:#595959;
          font-size:14px;

          margin-top:1rem;
     }
     section#order-page-2 h1{
          font-size:2rem;
     }
     section#order-page-2 h2.price,
     section#order-page-2 h6{
             font-family: "Karla", sans-serif;
          font-size:1.3rem;
         font-weight: 500;
         line-height: 1.3;

     }
     section#order-page-2 h6{
         font-weight: 500;
     }
     section#order-page-2 h3,
     div#related-products h3,
     section#order-page-2 h5{
             font-family: "Karla", sans-serif;
       font-optical-sizing: auto;
          font-size:2rem;
          font-weight: 500;
          letter-spacing:-0.1rem;
          margin:0;
     }
section#order-page-2 h2.price{
     font-size:2em;
     vertical-align:middle;
}

     section#order-page-2 h2.price::before,
     section#order-page-2 h2.price::after{
          content:'$';
          opacity:0.9;
          font-size:1rem;
          position:relative;
          top:-0.5rem;
     }
     section#order-page-2 h2.price::after{
          content:'00';
     }

     section#order-page-2 h1::before{
          background:rgb(160, 225, 147);
          background:var(--alert-dark);
          border-radius:5rem;
          color:#000;
          content:'Free Shipping';
          display:inline-block;
          font-size:0.8rem;
          font-style:normal;
          font-weight:bold;
          color:#fff;
          height:1.2rem;
          letter-spacing:0.05rem;
          line-height:1.2rem;
          margin:-0.2rem 0 0 0.5rem;
          margin:0;
          padding:0 0.6rem;
          text-transform:uppercase;
          vertical-align:middle;
          display:block;
          background:transparent;
          color:var(--alert-dark);
          font-size:1rem;
          height:auto;
          padding:0.25rem 0;
     }
     section#order-page-2 label.x-form,
     section#order-page-2 div#product-order-options span.label{
          color:#555c;
          display:inline-block;
          display:none;

          font-size:0.75rem;
          font-weight:normal;
          margin:0;
          padding:0 0 0.25rem 0.75rem;
     }
     /* Drop zone — mirrors the home hero upload zone (.home-drop-zone): coral
      * dashed card, terracotta icon disc, three stacked lines. Stays
      * display:none until form#order-info.no-photo reveals it. */
     .drop-zone {
          align-items: center;
          background: #fff;
          border: 2px dashed #e8a890; /* A soft, on-brand color */
          border-radius:0.75rem;
          cursor: pointer;
          display:none;
          margin:0 0 1.5rem 0;
          justify-content: center;
          min-height:7rem;
          padding:1.5rem;
          text-align:center;
          transition: border-color 0.2s, background 0.2s; /* Smooth transition */
          width:100%;
     }
     .drop-zone span.drop-zone-text{
          align-items:center;
          color:#555;
          display:flex;
          font-size:0.95rem;
          gap:0.85rem;
          justify-content:center;
          text-align:left;
          transition:all .2s;
     }
     /* Solid terracotta disc mirrors the home zone so both pages read as one
      * system. */
     .drop-zone span.drop-zone-icon{
          align-items:center;
          background:#e8a890;
          border-radius:50%;
          display:flex;
          flex:0 0 auto;
          height:3rem;
          justify-content:center;
          width:3rem;
     }
     .drop-zone span.drop-zone-icon i{
          color:#fff;
          font-size:1.35rem;
     }
     .drop-zone span.drop-zone-text-lines{
          align-items:flex-start;
          display:flex;
          flex-direction:column;
          line-height:1.25;
     }
     .drop-zone span.drop-zone-line-1{
          color:#2b2b2b;
          font-size:1.05rem;
          font-weight:600;
     }
     .drop-zone span.drop-zone-line-2{
          color:#c0674f;
          font-size:0.9em;
     }
     .drop-zone span.drop-zone-line-3{
          color:#5a6875; /* 4.5:1+ on the zone's white fill (AA small text) */
          font-size:0.78rem;
          margin-top:0.2rem;
     }
     /* Processing: the spinner replaces the row. The children keep their box
      * (so the span holds its size) but are hidden, otherwise the icon disc
      * would sit on top of the spinner. */
     .drop-zone.processing span.drop-zone-text{
          background-image:url(/l.svg);
          background-position:center center;
          background-repeat:no-repeat;
          background-size:contain;
     }
     .drop-zone.processing span.drop-zone-text > *{
          visibility:hidden;
     }
     .drop-zone:hover,
     .drop-zone.drop-zone--over{
          background:rgba(255,255,255,0.92);
          border-color:#c0674f;
     }
     form#order-info.no-photo label.drop-zone{
          display: flex;
     }

     section#order-page-2 div#product-order-options div.product-option.product-option-pets-name span.label::after,
     section#order-page-2 div#product-order-options div.product-option.product-option-upload-photos span.label::after{
          content:'Required';
          color:#aaa;
          display:inline-block;
          display:none;
          font-weight:bold;
          margin-left:0.5rem;
     }
     section#order-page-2 span.original-price{
       color: #595959;
          margin:0 0.5rem;
          text-decoration: line-through;
     }



     section#order-page-2 span.discount-badge{
       background-color: var(--clg-color-sem-background-surface-monetary-value-light,#a0e193);
       border-radius: var(--clg-shape-app-badge-border-radius,12px);
       color: var(--clg-color-sem-text-primary,#222);
       word-break: break-word;
       padding-top: var(--clg-dimension-pal-spacing-100,6px);
       padding-bottom: var(--clg-dimension-pal-spacing-100,6px);
       padding-left: var(--clg-dimension-app-badge-padding-horizontal,8px);
       padding-right: var(--clg-dimension-app-badge-padding-horizontal,8px);

       min-width: 25px;
       font-size: 12.99px;
       font-weight: 400;
       line-height: 1;
       display: inline-block;
     }
     section#order-page-2 p.sale-timer{
          color: #0f743b;
          font-weight:500;
     }
     section#order-page-2 p.returns-accepted{

          margin:0;
     }


     section#order-page-2 div#product-image-gallery{
          padding-bottom:3rem;
          position:relative;
     }
     section#order-page-2 div#product-image-gallery div.thumbnails-container{
          height:auto !important;

     }
     section#order-page-2 div#product-image-gallery div.thumbnail-cell{
          border:2px solid #fff;
          margin:0.2rem 0;     
          opacity:0.6;
     }
     section#order-page-2 div#product-image-gallery div.thumbnail-cell:hover{
          opacity:1;
     }
     section#order-page-2 div#product-image-gallery div.thumbnail-cell,
     section#order-page-2 div#product-image-gallery div.thumbnail-cell div.image{
          border-radius:0.4rem;
          cursor:pointer;
          height:60px;
          overflow:hidden;
          position:relative;

          width:60px;


     }



     section#order-page-2 div.thumbnail-cell div.image{






          background:#eee;
     }     


     section#order-page-2 div#product-image-gallery div.thumbnail-cell div.image > img{
          cursor:pointer;
          display:inline-block;
          height:60px;
          width:60px;
     }
section#order-page-2 div#product-image-gallery div.thumbnail-cell{

     border:none;
     margin:5px;
     transition:all 0.2s;
}
     section#order-page-2 div#product-image-gallery div.thumbnail-cell.is-selected{
          border:none;
          box-shadow:0 0 0 2px #fff, 0 0 0 5px #000;
          cursor:default;
          opacity:1;
     }
     section#order-page-2 div#product-image-gallery div.product-image-container > div.main-carousel div.flickity-slider{
     }


     section#order-page-2 div#product-image-gallery.preloading div.carousel-cell{
          display:none;

     }

     section#order-page-2 div#product-image-gallery.preloading div.carousel-cell:nth-of-type(1){
          display:block;
     }
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image{


          border-radius:0.4rem;
          overflow:hidden;
          position:relative;
     }
body:not(.is-b) section#order-page-2 form.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-view div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.status-complete div#product-image-gallery div.carousel-cell div.image.image-back-design-detail div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.has-pets div#product-image-gallery div.carousel-cell div.image.image-back-design-detail div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail div.design-canvas::after,
body:not(.is-b) section#order-page-2 form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.design-canvas::after{
content:'';     

     display:block;
     height:100%;
     left:0;
     position:absolute;
     opacity:1;
     top:0;

     width:100%;

     z-index:100;

    mask-image: url("/images/watermark-light.png?v=2");
    mask-size:25% auto;
    mask-position:top left;
    mask-repeat:repeat;

  animation: animatedBackground 200s linear infinite; /* Apply the animation */
     background:#fff3;
}

/* Define the animation behavior */
@keyframes animatedBackground {
  from {
    /* Starting position: top-left corner (0% horizontal, 0% vertical) */
    mask-position: 0 0;
  }
  to {


    /* Ending position: shifted entirely to the right (100% horizontal) */
    mask-position: 100% 0;
  }
}




     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-mockup::before{
          background-size:contain;
          box-shadow:0px 0px 3px 1px #555;
          outline:4px solid #fff;
          content:'';
          height:25%;
          display:block;
          left:8%;
          max-height:140px;
          max-width:140px;
          margin:0;
          position:absolute;
          top:18%;
          transition:all .15s ease-out;
          transition:all 1s ease-out;
          transform:rotate(-5deg);
          width:25%;
          z-index:12;
     }
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::before{
          display:none;
     }
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell:nth-child(1) div.image.has-design-1::before{

          display:block;
     }
     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::before{
          top:5%;
          left:6%;
     }
     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1.image-mockup::after,
     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1.image-diy-ideas::after{

          right:25%;

     }
     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1.image-mockup::before,

     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1.image-diy-ideas::before,
     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1.image-files-included::before,
     section#order-page-2.product-33 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1.image-files-included::after{

          display:none;
     }
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-phone-screen::before,
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before{
          left:67%;
          top:20%;
         transform:rotate(5deg);
      }
     section#order-page-2.product-holiday-heirloom-ornament div#product-image-gallery div.carousel-cell div.image.image-mockup::before{
          left:65%;
          top:20%;
     }
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,
     section#order-page-2 form:not(.has-pets) div#product-image-gallery div.carousel-cell div.image.image-design-detail::after{
          background:transparent url("/images/customize-badge.png?v=2") center center no-repeat;
          background-size:contain;
          content:'';
          height:25%;
          display:block;
          position:absolute;
          left:auto;
          right:2%;
          top:2%;
          transform:rotate(15deg);
          transition:all 1s ease-out;
          width:25%;
          z-index:10;
     }
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after{
          transform:rotate(0deg);
          left:7%;
          top:0%;
          width:80%;    
     }
     section#order-page-2.cached form#order-info div#product-image-gallery div.carousel-cell div.image.has-design-1::before,
     section#order-page-2.cached form#order-info div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.has-design-1::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.has-design-1::after,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::before,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-mockup::before,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail-small::after,

     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.has-design-1::before,


     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-design-detail::after,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-design-detail::after,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-design-detail::after,
     
     section#order-page-2.cached div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2.x_cached div#product-image-gallery div.carousel-cell div.image.image-mockup::after,
     section#order-page-2.cached div#product-image-gallery div.carousel-cell div.image.image-design-detail::after{
          opacity:0 !important;;
          transform:translateY(-25%);
     }
     section#order-page-2.cached div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-pregenerating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-generating div#product-image-gallery div.carousel-cell div.image.image-mockup::before,
     section#order-page-2 form#order-info.status-complete div#product-image-gallery div.carousel-cell div.image.image-mockup::before{

          transform:translateY(25%);

     }


     section#order-page-2 div#product-image-gallery.random-design-1 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-1 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-1 div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_1.jpg?v=2");
     }

     section#order-page-2 div#product-image-gallery.random-design-2 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-2 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-2 div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_2.jpg?v=2");
     }
     section#order-page-2 div#product-image-gallery.random-design-3 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-3 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-3 div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_3.jpg?v=2");
     }
     section#order-page-2 div#product-image-gallery.random-design-4 div.carousel-cell div.image.has-design-1::before,
     section#order-page-2 div#product-image-gallery.random-design-4 div.carousel-cell div.image.image-design-detail-small::before,
     section#order-page-2 div#product-image-gallery.random-design-4 div.carousel-cell div.image.image-mockup::before{

          background-image: url("/images/products/default_design_4.jpg?v=2");
     }
     section#order-page-2.is-share-design-1 div#product-image-gallery div.carousel-cell div.image.image-mockup::before{
          background-image: url("/images/products/default_design_share.png");
          border-radius:1rem;
          outline:none;
          box-shadow:none;
     }
div#mobile-preview div.image > img,
     section#order-page-2 div#product-image-gallery div.carousel-cell div.image > img{
          border-radius:0.75rem;
          min-height:100px;
          object-fit:contain;
          width:100%;
     }

     section#order-page-2 div#product-image-gallery img.copyright{
          height:100%;
          left:0;
          opacity:1;

          top:0;
          position:absolute;

          width:100%;
          z-index:10000;
     }

     section#order-page-2 form#order-info div.design > div.custom-design{
          overflow:visible;
          position:absolute;

          z-index:100;
     }

body.loading-pets div.custom-design-name,
body.loading-pets img.custom-design{
     opacity:0 !important;
}

     body.print-image div.profile-image img,
     div.design-canvas > div.custom-design img,
     section#order-page-2 form#order-info div.design > div.custom-design img{
          height:100%;
          object-fit:contain;

          pointer-events:none;
          object-position: center center;
          width:100%;
     }
@property --iris-radius {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%;

}


@property --iris-gradient-length {
    syntax: "<length> | <percentage>";
    inherits: false;
    initial-value: 0px;
}


section#order-page-2 form#order-info.status-complete div.design-canvas div.custom-design img.custom-design.preloading{
     opacity:0;
}
section#order-page-2 form#order-info.status-complete div.design-canvas div.custom-design img.custom-design:not(.preloading){
    --iris-radius: 100%;
    --iris-gradient-length: 60px;
    --time: 2s;

    -webkit-mask-image: radial-gradient(
      black,
      black var(--iris-radius),
      transparent calc(var(--iris-radius) + var(--iris-gradient-length)),
      transparent
    );
    transition: --iris-radius var(--time) cubic-bezier(0, 0.55, 0.45, 1),


                --iris-gradient-length var(--time) ease-out;
}


section#order-page-2 form#order-info.status-precomplete div.design-canvas div.custom-design img.custom-design{
    --iris-radius: -50%;
    --iris-gradient-length: 0px;
}

     section#order-page-2 form#order-info.status-generating div.design > div.custom-design img,

     section#order-page-2 form#order-info.status-generating div.design > div.custom-design img.loading{
          height:60% !important;
     }

     /* While the design generates we show the customer's own moderated photo in
        the print area instead of the /l.svg spinner. It sits well inside the
        print area and is deliberately treated - rounded, shadowed, soft - so it
        reads as a photo laid on the blanket, never as the finished print.
        The .status-complete rule carries it through applyDesignToGallery's
        preload window, so the iris reveal wipes photo -> design. */
     section#order-page-2 form#order-info.status-pregenerating div.design > div.custom-design img.custom-design.is-photo-preview,
     section#order-page-2 form#order-info.status-generating div.design > div.custom-design img.custom-design.is-photo-preview,
     section#order-page-2 form#order-info.status-complete div.design-canvas div.custom-design img.custom-design.preloading.is-photo-preview{
          animation:moderatedPhotoProcessing 2.4s ease-in-out infinite;
          border-radius:0.5rem;
          bottom:0;
          box-shadow:0 2px 12px 0 #0003;
          left:0;
          margin:auto;
          object-fit:contain;
          opacity:1;
          position:absolute;
          right:0;
          top:0;
          /* auto width/height capped by both maxes keeps the box hugging the photo
             at any aspect ratio, so the corners and shadow never frame empty space */
          height:auto;
          max-height:60%;
          max-width:70%;
          width:auto;
     }
     @keyframes moderatedPhotoProcessing{
          0%, 100%{
               filter:grayscale(0.85) brightness(1.4);
               transform:scale(1) rotate(0deg);
          }
          50%{
               filter:grayscale(0.15) brightness(1);
               transform:scale(1.15) rotate(10deg);
          }
     }
     @media (prefers-reduced-motion: reduce){
          section#order-page-2 form#order-info div.custom-design img.custom-design.is-photo-preview{
               animation:none;
               filter:grayscale(0.4);
               transform:none;
          }
     }
     div.design-canvas div.status-bar,
     body.canvas div.custom-design div.status-bar,
     form#order-info div.custom-design div.status-bar{
          bottom:5%;
          box-shadow:0 0 5px 0 #555a;
          display:none;
          position:absolute;
          left:0;
          margin:0 5%;
          top:auto;     
          width:90%;
          z-index:1000;          
     }

     section#order-page-2.cached div#product-image-gallery div.design-canvas div.custom-design-name,

     section#order-page-2.cached div#product-image-gallery div.design-canvas img.custom-design{
          opacity:0;
     }


     section#order-page-2 div#product-image-gallery div.design-canvas div.custom-design{
          transition:all .15s ease-out;
     }
     section#order-page-2.cached div#product-image-gallery div.design-canvas div.custom-design{
          background:transparent url(/l.svg) center center no-repeat !important;
          background-size:100% !important;
     }
     section#order-page-2 div#product-image-gallery div.image div.design{
          display:none
     }
div#mobile-preview div.image div.design,
     section#order-page-2 div#product-image-gallery div.image.has-design-1 div.design{
          display:block;
          height:100%;
          left:0;
          position:absolute;

          top:0;
          width:100%;
          z-index:1;     
     }
     /* section#order-page-2 div#product-image-gallery div.image div.design img.loading{
          background:#fffa;
          border-radius:50%
     }*/
     body.print-image div.profile-name,
     body.canvas div#canvas-image div.design span.custom-design-name,
     div.design-canvas div.custom-design-name,
     section#order-page-2 div.image div.design div.custom-design-name{
          background-color: rgb(var(--mockup-contrast-color));
          mask-image:var(--pet-name-url);
          display:none;
          position:absolute;
          mask-size:contain;
          mask-position:center center;
          mask-repeat:no-repeat;
          z-index:1000;
     }
     body.canvas div#canvas-image.generate-name-image-1 div.design span.custom-design-name,
     section#order-page-2 form#order-info.generate-name-image-1:not(.status-generating) div.image div.design div.custom-design-name{
          display:block;
     }
     section#order-page-2 form#order-info.status-generating div.image div.design div.custom-design-name{

          display:none;
          opacity:0;
     }

     /* NAME IMAGE FONTS - Name font - name css */
     body,
     section#order-page-2{
          --name-image-signature:url(/images/font_5_default_text.png?v=2);
          --name-image-modern:url(/images/font_4_default_text.png?v=3);
          --name-image-classic:url(/images/font_6_default_text.png?v=3);
          --name-image-no-name:none;
          --pet-name-url:url(/images/font_5_default_text.png?v=2);
          --font-classic-scale:0.65;
          --font-modern-scale:0.6;
     }
     .font-signature div.design div.custom-design-name,
     .font-signature form:not(.has-pets) div.design div.custom-design-name{
          mask-image: var(--name-image-signature);
     }
     .font-modern div.design div.profile-name,
     .font-modern div.design div.custom-design-name{
          --pet-name-url:var(--name-image-modern);
          transform:scale(var(--font-modern-scale));
     }
     .font-classic div.design div.profile-name,
     .font-classic div.design div.custom-design-name{



          --pet-name-url:var(--name-image-classic);
          transform:scale(var(--font-classic-scale));
     }
     body.print-image.font-no-name div#design div.profile-name,
     .font-no-name div.design div.custom-design-name,
     .font-no-name div.design div.custom-design::before{
          /* Hide the pet name and name background shadow */
          --pet-name-url:var(--name-image-no-name);
          visibility:hidden;
     }
     body.print-image.font-no-name div#design div.profile-image img.subject,
     .font-no-name div.design.product-16 div.custom-design img.custom-design,
     .font-no-name div.design.product-34 div.custom-design img.custom-design,
     .font-no-name div.design.template-portrait div.custom-design img.custom-design{
          transform:translateY(-12%);
     }


     body.canvas div#canvas-image div.design span.custom-design-name img,
     section#order-page-2 form#order-info.generate-name-image-1 div.image div.design div.custom-design-name img{
          visibility:hidden;
     }


     section#order-page-2 form#order-info div.image div.design div.custom-design-name svg.text-name{
          display:none;
     }





     section#order-page-2 div#product-image-gallery div.is-selected div.image div.design.updated-design img.custom-design{
            animation:pulseOutlineUpdatedDesign 0.5s;
            transition:all 0.25s;
     }


     section#order-page-2 div#product-image-gallery div.carousel-cell div.image div.color-title{
          background: #fbede7;


          background:#fff;
          border-radius:0.5rem;
          border-top-left-radius:0;
          border-bottom-left-radius:0;
          box-shadow:0 0 5px 3px #5552;
          color:#555;
          display:none;
          font-size:1.2rem;
            font-size: clamp(16px, 2cqi, 20px);


          left:0%;
          line-height:140%;
          padding:0.5rem 1rem 0.5rem 0.75rem;
          position: absolute;
          bottom:10%;
          z-index:10;
          
          bottom:0;
          border-top-right-radius:1.5rem;
          padding-right:1.5rem;

          border-bottom-right-radius:0;

          background: var(--bs-dark);
          color:#fff;
     }
     section#order-page-2 div#product-image-gallery div.image div.color-title::before{
          content:'Shirt Color';
          display:none;

     }
     body.lang-es section#order-page-2 div#product-image-gallery div.image div.color-title::before{

          content:'Color de Camiseta';
     }
     section#order-page-2 div#product-image-gallery div.image div.color-title::after{

          content: attr(data-product_color) ;
          display:block;
            font-size: clamp(19px, 2.5cqi, 30px);
            font-size: clamp(19px, 2.5cqi, 23px);
          font-weight:bold;
     }
      section#order-page-2 div#product-image-gallery button.flickity-button{
           background:#fff;
          box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px 4px 8px 3px;
           transition:all .15s ease-out;
     }

      section#order-page-2 div#product-image-gallery button.flickity-button:hover{
          background:#eaeaea;
     }
     section#order-page-2 div#product-image-gallery button.flickity-button svg{


          left:0;
          margin:0 auto;

          right:0;
           width:20px;

     }

        .btn-brand:hover {
            color: white;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);


            transform: translateY(-2px);
        }
        .modal-content {
            border-radius: 1rem;
            border: none;
        }
        .share-toggle .btn {

            transition: all 0.2s ease-in-out;
        }
        .share-toggle .btn.active {
            background-color: #db2777 !important;
            color: white !important;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        .btn-facebook { background-color: #1877F2; color: white; }
        .btn-twitter { background-color: #14171A; color: white; }
        .btn-pinterest { background-color: #E60023; color: white; }
        .btn-copy { background-color: #6c757d; color: white; }
        

        .btn-facebook:hover, .btn-twitter:hover, .btn-pinterest:hover, .btn-copy:hover {
            opacity: 0.9;
            color: white;
        }

     section#order-page-2.is-sold-out-1 div.product-info div.product-option{
          opacity:0.4;     
     }
     section#order-page-2.is-sold-out-1 div.product-info a#add-to-cart,

     section#order-page-2.is-sold-out-1 div.product-info div#quantity-options,

      section#order-page-2.is-sold-out-1 div.product-info div.product-option-upload-photos{

          opacity:0.4;     
          pointer-events:none;
     }
     section#order-page-2.is-sold-out-1 div#add-to-cart-container,
     section#order-page-2.is-sold-out-1 div.product-info{
          position:relative;
     }
     section#order-page-2.is-sold-out-1 div#add-to-cart-container::before,
     section#order-page-2.is-sold-out-1 div.product-info::before{

          background:#555e;

          color:#fff;
          content:'Sorry, sold out!';
          display:inline-block;


          font-size:1.2rem;


          font-weight:bold;
          left:0;
          margin:0 auto;
          padding:1rem 3rem;
          position:absolute;
          text-align:center;
          top:12rem;
          right:0;
          transform:rotate(-10deg);
          z-index:1000;
     }
     section#order-page-2.is-sold-out-1 div#add-to-cart-container::before{
          top:0;
          transform:rotate(-15deg);
     }

     section#order-page-2 h3.headline{

          border-left:2px solid #ccc0;

          font-family: "Karla", sans-serif;
       font-optical-sizing: auto;
          font-size:1.3rem;
          font-weight:500;
          letter-spacing:-0.06rem;
          margin:0 0 0rem 0;
          padding:0rem 1.5rem 0.5rem 0rem;
          
     }
     section#order-page-2 h3.headline i{


          color:#696969;
          display:inline-block;
          font-size:1.3rem;
          margin:0 0.5rem 0 0;

     }
     section#order-page-2 div#product-rating{
          margin:0 0 2rem 0;;
     }
     section#order-page-2 div#product-rating i.fa-star,
     section#order-page-2 div#product-reviews div.review-item i.fa-star{
          color:#aaa;
     }
     section#order-page-2 div#product-rating.rating-4 i.fa-star,
     section#order-page-2 div#product-reviews div.stars.rating-4 i.fa-star,
     section#order-page-2 div#product-rating.rating-5 i.fa-star,
     div#reviewModal i.fa-star,
     section#order-page-2 div#product-reviews div.stars.rating-5 i.fa-star{
          color:var(--alert-dark);
     }

     div#reviewModal .rating-4 i.fa-star:nth-child(5),
     section#order-page-2 div#product-rating.rating-4 i.fa-star:nth-child(5),

section#order-page-2 div#product-reviews div.stars.rating-4 i.fa-star:nth-child(5){
     color:#ddd;
}
section#order-page-2 div#product-rating.rating-5 div.no-reviews,
     section#order-page-2 div#product-rating.total-reviews-0 div.review-stars,
     form#order-info.review-type-related div#product-rating > a,
     form#order-info.review-type-general div#product-rating > a{
          display:none;
     }
     section#order-page-2 div#product-rating span.total-reviews{
          display:inline-block;

          margin-left:0.5rem;
     }
     section#order-page-2 div#product-rating:not(.total-reviews-1) span.total-reviews::after{
          content:'s';
     }
     form#order-info.review-type-general div#product-rating div.no-reviews{
          display:block;
     }

     section#order-page-2 div#product-rating div.no-reviews a{
          color:#aaa;
     }
     section#order-page-2 p#is-returns-accepted{
          margin:1rem 0 0 0;
     }
     section#order-page-2 span.free-shipping-badge{
          background:rgb(160, 225, 147);
          background:var(--alert);
          border-radius:5rem;
          color:#222;
          display:inline-block;
          font-style:normal;
          height:1.4rem;
          line-height:1.4rem;
          margin:0 1rem 0 0;
          padding:0 0.6rem;
     }
     section#order-page-2 a#openShareModalBtn{
          background:#fff;
          border: none;
          color: #222;

          display:none;
          font-size:0.9rem;
          padding:0.5rem 1rem;
          position:absolute;
          right:1rem;
          top:1rem;
          transition: all 0.3s ease;
          width:auto;
          z-index:11000;
        }
        body.is-b section#order-page-2 form.status-complete a#openShareModalBtn{

        }
div#shareModal div#imagePreviewContainer{
     aspect-ratio:1;
     position:relative;
}
div#shareModal div#imagePreviewContainer img.share{
     aspect-ratio:1;
     object-fit:cover;
     object-position:right center;
     display:block;
     position:absolute;
     opacity:1;
     transition:all .5s;
     width:100%;
}
div#shareModal div#imagePreviewContainer.generating img.share{
     opacity:0;
}

form#order-info div#product-review-list div.review-item{
     border-top:1px solid #ccc;
}

       
     form#order-info div#product-reviews div.no-reviews,
     form#order-info.review-type-general div#product-review-list div.total-rating,
     form#order-info.review-type-related div#product-review-list div.total-rating,
     form#order-info div#product-reviews div.similar-designs{

          display:none;
     }
     form#order-info.review-type-general div#product-review-list div.no-reviews{
          display:block;
     }
form#order-info div#product-review-list div.total-rating > p{


margin-left:3rem;

}
form#order-info div#product-review-list div.review-item{
     clear:left;
}
form#order-info div#product-review-list div.review-item{
     display:none;
}
form#order-info div#product-review-list div.review-item:nth-child(1),


form#order-info div#product-review-list div.review-item:nth-child(2),

form#order-info div#product-review-list div.review-item:nth-child(3){
     display:block;
}

     form#order-info div#product-review-list img.review-image-trigger{
          float:left;
          display:inline-block;
          max-width:25%;
          object-fit:cover;
     }


     form#order-info.review-type-related div#product-review-list div.similar-designs,
     form#order-info.review-type-related div#product-review-list div.view-reviews{

          display:block;

     }
     section#order-page-2 div#product-reviews div.review-item p.related-review-link{
          display:none;
          text-align:right;
     }
     }
     form#order-info.review-type-general div#product-review-list div.review-item p.related-review-link,
     form#order-info.review-type-related div#product-review-list div.review-item p.related-review-link{
          display:block;
     }
     section#order-page-2 div#product-reviews h5 i.fa-star{
          color:var(--alert-dark);

     }

.review-image-trigger {
    cursor: pointer;
    transition: opacity 0.2s;
}

.review-image-trigger:hover {
    opacity: 0.85;
}

.review-nav-prev:disabled,
.review-nav-next:disabled {

    opacity: 0.4;
}



#reviewModal .review-modal-image {
    max-height: 400px;
    object-fit: contain;
    width: 100%;
}

div.view-all-reviews-container{
     clear:left;
}
.view-all-reviews-btn {
    font-size: 0.95rem;
}

.view-all-reviews-btn:hover {
    background-color: var(--bs-dark);
    color: white;
}
#reviewModal .review-modal-image {
    max-height: 400px;
    object-fit: contain;
    width: 100%;
}




     section#order-page-2 div#product-order-options div.product-option{
          border:0;
          margin:0;
          padding:0;
     }
     section#order-page-2 div#product-order-options div.product-option.product-option-quantity{
          /* Only show quantity in cart */
          display:none;
     }
     section#order-page-2 div#product-order-options div.product-option > div.field{
     margin:0;
          padding:0;
     }
     section#order-page-2 div.order-field div.type-product_color_select div.view-options > a,



     section#order-page-2 div.order-field div.type-color_select div.view-options > a{
          display:inline-block;
          height:3rem;
          position:relative;
          text-align:center;
          width:3rem;
     }
     section#order-page-2 div.order-field div.type-product_color_select div.view-options > a.active,
     section#order-page-2 div.order-field div.type-color_select div.view-options > a.active{
          background:transparent;

     }
     section#order-page-2 div.order-field div.type-product_color_select div.view-options > a span.swatch,
     section#order-page-2 div.order-field div.type-color_select div.view-options > a span.swatch{
           border-radius:50%;
           border:1px solid #808184;
          border:none;
          border:1px solid #888;

           box-shadow:0px 0px 0px 1px var(--bs-dark);
          box-shadow:none;

           display:inline-block;
           height:2rem;
           margin:0.4rem 0 0 0;
           width:2rem;
     }
     section#order-page-2 div.order-field div.type-product_color_select div.view-options > a span.swatch.is-heather-1,
     section#order-page-2 div.order-field div.type-color_select div.view-options > a span.swatch.is-heather-1{
          background-image: url("/images/heather-texture-3.png?v=1");
          background-size:  100px 100px;

     }
     section#order-page-2 div.order-field div.type-product_color_select div.view-options > a::after {
       content: attr(data-name); /* Get the data attribute value */

       /* Initially hidden */
       opacity: 0;
       visibility: hidden;

       /* Positioning */
       position: absolute;
       bottom: 105%; /* Position above the link */
       left: 50%;
       transform: translateX(-50%); /* Center the tooltip */
       z-index: 100; /* Ensure it's on top */



       /* Styling the tooltip box */
       background-color: #333;
       color: #fff;
       padding: 8px 12px;
       border-radius: 4px;
       font-size: 0.9em;
       white-space: nowrap; /* Prevent text from wrapping to new lines */
       box-shadow: 0 2px 5px rgba(0,0,0,0.2);
          pointer-events:none;

       /* For a smooth transition (optional) */
          transition:all 0s;
     }
     section#order-page-2 div.order-field div.type-product_color_select div.view-options > a:hover::after {
       display: block; /* Or inline-block, flex etc. depending on content */

       opacity: 1;
       transition: opacity 0.2s ease, visibility 0.2s ease;
       visibility: visible;
     }

     /* SET THE HEATHER TEXTURE FOR COLOR MASKS */
     body.canvas div.product-color-mask.is-heather-1,

     div.design-canvas.product-19 div.color-mask.is-heather-1,
     section#order-page-2 div.image div.color-mask.is-heather{ 
          background-image: url("/images/heather-texture-3.png?v=1") !important;
          background-size:100px 100px !important;
          transition:background-color 0.15s, background-size 0s;
     }



     /* Set a larger texture for design-detail images*/
     section#order-page-2 div.image.image-design-detail div.color-mask.is-heather{ 
          background-image: url("/images/heather-texture-3.png?v=1") !important;
          background-size:300px 100px !important;
          transition:background-color 0.15s, background-size 0s;


     }


     section#order-page-2 div#product-order-options div.field p{
          margin:0.25rem 0;
          padding:0;
     }
     form#order-info div#product-order-options button#change-design-button{


          background:#fffc;
          display:none;
     }
     form#order-info div#product-order-options button#change-design-button::before{

          color:#555;
        content:'\f3c2';
          content:'\f303';
          display:inline-block;
        font-family:"Font Awesome 7 Pro";
          font-weight:800;
          margin:0 0.5rem 0 0;
     }
     form#order-info.status-complete div#product-order-options button#change-design-button:hover{
          background:#555;
     }



     form#order-info.status-complete div#product-order-options button#change-design-button{
          color:#444;
          display:block;
          margin:0rem 0 0 0;
          width:100%;
          background: #yfff;
          border:none;
          border-radius:5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.05) 0px 4px 8px 3px;
  transition: all .15s ease-out;
          display:none;
          
     }

     form#order-info.status-complete div#product-order-options button#change-design-button:hover{
          background:#eaeaea;
          background:#fff;
          box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px 0px, rgba(0, 0, 0, 0.15) 0px 4px 8px 3px;
     }

     section#X__order-page-2 div#product-order-options div#quantity-options{


          display:block;
          margin:2rem 0 0 0;

          padding:0 0 0.5rem 0;

     }

     section#order-page-2 div#product-order-options div#quantity-options span.label{


          padding:0;
     }
     section#order-page-2 div#product-order-options div#add-to-cart-container{
          margin:1rem 0 0 0;
     }
     section#order-page-2 div#product-order-options a#add-to-cart{

          background:#000;
            background: var(--alert);

          color:#000;
            background: var(--alert-progress);
          color:#fff;
          display:block;
          font-size:16px;
          font-weight:bold;
          padding:0.7rem 0;
          position:relative;
          width:100%;

            --wt-btn-bg-color:unset;
       --wt-btn-bg-color-hover:unset;
       --wt-btn-bg-color-active:unset;
       --wt-btn-border-color:unset;
       --wt-btn-border-color-hover:unset;
       --wt-btn-border-width:var(--clg-shape-sem-border-width-base,2px);
       --wt-btn-text-color:unset;
       --wt-btn-text-color-hover:unset;
       --wt-btn-scale:scaleX(1)scaleY(1)perspective(1px);
       --wt-btn-scale-hover:scaleX(1.015)scaleY(1.035)perspective(1px);

       --wt-btn-scale-active:scale(.99);
       --wt-btn-icon-size:unset;

       --wt-btn-size-width:var(--clg-dimension-sem-interaction-largest,75px);

     }
     section#order-page-2 div#product-order-options div#payment-methods{
          display: flex;
          justify-content: center;
     }

     section#order-page-2 div#product-order-options div#payment-methods img{
          background:#f4f4f4;
          border-radius:.1rem;
          box-shadow:0 0 0 1px #ddd;
          display:inline-block;
          height:45px;
          margin:2rem 2% 1rem 0;
          max-width:15%;          
          object-fit:contain;
          padding:0.25rem;
     }
     section#order-page-2 div#product-order-options div#payment-methods img:nth-child(5),

     section#order-page-2 div#product-order-options div#payment-methods img:nth-child(6),
     section#order-page-2 div#product-order-options div#payment-methods img:nth-child(7),
     section#order-page-2 div#product-order-options div#payment-methods img:nth-child(8){
          aspect-ratio:unset;
          margin-right:-1rem;
          padding:0;

          transform:rotate(-20deg) translateY(5px);
          height:30px;
     }

     section#order-page-2 form#order-info:not(.status-complete) div#product-order-options a#add-to-cart:hover,
     section#order-page-2 form#order-info:not(.status-complete) div#product-order-options a#add-to-cart:hover::before,
     section#order-page-2 form#order-info:not(.status-complete) div#product-order-options a#add-to-cart{
          background:#f4ddd3;
          border-color:#dacfca;
          background:#dacfca;
          background:#5553;
          box-shadow:none;
          border:none;
          color:#555a;
          opacity:0.7;
          display:none;
          
     }
     section#order-page-2 div#product-order-options a#add-to-cart::before {
          background:var(--alert-progress);
       box-shadow: var(--clg-effect-sem-shadow-elevation-3,0px 1px 3px 0px #0000004d,0px 4px 8px 3px #00000026);
       opacity: 0;
       transition: transform .2s cubic-bezier(.345,.115,.135,1.42),opacity .15s ease-out;
          content: "";
       border: var(--wt-btn-border-color)solid var(--wt-btn-border-width);
       border-radius: inherit;
       z-index: -1;
       transform: var(--wt-btn-scale)rotate(.0001deg);
       -webkit-backface-visibility: hidden;





       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;


       left: 0;
     }




     section#order-page-2 div#product-order-options a#add-to-cart:hover::before {
          opacity: 1;
       transform: var(--wt-btn-scale-hover);
          border: #0000 solid var(--wt-btn-border-width);
       box-shadow: var(--clg-effect-sem-shadow-elevation-3,0px 1px 3px 0px #0000004d,0px 4px 8px 3px #00000026);
       transition: transform .2s cubic-bezier(.345,.115,.135,1.42),opacity .15s ease-out;          
          background:var(--alert-progress);
       border:  var(--alert-progress) solid var(--wt-btn-border-width);

       box-shadow: var(--clg-effect-sem-shadow-elevation-3,0px 1px 3px 0px var(--alert-progress),0px 4px 8px 3px #00000026);
     }
section#order-page-2 div#product-order-options div.free-shipping-estimate {
          color:#888;
          font-size:0.8rem;
          letter-spacing:-0.03rem;
          margin:1rem 0 0 0;          
          text-align:center;
     }
     section#order-page-2 div#product-order-options div.free-shipping-estimate strong{
          background:#eee;
          box-shadow:0 0 0 1px #ccc;
          border-radius:2rem;
          display:inline-block;
          font-weight:normal;
          font-size:0.6rem;
          letter-spacing:0.02rem;
          margin-right:0.2rem;
          padding:0.2rem 0.5rem;

          text-transform:uppercase;
     }
     section#order-page-2 div#item-details div.accordion-item{
          border:none;
          padding:0;

     }
     section#order-page-2 div#item-details h3.accordion-header{
          border-top:1px solid #ccc;
          margin:0;
          padding:0;

          border-radius:0;
     }
     section#order-page-2 div#item-details div.accordion-item:first-child h3.accordion-header{
          border:none;
     }
     section#order-page-2 div#item-details div.accordion-item h3 button,
     section#order-page-2 div#item-details div.accordion-item div.accordion-body{
          padding-left:1rem;
          padding-right:0rem;
     }
     section#order-page-2 div#item-details button.accordion-button{
          background: linear-gradient(to bottom, #fbede7 -20%, #fff);

          background: linear-gradient(to bottom, #eee -20%, #fff);
     }
     section#order-page-2 div#item-details button.accordion-button::after{
        content:'\f068';
        font-family:"Font Awesome 7 Pro" !important;
          right:1rem;
     }
     section#order-page-2 div#item-details button.accordion-button.collapsed::after{
        content:'\2b';
        font-family:"Font Awesome 7 Pro" !important;
     }
     section#order-page-2 div#item-details button.accordion-button.collapsed{

          background:transparent;
     }
     section#order-page-2 div#item-details div.accordion-item div.accordion-body{
          padding:0 0 1rem 1rem;
          text-align:left;
     }

     section#X_order-page-2 div#item-details button.accordion-button span{
       --wt-btn-bg-color:unset;
       --wt-btn-bg-color-hover:unset;
       --wt-btn-bg-color-active:unset;
       --wt-btn-border-color:unset;
       --wt-btn-border-color-hover:unset;

       --wt-btn-border-width:var(--clg-shape-sem-border-width-base,2px);
       --wt-btn-text-color:unset;
       --wt-btn-text-color-hover:unset;
       --wt-btn-scale:scaleX(1)scaleY(1)perspective(1px);
       --wt-btn-scale-hover:scaleX(1.015)scaleY(1.035)perspective(1px);
       --wt-btn-scale-active:scale(.99);
       --wt-btn-icon-size:unset;
       --wt-btn-size-width:var(--clg-dimension-sem-interaction-largest,75px);
          border-top:1px solid #aaa;
          display:block;
          padding:1rem 0;
          position:absolute;
          width:100%;
     }
     section#order-page-2 div#item-details button.accordion-button:hover span{
          border-radius:5rem;
          border:none;





     }
     section#order-page-2 div#item-details div.accordion-item.details a#product-details-toggle-button{
          border-radius:3rem;

          color:#000;
          display:inline-block;


          padding:0.5rem 1rem;

          position:relative;
          text-align:center;
     }

     section#order-page-2 div#item-details div.accordion-item.details a#product-details-toggle-button:not(.show-less) span.less,
     section#order-page-2 div#item-details div.accordion-item.details a#product-details-toggle-button.show-less span.more{

          display:none;
     }

     section#order-page-2 div#item-details button.accordion-button{
font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: -0.06rem;
          padding-bottom:1.5rem;

          padding-top:1.5rem;
     }
     section#X__order-page-2 div#item-details div.accordion-item.details a#product-details-toggle-button::after,
     section#X__order-page-2 div#item-details button.accordion-button span::after{
          background-color: var(--wt-btn-bg-color);

       border: var(--wt-btn-border-color)solid var(--wt-btn-border-width);



       transition: transform .2s cubic-bezier(.345,.115,.135,1.42),background .15s ease-out,box-shadow .2s ease-out;
     content: "";



       border: var(--wt-btn-border-color)solid var(--wt-btn-border-width);
       border-radius: inherit;
       z-index: -1;

       transform: var(--wt-btn-scale)rotate(.0001deg);


       -webkit-backface-visibility: hidden;
       width: 100%;

       height: 100%;
       position: absolute;
       top: 0;
       left: 0;


     }

     section#order-page-2 div#item-details div.accordion-item.details a#product-details-toggle-button:hover::after,
     section#order-page-2 div#item-details button.accordion-button:hover span::after{

          border-color: var(--wt-btn-border-color-hover);
       background-color: #0e0e0e17;
       transform: scaleX(1.08)scaleY(1.035)perspective(1px);
          border: var(--wt-btn-border-color)solid var(--wt-btn-border-width);

       transition: transform .2s cubic-bezier(.345,.115,.135,1.42),background .15s ease-out,box-shadow .2s ease-out;
     }
     section#order-page-2 div#item-details div.details div.accordion-body{
          font-weight:100;
          color:rgb(24,24,24);

          font-size:16px;
          padding-top:0.5rem;
       /*
       max-height: 150px; 
       overflow: hidden;

       transition: max-height 0.5s ease;
       position: relative;

          mask-image: linear-gradient(
         to bottom,         

         black 35%,          
         transparent 95%   
       );
       */



     }

     section#order-page-2 div#item-details div.details div.accordion-body.expanded{
          mask-image:none;







          max-height: 1000px; 
     }
     section#order-page-2 div#item-details h4{
          font-size:1rem;
          font-weight:100;
          margin:1rem 0 1.5rem 0;


          padding:0;

     }
     section#order-page-2 div#item-details h4::before{
          margin-left:0;
     }
     section#order-page-2 div#item-details div.template-copy:nth-of-type(2) h4{
     margin-top:0;
     }
     section#order-page-2 div#item-details div p{
          margin:1rem 0;
          padding:0;    
     }
     section#order-page-2 div#item-details div ul{
          margin:1rem 0;
          padding:0 0 0 1rem;    
     }
     section#order-page-2 div#item-details div ul li{
          padding:0.5rem 0;
     }
     section#order-page-2 div#item-details div ul li p{
          margin:0;
     }
     section#order-page-2 div#item-details div ul li i{
          display:inline-block;
          font-size:1.2rem;
          margin:0 0.5rem 0 0;
          text-align:center;
          width:2rem;
     }

     section#order-page-2 div#item-details div ul ul{
          color:rgb(89,89,89);
          padding-left:3rem;
     }
     section#order-page-2 form#order-info > nav{




            visibility:hidden;
     }

     @media (max-width:576px) {
          section#order-page-2 form#order-info.mockup-container > div#product-order-options{

               padding-top:0;


          }
          section#order-page-2 div.product-info h2,
          section#order-page-2 div.product-info h1{
               width:100%;
          }
          section#order-page-2 div.product-info h3.headline{
               border-left:none;
               font-size:1.3rem;


               padding:0rem 0rem 1rem 0rem;
          }
          section#order-page-2 div.product-info h3.headline i{

               font-size:1.2rem;
          }
          section#order-page div#product-gallery-thumbs-container{
               height:12rem;
               height:0.5rem;

               position:relative;


          }
          section#order-page div#product-gallery-thumbs{
               position:absolute;
               top:2rem;
               left:0;

               margin:2rem auto;
               right:0;
               display:none;
          }
          

          section#order-page-2 div#product-order-options div#add-to-cart-container{
               background:var(--form-attention);
               border-top:2px solid #fff;
               bottom:0;
               left:0;
               padding:0.5rem 1rem;
               position:fixed;
               transition:0.2s all;
               width:100%;
               z-index:100;
               background:var(--bs-dark);
               border:none;
          }
          
          form#order-info div#generate-preview-wrapper{
               background:var(--form-attention);

               bottom:0;
               left:0;
               padding:0.75rem 1rem;
               position:fixed;
               transition:0.2s all;
               width:100%;
               z-index:100;
          }
          form#order-info.no-name div#generate-preview-wrapper,
          form#order-info.no-photo div#generate-preview-wrapper{
               background:var(--bs-dark);
          }

          section#order-page-2 form:not(.status-complete) div#mobile-preview,
          section#order-page-2 form:not(.status-complete) div#product-order-options div#add-to-cart-container{

               bottom:-10rem !important;;
          }
          section#order-page-2 div#product-order-options div#add-to-cart-container a{
               box-shadow:0 0 0 2px #fff;
               box-shadow:none;

               margin-left:5rem;
               transition:all .3s;
               width:calc(100% - 5rem);
          }
section#order-page-2 div#product-order-options div.free-shipping-estimate{
     margin:0.25rem 0 0 20%;
          }
section#order-page-2 div#product-order-options div.free-shipping-estimate::before{
     content:'FREE ';
          }
          
          section#order-page-2 div#product-order-options div.free-shipping-estimate strong {
                    display:none;
          }
          section#order-page-2 form#order-info:not(.status-complete) div#product-order-options a#add-to-cart{
               box-shadow:none;
                background:#fff;
               border-color:#fff;
               color:#2228;
               display:block;
          }


          section#order-page-2 div#product-order-options div#add-to-cart-container a::before{
               display:none;
          }
          section#order-page-2 div#product-order-options div#add-to-cart-container.zoomed a {
               margin-left:10rem;
               width:calc(100% - 10rem);
              
          }
          section#order-page-2:not(.loaded-data) div#product-order-options div#add-to-cart-container div#mobile-preview{
               display:none;

          }
          section#order-page-2 div#product-order-options div#add-to-cart-container div#mobile-preview{
               background:var(--form-attention);
               background:var(--bs-dark);
               border-radius:50%;
               border: 3px solid var(--bs-dark);
               bottom:-1.75rem;
               height:8rem;
               left:-1.25rem;
               overflow:hidden;
               position:fixed;


               width:8rem;


               z-index:200;


                /* Add a subtle animation when it appears */

               animation: slideIn 0.3s ease-out;
               animation:none;
                          transition:all .3s;
               
               border-radius:0;
               border-top-right-radius:1rem;
               left:-2px;
               bottom:-2px;
               height:7rem;
               width:7rem;
               transform: scale(0.8);
               transform-origin:bottom left;
          }
          section#order-page-2 div#product-order-options div#add-to-cart-container div#mobile-preview.updated-preview{
               animation:pulseOutlineUpdatedDesign 0.5s;

          }


          
          
          /* Set custom position and size for the pet blanket mobile-preview */
          section#order-page-2 div#mobile-preview {
               cursor:pointer;
          }
          section#X_order-page-2 div#add-to-cart-container.zoomed div#mobile-preview::after{
               color:#aaa;
             content:'\f010';
             font-family:"Font Awesome 7 Pro";
               font-weight:300;
               position:absolute;
               right:5%;
               top:4%;
          }
          section#order-page-2 div#add-to-cart-container.zoomed div#mobile-preview:hover::after{
               color:#555;
          }
          /* Hide the mobile preview on products that don't have any dynamic options like product colors... */
          section#order-page-2.product-victorian-aristocrat-pet-portrait div#mobile-preview,
          section#order-page-2.product-royal-pet-portrait div#mobile-preview,
          section#order-page-2.product-custom-3d-cartoon-pet-portrait div#mobile-preview{
               /* display:none !important; */
               
          }
          /* ...and also center the add-to-cart button */
          section#order-page-2:not(.loaded-data) div#product-order-options div#add-to-cart-container a,
          section#order-page-2.product-victorian-aristocrat-pet-portrait div#product-order-options div#add-to-cart-container a,

          section#order-page-2.product-royal-pet-portrait div#product-order-options div#add-to-cart-container a,



          section#order-page-2.product-custom-3d-cartoon-pet-portrait div#product-order-options div#add-to-cart-container a{
               /*
               margin-left:4rem;
               */
          }
          section#order-page-2 div#product-order-options div#add-to-cart-container.zoomed div#mobile-preview{
               transform: scale(1.5);
                z-index: 1000;
               left:-5px;
               bottom:-5px;

          }
          
          section#order-page-2 div#mobile-preview > div.image,
          section#order-page-2 div#mobile-preview > div.image > img{
               border-radius:0;
               pointer-events:none;
          }
          section#order-page-2 div#mobile-preview img.copyright,
          section#order-page-2 div#mobile-preview div.color-title,
          section#order-page-2 div#mobile-preview div.image.image-mockup::before {
               display:none !important;
               opacity:0;

          }
          form#order-info div.incomplete-message{

               border-radius:0;

               bottom:-4rem;
               font-size:0.8rem;
               height:4rem;
               line-height:4rem;
               padding:0 0.5rem;
               position:fixed;
               top:auto;
               width:100%;
               z-index:5000;
          }
          form#order-info div#add-to-cart-container div.incomplete-message{
          }

          form#order-info div.incomplete-message::after,
          form#order-info div.incomplete-message::before{

               display:none;
          }
          form#order-info div.incomplete-message span.message::before{
               font-size:1rem;

               margin:0 0.5rem 0 0;
          }

          form#order-info.generate-preview-incomplete.hover-generate div#generate-preview-wrapper div.incomplete-myessage,
          form#order-info.generate-preview-incomplete.hover-cart div#add-to-cart-container div.incomplete-message,
          form#order-info.design-not-generated.hover-cart div#add-to-cart-container div.incomplete-message{
               bottom:0;
               top:auto;
          }
          form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
               min-width:150px;
          }
     



     }





     @media only screen and (min-width: 768px) {
          body.X_page-order nav#mainNav{
               position:relative;
               top:0px;
          }

          section#order-page-2 div#product-image-gallery ol.flickity-page-dots{
               display:none;
          }

     }

     @media only screen and (max-width: 768px) {






          body.X_page-order{
               padding-top:3.4rem;




          }

          section#order-page-2 form#order-info > nav{
               display:none;
          }








          section#order-page-2 form#order-info > div:not(div#product-image-gallery){

               padding:1rem 1rem;

          }

          section#order-page-2 form#order-info div#product-image-gallery > div{
               padding:0;
          }

          section#order-page-2 div#product-image-gallery div.carousel-cell div.image,

          section#order-page-2 div#product-image-gallery div.carousel-cell div.image > img{
               border-radius:0rem;
          }

          section#order-page-2 div#product-image-gallery button.flickity-button{
               display:none;
          }






     }
     @media only screen and (min-width: 900px) {
       section#order-page-2 div#product-image-gallery {
         float: left;
         width: 67%;
       }
       section#order-page-2 div#product-order-options {

         float: right;
         flex: none;
         width: 33%;
       }
       section#order-page-2 div#product-reviews {
         clear: left;
         flex: none;
         width: 63%;
       }
     }


     /* REVIEW PAGE */

     body.page-review{
          padding-top:3.4rem;
     }
section#review-page div.view-orders div.template{
     display:none !important;
}
div#star-rating-emojis button{
     vertical-align:top;
}
div#star-rating-emojis button img{
     border: 1px solid #e3e4e5;
     height:3.5rem;
     padding:0.5rem;
     width:3.5rem;
}
div#star-rating-emojis button:hover img,
div#star-rating-emojis button.selected img{
background: #e8e6f7;
  border: 1px solid #6554ad;
     box-shadow:0 0 0px 1px #6554ad;
}
div#star-rating-emojis button small{
     display:block;
     max-width:60px;     
}
div#review-step-2 button{
     border: 1px solid #e3e4e5;
     padding:1rem 1.5rem;     
}
div#review-step-2 button:hover,
div#review-step-2 button.active{
     background: #e8e6f7;
  border: 1px solid #6554ad;
     box-shadow:0 0 0px 1px #6554ad;
     color: #6554ad;
}

div#review-items-list div.view-orders .btn-report-issue{
     display:none;
}


div#review-items-list div.view-orders .btn-review-submitted{
     display:none;
}
div#review-items-list div.view-orders > div.is-reviewed-1 .btn-review-submitted{
     display:block;
}
div#review-items-list div.view-orders > div.is-reviewed-1 .btn-review,
div#review-items-list div.view-orders > div.is-reviewed-1 .btn-report-issue{
     display:none;
}
div#reviewModal div.modal-header{
     padding-bottom:1rem;
     padding-top:1rem;
}
div#reviewModal div.modal-body{

     padding-bottom:0rem;
     padding-top:1rem;
}

div#reviewModal div#review-photo-uploader{
     display:none;
}


      /* HOME PAGE */

     body.page-home h3{
             font-family: "Karla", sans-serif;



       font-optical-sizing: auto;

          font-size:2rem;

          font-weight:300;
          letter-spacing:-0.1rem;
          margin:0;
     }
     body.page-home h3 i{
     }
     section#home-header{

           background: radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(255,255,255,0.6) 70%);

           background: #fce9d2;
           margin:0rem 0 2rem 0;
           padding:2rem 0 2rem 0;
           pointer-events:none;

      }
      section#home-header::before{
           content:'';
           background-image: radial-gradient(
            circle at center,
            #5552 1px,
            transparent 0
          ), radial-gradient(circle at center, #5552 1px, transparent 0);


        background-size: 1rem 1rem;
        background-position: 0 0, 0.5rem 0.5rem;
           height:100%;
           left:0;


           position:absolute;
           top:0;
           width:100%;
      }


      section#home-header > div.container{
           aspect-ratio:4 / 1;
           position:relative;
      }
      section#home-header > div.container.loaded::before,
      section#home-header > div.container::before{

           background:transparent url("/images/turn-your-pup.svg") center top no-repeat;

           background-size:100% 100%;




           background-size:120% 120%;


           content:'';

           position:relative;
           display:block;

           height:100%;
           left:0;
           position:absolute;
           top:0%;

           transition:all 1s;

           width:100%;



      }
      section#home-header > div.container:not(.loaded)::before{
           opacity:0;

           transition:all 1s;
      }
      section#home-header div.step-1,



      section#home-header div.step-2{
           aspect-ratio:1 / 1;
           height:100%;
           position:absolute;
           top:0;
           left:0;
           text-align:center;
      }
      section#home-header div.step-2{




           left:auto;
           right:0;
      }
      section#home-header div.container.loading div.step-1 div.pup{
           opacity:0;
           transform:rotate(-50deg) scale(0.2);
           transition:all 0.25s;
      }
      section#home-header div.step-1 div.pup{
           display:block;
           height:60%;
           left:20%;
           position:relative;

           transition:all 1s;
           transform:rotate(-14deg);

           top:12%;
           width:60%;
      }

      section#home-header div.step-1 div.pup img{
           background:#fff;
           border:0px solid #fff;
           border-radius:0.2rem;
           bottom:0px;
           box-shadow:0em 0rem 0rem 0.8rem #fff;
           display:block;
           height:135%;

           object-fit:cover;
           object-position:center top;

           position:absolute;
           top:0%;

           width:135%;


      }

     section#home-header div.step-2 div.product-mockup{
           height:100%;
           position:absolute;
      }
     section#home-header div.step-2 div.product-mockup.product-tote-bags{

           display:block;
           height:80%;
           left:-35%;
           top:-25%;

           transform:rotate(12deg);

           width:80%;
           z-index:2;



      }

      section#home-header div.step-2 div.product-mockup.product-canvas-prints{
           height:50%;

           right:15%;


           top:-20%;



           transform:rotate(5deg);
           width:50%;

           z-index:0;
      }
      section#home-header div.step-2 div.product-mockup.product-ceramic-mugs{
      y     height:140%;
           left:-35%;
           top:15%;
           transform:rotate(15deg);
           width:140%;
           z-index:10;
      }

      section#home-header div.step-2 div.product-mockup.product-throw-pillows{
           transform:rotate(20deg);

           height:80%;
           left:40%;


           top:5%;


           width:80%;
           z-index:3;
      }
      section#home-header div#sign-in-links{
           bottom:-1rem;
           position:absolute;

           text-align:center;

           width:100%;
           z-index:20;
      }

      section#home-header div#sign-in-links strong{
      color:#c52b32;







      }
      section#home-header div#sign-in-links a{







           color:#444c;
           font-weight:bold;
           text-decoration:underline;
      }

section#home-reviews div.carousel-cell{
     padding:0 1rem;
}
section#home-reviews h3 i{
     color:var(--alert-dark);

}
section#home-reviews div.card{
     background:#fff;     
     border-radius:1rem;
}
section#home-reviews div.card div.stars i{
     color:var(--alert-dark);
}

section#home-reviews ol.flickity-page-dots li::after{
     background:#fff;
}
section#home-reviews div.card img{
     border-radius:1rem;
     max-height:300px;
     width:100%;
}
section#home-reviews div.card span.verified-buyer{
          background:var(--alert-light);
          border-radius:5rem;
          color:#222;
          display:inline-block;
          font-size:0.8rem;
          font-style:normal;
          height:1.4rem;
          line-height:1.4rem;
          margin:0 1rem 0 0;
          padding:0 0.6rem;

}
     





     @media (max-width:768px) {
          /*
          body.X__headroom--not-top nav#mainNav{

               box-shadow:0 0 4px 2px #4440;

          }
          body.page-order{

          padding-top:0;
          }
          body.page-order div.shipping-banner,
          body.page-order nav#mainNav,
          body.page-order.X__headroom--not-top nav#mainNav{
          position:relative;

          top:0px;
          }

          body.page-order nav#mainNav,
          body.page-order.X__headroom--not-top nav#mainNav{
           padding:0.25rem 0;
          }

          body.page-home h3{
               font-size:2.2rem;

          }
          */
           body.page-order .shipping-banner {
               top:1rem;
          }

     }


     /* MOCKUP LINK */

     a.mockup-link{
          background:#fff;
          border-radius:1rem;

          color:var(--bs-dark);
          display:block;
          margin:0 0 2rem 0;
          padding:0 0 2rem 0;
          position:relative;
     }

     a.mockup-link:hover{
          box-shadow:0 0 1.5rem .5rem #fff9;
          color:#1272b9;
     }

     a.mockup-link > span.name{
          display:block;     
          font-family: "Karla", sans-serif;
          font-size:1.2rem;
          font-weight:bold;
          line-height:1.4rem;
          margin:0.5rem 2rem 0.5rem 2rem;
     }
     a.mockup-link > span.price{
          color:#777;
          display:block;
          font-size:1.2rem;


          margin:0 0 1rem 0;
     }

     a.mockup-link > span.price::before{
          content:'$';
     }
     a.mockup-link > span.price.is-starting-price-1::before{

          content:'Starting at $';
     }
     a.mockup-link > span.view-color_swatches,

     a.mockup-link > span.view-product_color_swatches{



          display:block;
          margin:0 0 1rem 0;

          max-height:2.7rem;

          overflow:hidden;
          padding:0 1rem;

     }
     a.mockup-link > span.view-product_color_swatches{







          max-height:none;
          position:absolute;
          right:0;
          top:2rem;
          width:5rem;


          z-index:100;



     }
     a.mockup-link > span.view-color_swatches span.color.template-copy,
     a.mockup-link > span.view-product_color_swatches span.color.template-copy{
          display:inline-block;
          box-shadow:0 0 0px 2px #fff;

          border:1px solid #888a;

          border-radius:50%;
          height:1.8rem;

          margin:0.5rem 0.3rem 0rem 0.3rem;
          position:relative;
         transition:all .15s;



          width:1.8rem;
     }
     a.mockup-link > span.view-product_color_swatches span.color.template-copy{



          border-radius:0.2rem;

     }





     a.mockup-link > span.view-color_swatches span.color.template-copy.active,

     a.mockup-link > span.view-color_swatches span.color.template-copy:hover,

     a.mockup-link > span.view-product_color_swatches span.color.template-copy.active,
     a.mockup-link > span.view-product_color_swatches span.color.template-copy:hover{
          box-shadow:0 0 0px 3px #fff, 0 0 0px 5px #888;

     }


      /* PRODUCT MOCKUP */

     .product-mockup{


           aspect-ratio: 1 / 1;


           display:inline-block;
          opacity:1;


           overflow:hidden;

           pointer-events:none;
           position:relative;
           text-align:center;
           transition:all 0.25s;
           width:100%;
      }

     .product-mockup::before{ /* Used for the .update-design effect */

          border-radius:50%;
          content:'';
           display:block;
          height:50%;
          left:25%;
          pointer-events:none;
          position:absolute;
          opacity:1;
          top:30%;
          z-index:100;
          width:50%;
     }
     .loading .product-mockup img{
           opacity:0;

           transform:scale(1.5) rotate(-45deg);
           transition-delay:0ms !important;
           transition:all 0.25s;

      }







      .product-mockup.delay-1 img{ transition-delay: 750ms; }

      .product-mockup.delay-2 img{ transition-delay: 1500ms; }
      .product-mockup.delay-3 img{ transition-delay: 2250ms; }


      .product-mockup.delay-4 img{ transition-delay: 3000ms; }
      .product-mockup.delay-1 img.pup{ transition-delay: 1000ms; }
      .product-mockup.delay-2 img.pup{ transition-delay: 1750ms; }

      .product-mockup.delay-3 img.pup{ transition-delay: 2500ms; }
      .product-mockup.delay-4 img.pup{ transition-delay: 3250ms; }
      .product-mockup > img{
           display:inline-block;

        max-width:100%;
      max-height:100%;



      height: auto;

           opacity:1;

           transition:all 1s;


           vertical-align:top;
      width:auto;  
      }
      .product-mockup > img.product{
           height:100%;

           width:100%;
      }




     /* PRODUCT MOCKUP > SIDES*/

     div.product-gallery .product-mockup{
          overflow:visible;
          height:calc(100% - 2rem);
          left:5%;
          margin-bottom:2rem;
          top:0;

          width:calc(100% - 2rem);


          left:0.75rem;

          margin-bottom:0;
          left:0;
          height:100%;
          width:100%;
     }
     div#product-gallery > div.item{
          position:relative;

     }

     div#product-gallery > div.item::after{


          bottom:1rem;

          bottom:0;
          border-radius:3rem;
          color:#555;

          content:'Front';
          font-family: "Karla", sans-serif;
          font-size:1rem;


          display:block;
          left:0;

          margin:0 auto;
          position:absolute;



          right:0;
          text-align:center;
          text-transform:lowercase;
          width:10rem;
          z-index:1000;




          background:#fff;
          border-radius:0.75rem;
          border-bottom-left-radius:0;
          border-bottom-right-radius:0;


          background:#2224;

          background:#333d;
          border-radius:0;

          color:#fff;









          background: linear-gradient( to right, #fff0 20%, #fffa 30%, #fffa 70%, #fff0 80%);



          color:#222;
          width:100%;
          display:none;
     }
     div#product-gallery > div.item.mockup-back::after{
          content:'Back';
     }


     div#product-gallery > div.item.design-closeup{
     }
     div#product-gallery > div.item.design-closeup::after{
          content:'Design Detail';
     }

      /* PRODUCT MOCKUP .PROFILE-IMAGE */

      .product-mockup .profile-image{
           position:absolute;
           transition:all 0.15s;
           z-index:3;
      }

      .product-mockup .profile-image::before{


           background:#043942;


           box-shadow:none;      
           opacity:0.1;
           transition:all 0.15s;
           z-index:1;

      }
      .product-mockup .profile-image::after{

           transition:all 0.15s;
     }



      .product-mockup .profile-image img{
           transition:all 0.15s;





     }

     .product-mockup > .design{
         mix-blend-mode:multiply; /* UPDATED 2025 - Removed because square pillow back design was buggy on iPhone for some reason */
          height:100%;
          left:0;
          position:absolute;
          top:0;
         width:100%;











          z-index:100;
      }
     div#print div.profile-image div.furfam-logo,
     .product-mockup > .design div.furfam-logo{
          background:rgb(var(--mockup-color));
          display:block;
          height:0px;

          mask-image: url("/images/fur-fam-square.svg");
          mask-size:88% 88%;
          mask-position:center center;
          mask-repeat:no-repeat;
          position:absolute;


          right:0px;
          top:0px;


          width:0px;
     }
     .text-style-hide-name .product-mockup > .design span.profile-name{

          display:none;

     }
     .text-style-hide-name .product-mockup > .design span.profile-image:before,

     .text-style-hide-name .product-mockup > .design span.profile-image img.subject{




     /*




          transition:all 0s;
          top:8%; 



          transform:scale(1.15);
          transform-origin:center top;


     */



          transform:scale(1.15);
          transform-origin:center center;

          transform-origin:center top;
     }
     .text-style-hide-name .product-mockup > .design span.profile-image:before{

          transform-origin:50% -8%;
     }




     .has-custom-back-design .product-mockup.mockup-back > .design span.custom-design{
          opacity:1;
          visibility:visible;



     }
     .has-custom-back-design .product-mockup.mockup-back > .design span.profile-image::before,




     .has-custom-back-design .product-mockup.mockup-back > .design span.profile-name,




     .has-custom-back-design .product-mockup.mockup-back > .design span.profile-image img{
          opacity:0;
          visibility:hidden;





     }
     .product-mockup.mockup-back > .design span.custom-design{
          background:rgb(var(--mockup-color));
          display:block;
          height:99%;
          left:0;

          mask-repeat: no-repeat;
          mask-size:contain;
          mask-position:center bottom;
          margin:0 auto;
          opacity:0;


         position:absolute;
          right:0;

          top:0;
           transition:all 0.15s;
          visibility:hidden;
          width:99%;

          z-index:1000;

     }
     .product-mockup .product-color-mask{
          background:rgb(var(--mockup-color));
        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position:center center;
           height:100%;

           position:absolute;
           left:0;
           transition:all 0.2s;
           top:0;
           width:100%;








           z-index:2;
      }

      .product-mockup .product-color-mask img{

      visibility: hidden;
      }




      body.print-image .design .profile-name,
  
      .product-mockup .profile-name{
           background:rgb(var(--mockup-color));
           transition:all 0.15s;
     }
     .product-mockup.loading .profile-name{

          visibility:hidden;
     }
     .product-mockup.loading .profile-image{
          mix-blend-mode:multiply;
     }

     .product-mockup.loading.product-circle-ceramic-ornaments .profile-image,
     .product-mockup.loading.product-heart-ceramic-ornaments .profile-image{
         display:none;
     }




     .product-mockup.changing .profile-image img,













     .product-mockup.changing .profile-name{

         opacity:0.5;
           transition:all 0s;

          animation: pulseFade 2s infinite;




     }


     .product-mockup.updating-design .profile-image img{
          opacity:0.5;



       transition:all 0.25s;

     }
     .product-mockup.updating-design .profile-image::after{
          content:'';
           background:transparent url("/l.svg") center center no-repeat;
           background-size:100% 100%;
          height:100%;
          position:absolute;
          left:0;
          top:0;
          width:100%;
          z-index:100;

     }
     .product-mockup.updated-design .profile-image::before{
                animation:pulseOutlineUpdatedDesign 0.5s;

       transition:all 0.25s;
         }
     .product-mockup.updated-design.product-circle-ceramic-ornaments::before,
     .product-mockup.updated-design.product-heart-ceramic-ornaments::before{
                animation:pulseOutlineUpdatedDesign 0.5s;

       transition:all 0.25s;
         }



     /* DESIGN CLOSEUP */



      .product-mockup.design-closeup{
      aspect-ratio:4/5;
      aspect-ratio:1;
     }

     .product-mockup.design-closeup.loading{
      display:none;

     }



     .product-mockup.design-closeup > .design{

      mix-blend-mode:normal;

      }

      .product-mockup.design-closeup .profile-image{

           height:60%;



           left:20%;










           top:14%;
           width:60%;

      }




     /* PRODUCT BACK */


     .product-mockup.mockup-back img.product{     
          border-radius:0;
     }

     body.print-image.has-back-design div.back-design div.profile-image span.custom-design{
           background-color: rgb(var(--mockup-color));

     }






/* PRODUCT MOCKUP > TOTE BAGS */

.product-mockup.product-tote-bags.product-mockup .profile-image img{
     height:100%;
}
     .product-mockup.product-tote-bags:not(.design-closeup) .profile-image{

           left:35%;
           top:53%;
           height:30%;
           width:30%;
     }

     body.product-tote-bags div#print div#design div.back-design div.profile-image div.furfam-logo,
     .product-mockup.product-tote-bags:not(.design-closeup) .design div.furfam-logo{     
          background-color: rgb(var(--mockup-contrast-color));
          height:20%;
          opacity:1;
          right:-25%;
          top:120%;
          width:20%;
     }

     .product-mockup.product-tote-bags:not(.design-closeup) .design div.furfam-logo{     

          transform:perspective(1000px) rotateY(20deg) rotateX(-20deg) rotateZ(-5deg);
     }
     .product-mockup.product-tote-bags.mockup-back .profile-image{

           left:26.5%;

           top:50%;

           height:27%;
          transform:rotate(12deg);
           width:27%;

          transform-origin:center center;

     }
      .product-mockup.mockup-2.product-tote-bags .profile-image{
           left:25%;
           top:25%;

           height:50%;
           width:50%;

      }


     body.canvas-image div#canvas-image.product-tote-bags div#preview-back-design span.custom-design,
     body.product-tote-bags.print-image.has-back-design div.back-design div.profile-image span.custom-design,


     .product-mockup.product-tote-bags.mockup-back > .design span.custom-design{

           background-color: rgb(var(--mockup-contrast-color));
     }
     .product-mockup.product-tote-bags div.product-color-mask{
          opacity:1;
      }
     body.print-image.product-tote-bags .design .profile-image::before,


     .product-mockup.product-tote-bags .profile-image::before{

          background-color: rgb(var(--mockup-contrast-color));
          opacity:0.3;


          background-color: rgba(var(--mockup-contrast-color), 0.3);
          opacity:1;
     }

      body.print-image.product-tote-bags .design .profile-name,

      .product-mockup.product-tote-bags .profile-name{
           background-color: rgb(var(--mockup-contrast-color));
     }






     .product-mockup.product-poster-portraits img.product{
          display:none;
     }

     .product-mockup.product-poster-portraits.mockup-back img.product{     


          display:block;





     }

     .product-mockup.product-poster-portraits.mockup-back div.product-color-mask{
          display:none;
     }
     .product-mockup.product-poster-portraits.mockup-back::after{
          background:transparent url(/images/product-poster-portraits-back-foreground.png?b=5) center center no-repeat;
          background-size:100% auto;
          content:'';
          display:block;

          height:100%;

          left:0;
          position:absolute;
          top:0;





          width:100%;
          z-index:400;
     }
     .product-mockup.product-poster-portraits.mockup-front .profile-image{
           left:0;
          margin:0 auto;
           top:23.5%;
          right:0;
           height:46%;
           width:46%;
      }
     section#order-page.product-poster-portraits div#product-gallery-ow.index-1::after{



          content:'Three Sizes Available';
     }

     /* 18 X 24 PROPORTION */
     .product-mockup.product-poster-portraits.mockup-front .product-color-mask{
          /*
          box-shadow: rgba(50, 50, 93, 0.5) 0 2rem 4rem -1rem, rgba(0, 0, 0, 0.5) 0 1rem 2rem -2rem;
          */
          box-shadow: rgba(50, 50, 93, 0.5) 0 0.5rem 2rem -.5rem, rgba(0, 0, 0, 0.5) 0 .5rem 1rem -1rem;




          box-shadow: rgba(50, 50, 93, .7) 0 .5rem 1rem -.4rem, rgba(0, 0, 0, 0.1) 0 .7rem 0.5rem -.1rem;




          mask-image:none !important;
           left:0;
          margin:0 auto;
          right:0;
           top:5%;

           height:90%;


           width:67.5%;
     }

     a.order-image .product-mockup.product-poster-portraits.mockup-front .product-color-mask{




          box-shadow: rgba(50, 50, 93, 0.8) 0 0.2rem .5rem -.2rem;
     }

     body.canvas-image .product-mockup.product-poster-portraits.mockup-front .product-color-mask{
          /* Set a smaller shadow for the canvas image preview */
          box-shadow: rgba(50, 50, 93, 0.5) 0 0.5rem 2rem -.5rem, rgba(0, 0, 0, 0.5) 0 .5rem 1rem -1rem;
     }
     .product-mockup.product-poster-portraits:not(.design-closeup) div.furfam-logo{

          background-color: rgb(var(--mockup-contrast-color));
          display:none;

          height:20%;
          opacity:0.75;
          right:-22%;
          top:127%;
          width:20%;

     }
     body.canvas-image div#canvas-image.product-poster-portraits div#preview-back-design span.custom-design,
     .product-mockup.poster-portraits.mockup-back > .design span.custom-design{
           background-color: rgb(var(--mockup-contrast-color));
     }
     .product-mockup.product-tote-bags div.product-color-mask{
          opacity:1;




      }

     body.print-image.product-poster-portraits .design .profile-image::before,
     .product-mockup.product-poster-portraits .profile-image::before{
          background-color: rgba(var(--mockup-contrast-color), 0.3);

          opacity:1;
     }

      body.print-image.product-poster-portraits .design .profile-name,
      .product-mockup.product-poster-portraits .profile-name{

           background-color: rgb(var(--mockup-contrast-color));


     }
     div#product-gallery > div.item.mockup-back::after{
          content:'Back';
     }
     div#product-gallery > div.item.design-closeup{
     }

     .product-mockup.product-poster-portraits.mockup-back.product-mockup{
          perspective: 1200px;
       perspective-origin: top right;
     }
     .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design{
          border:none;

           background-color: rgb(var(--mockup-color));
          box-shadow:.2rem 0.2rem 0.1rem .2rem #5552, .2rem .4rem .4rem -.3rem #2221;

          box-shadow:-.1rem 0.2rem 0.4rem .2rem #5552, .2rem .4rem .4rem -.3rem #2221;
           height:63%;
          mix-blend-mode:normal;






          right:8%;
          left:auto;
          top:5%;
          transform-origin:bottom center;

          position:absolute;
          width:47.25%;
          z-index:100;
     }
     .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design{
          z-index:120;
     }
     .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design-2{
           height:42%;
          left:6%;
          right:auto;


          top:5%;
           width:31.5%;

          z-index:200;
     }
     .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design-3{

           height:26.25%;

          left:4%;
          right:auto;
          top:53.25%;
          transform:rotateX(10deg);
          transform-style: preserve-3d;


           width:21%;

          z-index:300;

     }


     div#product-gallery .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design::after{
          background:#fff;




          border-radius:100px;

          border-bottom-left-radius:0;


          box-shadow:0px 0 2px 2px #4444;
          color:#000;


          content:'Large';
          display:block;
          font-size:1rem;
          padding:0.25rem .75rem;
          position: absolute;
          right:-1.5rem;

          text-align:left;
          top:1rem;
          white-space:nowrap;
          z-index:2000;
     }



     div#product-gallery .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design-2::after{
          content:'Medium';
     }

     div#product-gallery .product-mockup.product-poster-portraits.mockup-back.product-mockup > div.design-3::after{







          content:'Small';

     }
     .product-mockup.product-poster-portraits.mockup-back div.design .profile-image{

          aspect-ratio:1/1 !important;
          height:50%;

          left:0;
          margin:0 auto;
          right:0;
          top:22%;

          width:auto;
     }

     .product-mockup.product-poster-portraits.mockup-back div.design div.product-color-mask{

          display:none;

     }
     section#order-page.product-poster-portraits div#product-gallery div.item.mockup-back::after{
          content:'Different Sizes';
          width:12rem;
     }

      /* PRODUCT MOCKUP > CANVAS PORTRAITS */

     .product-mockup.product-canvas-portraits.mockup-front .profile-image{
          transform-style: preserve-3d;
          transform:perspective(800px) rotateY(-20deg) rotateX(2deg) rotateZ(2deg) scale(0.99,1.02);
          left:17%;
          top:27%;
          height:38%;
          width:38%;
     }
     .product-mockup.product-canvas-portraits.mockup-back .profile-image{
          height:42%;
          left:26%;


          top:25%;
          width:42%;
     }
     .product-mockup.product-canvas-portraits.mockup-back.product-mockup > div.design{
          border:1px dashed #fff;
          border:none;
          border-top:1px solid #fff7;
          border-right:1px solid #fff9;
     border-radius:0.15rem;
           background-color: rgb(var(--mockup-color));
          box-shadow:-.8rem 0.5rem 0.2rem -.2rem #4022, -1.2rem 1rem .6rem -.3rem #4004, -1.2rem 0.5rem .5rem 0rem #4003, 0.1rem 0rem .7rem -.1rem #7002;

           height:63%;
          mix-blend-mode:normal;

          right:6%;
          left:auto;
          top:3%;
          position:absolute;
          width:47.25%;
          z-index:100;
     }




     .product-mockup.product-canvas-portraits.mockup-back.product-mockup > div.design-2{
           height:42%;
          left:8%;

          right:auto;
          top:17%;
           width:31.5%;
          z-index:200;
     }
     .product-mockup.product-canvas-portraits.mockup-back.product-mockup > div.design-3{
          box-shadow:-.8rem 0.5rem 0.2rem -.4rem #4022, -1.2rem -0rem .6rem -.3rem #4000, -1.2rem -0.2rem .5rem -0.5rem #4004, .3rem 0.4rem .3rem -0.4rem #4005, -0.4rem 0.4rem .3rem -0.4rem #4005;
           height:26.25%;




          left:8%;

          right:auto;
          top:69.3%;
           width:21%;
          z-index:300;

     }

     div#product-gallery .product-mockup.product-canvas-portraits.mockup-back.product-mockup > div.design::after{
          background:#fff;




          border-radius:100px;

          border-bottom-left-radius:0;
          box-shadow:0px 0 2px 2px #4444;
          color:#000;
          content:'Large';

          display:block;
          font-size:1rem;
          padding:0.25rem .75rem;

          position: absolute;
          right:-1.5rem;
          text-align:left;
          top:1rem;

          white-space:nowrap;

          z-index:2000;
     }


     div#product-gallery .product-mockup.product-canvas-portraits.mockup-back.product-mockup > div.design-2::after{
          content:'Medium';
     }
     div#product-gallery .product-mockup.product-canvas-portraits.mockup-back.product-mockup > div.design-3::after{

          content:'Small';

     }

     .product-mockup.product-canvas-portraits.mockup-back div.design .profile-image{
          aspect-ratio:1/1 !important;
          height:50%;
          left:0;
          margin:0 auto;
          right:0;




          top:22%;
          width:auto;

     }


     .product-mockup.product-canvas-portraits.mockup-back div.design div.product-color-mask{

          display:none;

     }
     section#order-page.product-canvas-portraits div#product-gallery div.item.mockup-back::after{

          content:'Different Sizes';
          width:12rem;
     }





     body.canvas-image div#canvas-image.product-canvas-portraits div#preview-back-design span.custom-design,
     .product-mockup.product-canvas-portraits.mockup-back > .design span.custom-design{

           background-color: rgb(var(--mockup-contrast-color));

     }



     .product-mockup.product-canvas-portraits div.product-color-mask{
          opacity:1;
      }
     body.print-image.product-canvas-portraits .design .profile-image::before,

     .product-mockup.product-canvas-portraits .profile-image::before{
          background-color: rgb(var(--mockup-contrast-color));
          opacity:0.3;


          background-color: rgba(var(--mockup-contrast-color), 0.3);


          opacity:1;
     }
      body.print-image.product-canvas-portraits .design .profile-name,
      .product-mockup.product-canvas-portraits .profile-name{
           background-color: rgb(var(--mockup-contrast-color));
     }




      /* PRODUCT MOCKUP > SQUARE PILLOWS */

     .product-mockup.product-square-pillows.mockup-front .design{
           /*filter: url(#displacement-filter-product-throw-pillows);*/
     }
     .product-mockup.product-square-pillows:not(.design-closeup) .profile-image{
          left:32%;



          top:24%;
          height:42%;
          width:42%;

          /*left:29%;





          top:26%;

          height:43%;
          width:43%;*/



     }
     body.print-image.product-square-pillows div#print div.back-design div.profile-image div.furfam-logo,

     .product-mockup.product-square-pillows.mockup-back .furfam-logo{
          background-color: rgb(var(--mockup-contrast-color));
          height:25%;
          opacity:0.5;
          right:-25%;
          top:102%;

          width:25%;

     }
     .product-mockup.product-square-pillows.mockup-back .profile-image{
          height:42%;
          left:26%;

          top:25%;


          transform:rotate(-2deg);

          width:42%;




     }
     body.canvas-image div#canvas-image.product-square-pillows div#preview-back-design span.custom-design,
     .product-mockup.product-square-pillows.mockup-back > .design span.custom-design{
           background-color: rgb(var(--mockup-contrast-color));

     }
     .product-mockup.product-square-pillows div.product-color-mask{
          opacity:1;
      }
     body.print-image.product-square-pillows .design .profile-image::before,
     .product-mockup.product-square-pillows .profile-image::before{
          background-color: rgb(var(--mockup-contrast-color));

          opacity:0.3;


          background-color: rgba(var(--mockup-contrast-color), 0.3);
          opacity:1;
     }
      body.print-image.product-square-pillows .design .profile-name,
      .product-mockup.product-square-pillows .profile-name{
           background-color: rgb(var(--mockup-contrast-color));
     }

      /* PRODUCT MOCKUP > CREWNECK SWEATSHIRTS */


     .product-mockup.product-crewneck-sweatshirts.mockup-front .profile-image{
          left:35.8%;

          top:25%;
          height:29%;
          width:29%;
          top:28%;
          transform:scale(0.97,1);
     }
     .product-mockup.product-crewneck-sweatshirts.mockup-front .design div.furfam-logo{
          transform:perspective(1000px) rotateY(20deg) rotateX(0deg) rotateZ(5deg) translateY(5%);
     }
     .product-mockup.product-crewneck-sweatshirts.mockup-back .design{

           filter: url(#displacement-filter-product-crewneck-sweatshirts-back);
     }

     .product-mockup.product-crewneck-sweatshirts.mockup-back .profile-image{


          left:33%;
          top:28%;
          height:30%;

          width:30%;

          left:38%;

          top:31%;

          height:28%;
          width:28%;



          left:37%;
          top:35%;
          height:27%;
          width:27%;
          transform:perspective(1000px) rotateY(-20deg) rotateX(2deg) rotateZ(2deg) scale(0.95,1);

          transform:perspective(1000px) rotateY(-20deg) rotateX(2deg) rotateZ(2deg) scale(0.99,1.02);
          left:36%;
          top:35%;

          height:30%;
          width:30%;

          transform:scale(1,1);

          left:40%;
          top:35%;
          height:28%;

          width:28%;










     }

     body.product-crewneck-sweatshirts div#print div.profile-image div.furfam-logo,
     .product-mockup.product-crewneck-sweatshirts .design div.furfam-logo{
          height:23%;
          opacity:0.75;
          right:-18%;
          top:-14%;

          width:23%;
          z-index:0;

     }
     body.canvas-image div#canvas-image.product-crewneck-sweatshirts div#preview-back-design span.custom-design,
     .product-mockup.product-crewneck-sweatshirts.mockup-back > .design span.custom-design{
           background-color: rgb(var(--mockup-contrast-color));
     }
     .product-mockup.product-crewneck-sweatshirts div.product-color-mask{
          opacity:1;
      }
     body.print-image.product-crewneck-sweatshirts .design .profile-image::before,
     .product-mockup.product-crewneck-sweatshirts .profile-image::before{
          background-color: rgba(var(--mockup-color), 0.5);
          opacity:1;
     }
     .product-mockup.product-crewneck-sweatshirts .product-color-mask{





          background:rgb(var(--product-color)) !important;
     }
     /* Set a heather texture for some products */
     .product-color-ash .product-mockup.product-crewneck-sweatshirts .product-color-mask,

     .product-color-sport-grey  .product-mockup.product-crewneck-sweatshirts .product-color-mask{ 
          background:rgb(var(--product-color)) url("/images/heather-texture.png?v=9") center center repeat !important;
          background-size:200px 100px !important;






          transition:background-color 0.15s, background-size 0s;
     }
     .product-mockup.product-crewneck-sweatshirts.design-closeup .product-color-mask{


          background-size:400px 200px !important;
     }

     section#order-page.product-crewneck-sweatshirts div#product-gallery-ow.index-1::after{

          content:'Front';



     }



      /* PRODUCT MOCKUP > HEAVY BLEND HOODED SWEATSHIRTS */


     .product-mockup.product-heavy-blend-hooded-sweatshirts.mockup-front .profile-image{
          left:35.8%;
          top:25%;
          height:29%;

          width:29%;



          top:28%;

          transform:scale(0.97,1);
     }
     .product-mockup.product-heavy-blend-hooded-sweatshirts.mockup-front .design div.furfam-logo{
          transform:perspective(1000px) rotateY(20deg) rotateX(0deg) rotateZ(5deg) translateY(5%);
     }
     .product-mockup.product-heavy-blend-hooded-sweatshirts.mockup-back .design{
           filter: url(#displacement-filter-product-crewneck-sweatshirts-back);
     }

     .product-mockup.product-heavy-blend-hooded-sweatshirts.mockup-back .profile-image{





























          left:33%;
          top:28%;
          height:30%;
          width:30%;


          left:38%;
          top:31%;

          height:28%;

          width:28%;



          left:37%;


          top:35%;
          height:27%;
          width:27%;

          transform:perspective(1000px) rotateY(-20deg) rotateX(2deg) rotateZ(2deg) scale(0.95,1);

          transform:perspective(1000px) rotateY(-20deg) rotateX(2deg) rotateZ(2deg) scale(0.99,1.02);
          left:36%;
          top:35%;
          height:30%;


          width:30%;

          transform:scale(1,1);

          left:40%;
          top:35%;
          height:28%;

          width:28%;





     }



     body.product-heavy-blend-hooded-sweatshirts div#print div.profile-image div.furfam-logo,
     .product-mockup.product-heavy-blend-hooded-sweatshirts .design div.furfam-logo{
          height:23%;
          opacity:0.75;

          right:-18%;
          top:-14%;
          width:23%;
          z-index:0;
     }
     body.canvas-image div#canvas-image.product-heavy-blend-hooded-sweatshirts div#preview-back-design span.custom-design,

     .product-mockup.product-heavy-blend-hooded-sweatshirts.mockup-back > .design span.custom-design{
           background-color: rgb(var(--mockup-contrast-color));
     }

     .product-mockup.product-heavy-blend-hooded-sweatshirts div.product-color-mask{
          opacity:1;
      }
     body.print-image.product-heavy-blend-hooded-sweatshirts .design .profile-image::before,



     .product-mockup.product-heavy-blend-hooded-sweatshirts .profile-image::before{
          background-color: rgba(var(--mockup-color), 0.5);
          opacity:1;

     }

     .product-mockup.product-heavy-blend-hooded-sweatshirts .product-color-mask{







          background:rgb(var(--product-color)) !important;
     }
     /* Set a heather texture for some products */
     .product-color-ash .product-mockup.product-heavy-blend-hooded-sweatshirts .product-color-mask,
     .product-color-sport-grey  .product-mockup.product-heavy-blend-hooded-sweatshirts .product-color-mask{ 
          background:rgb(var(--product-color)) url("/images/heather-texture.png?v=9") center center repeat !important;

          background-size:200px 100px !important;
          transition:background-color 0.15s, background-size 0s;
     }
     .product-mockup.product-heavy-blend-hooded-sweatshirts.design-closeup .product-color-mask{
          background-size:400px 200px !important;

     }

     section#order-page.product-heavy-blend-hooded-sweatshirts div#product-gallery-ow.index-1::after{
          content:'Front';

     }

     /* PRODUCT COLOR / DESIGN VARIATIONS 
          Set colors variations for specific product + design colors



     */

     .product-color-white.color-white{ --mockup-color: 211,208,193 !important;  }
     .product-color-ash.color-white{ --mockup-color: 188,184,167 !important; }
     .product-color-black.color-black{ --mockup-color: 90,90,90 !important; }
     .product-color-black.color-black{ --mockup-color: 90,90,90 !important; }






     .product-color-sand.color-pink,
     .product-color-sport-grey.color-pink{ y--mockup-color:201,111,111 !important; }

     .product-color-sand.color-blue,

     .product-color-sport-grey.color-blue{ --mockup-color:28,150,183 !important; }


     .product-color-white.color-snow-white,
     .product-color-ash.color-snow-white{ --mockup-color:188,184,167 !important; }
     .product-color-sport-grey.color-snow-white,
     .product-color-sand.color-snow-white{ --mockup-color:255,255,255 !important; }

     .product-color-white.color-almost-yellow{ --mockup-color:244,221,146 !important; }




     .product-color-ash.color-almost-yellow{ --mockup-color:242,208,139 !important; }

     .product-color-ash.color-pistachio-green{ --mockup-color:191,204,139 !important; }
     .product-color-sand.color-pistachio-green{ --mockup-color:166,175,101 !important; }
     .product-color-sport-grey.color-pistachio-green{ --mockup-color:231,231,122 !important; }


     .product-color-ash.color-pale-blue{ --mockup-color:132,158,175 !important; }
     .product-color-sand.color-pale-blue{ --mockup-color:132,158,175 !important; }
     .product-color-sport-grey.color-pale-blue{ --mockup-color:117,142,158 !important; }

     .product-color-ash.color-steel-grey,
     .product-color-sand.color-steel-grey{ --mockup-color:140,135,147 !important; }
     .product-color-sport-grey.color-steel-grey{ --mockup-color:124,119,132 !important; }





     /* PRODUCT MOCKUP > CERAMIC MUGS */


     .product-mockup.product-ceramic-mugs.mockup-front .profile-image,
     .product-mockup.mockup-back.product-ceramic-mugs .profile-image{


           left:38%;

           top:31%;
           height:42%;








           width:42%;
      }
     .product-mockup.mockup-back.product-ceramic-mugs .profile-image{
           left:20%;
          top:31%; 

     }

     div#product-gallery .product-mockup.product-ceramic-mugs.mockup-front .design{
           filter: url(#displacement-filter-product-ceramic-mugs);
     }

     div#product-gallery .product-mockup.product-ceramic-mugs.mockup-back .design{
           filter: url(#displacement-filter-product-ceramic-mugs-back);

          top:0%;

     }
     div#product-gallery .product-mockup.product-ceramic-mugs.mockup-front .profile-image,


     div#product-gallery .product-mockup.mockup-back.product-ceramic-mugs .profile-image{
          left:44.5%;



          top:25%;     

















     }

     div#product-gallery .product-mockup.mockup-back.product-ceramic-mugs .profile-image{ 
          top:25%;     


          left:24%;

     }




     section#order-page.product-ceramic-mugs div#product-gallery div.item.mockup-front::after{
     }
     section#order-page.product-ceramic-mugs div#product-gallery div.item.mockup-back::after{


     }
     .product-mockup.design-closeup.product-ceramic-mugs div.product-color-mask{
          background:#fff !important;


      }

     /* Set the ceramic mug circle and name colors */

     body.print-image.product-ceramic-mugs .design .profile-image::before,
     .product-mockup.product-ceramic-mugs .profile-image::before{
           background-color: rgba(var(--mockup-color), 0.3);

          opacity:1;



     }


      body.print-image.product-ceramic-mugs .design .profile-name,
      .product-mockup.product-ceramic-mugs .profile-name{

           background-color: rgb(var(--mockup-color));
     }




     /* PRODUCT MOCKUP > CIRCLE CERAMIC ORNAMENTS */ 

     div#product-gallery .product-mockup.product-heart-ceramic-ornaments.mockup-front.loading,


     div#product-gallery .product-mockup.product-heart-ceramic-ornaments.mockup-back.loading,
     div#product-gallery .product-mockup.product-circle-ceramic-ornaments.mockup-front.loading,


     div#product-gallery .product-mockup.product-circle-ceramic-ornaments.mockup-back.loading{
          transform:perspective(1000px) rotate3d(0, 1, 0, 40deg);





     }

     div#product-gallery .product-mockup.product-heart-ceramic-ornaments.mockup-front:not(.loading),
     div#product-gallery .product-mockup.product-heart-ceramic-ornaments.mockup-back:not(.loading),

     div#product-gallery .product-mockup.product-circle-ceramic-ornaments.mockup-front:not(.loading),
     div#product-gallery .product-mockup.product-circle-ceramic-ornaments.mockup-back:not(.loading){
          transform:perspective(1000px) rotate3d(0, 1, 0, 0deg);
          animation-name:sway;
          animation-duration: 5000ms;

          animation-iteration-count: 1;
          animation-timing-function:ease-in-out;
          transform-origin:center top !important;
     }
     body.print-image.product-circle-ceramic-ornaments .design .profile-image,


     .product-mockup.product-circle-ceramic-ornaments.mockup-front .profile-image{
           left:15%;
           top:21%;
           height:70%;


          overflow:hidden;
           width:70%;

          aspect-ratio:1;
          height:auto;

          left:14.5%;
          top:19.5%;
          width:71%;

     }
     .product-mockup.product-circle-ceramic-ornaments.mockup-front .profile-image{
          border-radius:50%;
     }





     body.print-image.product-circle-ceramic-ornaments .design .profile-image img,
     .product-mockup.product-circle-ceramic-ornaments .profile-image img{
          border-bottom-left-radius:5000px;
          border-bottom-right-radius:5000px;
          border-radius:0;
          /* Reset all crop top margins and heighs */


          margin-top:16% !important;
          height:80% !important;

     }

     .product-mockup.myockup-back.product-circle-ceramic-ornaments img.product{
          mix-blend-mode:normal;
     }
     .product-mockup.mockup-back.product-circle-ceramic-ornaments div.design{
     display:none;

     }

     /* Change the closeup aspect ratio to a square */



     section#order-page.product-circle-ceramic-ornaments div#product-gallery > div.item.design-closeup{
     }
     .product-mockup.product-circle-ceramic-ornaments.design-closeup{

      aspect-ratio:1/1;



          background:#fff0;
          border-radius:0.25rem;


     }
     .product-mockup.product-circle-ceramic-ornaments.mockup-front .profile-image img,
     .product-mockup.product-circle-ceramic-ornaments.mockup-front .profile-image,

     .product-mockup.product-circle-ceramic-ornaments.design-closeup > div.design{


          aspect-ratio:1/1;
          mask-image: url("/images/product-circle-ceramic-ornaments-closeup-mask.svg?v=2");

          mask-size:88% 88%;

          mask-position:center center;



          mask-repeat:no-repeat;
     }


     .product-mockup.product-circle-ceramic-ornaments.mockup-front .profile-image img{
          mask-size:190% 190%;




          mask-position:50% 50%;
          mask-repeat:no-repeat;     

     }

     .product-mockup.product-circle-ceramic-ornaments.mockup-front .profile-image{
          mask-size:105% 105%;     

          mask-position:50% 10%;
     }

     .product-mockup.product-circle-ceramic-ornaments.design-closeup .profile-image{
          border-radius:50%;
          height:87%;

          left:5%;
          overflow:hidden;




          top:7%;

           width:90%;








          height:88%;
          left:0;
          top:6%;
          width:100%;

     }
     section#order-page.product-circle-ceramic-ornaments div#product-gallery-ow.index-1::after,
     section#order-page.product-circle-ceramic-ornaments div#product-gallery > div.item.mockup-back::after{
          content:'Blank Back';


     }
     body.print-image.product-circle-ceramic-ornaments .design .profile-image::before,


     .product-mockup.product-circle-ceramic-ornaments .profile-image::before{


          background-color:#fff;

          background:radial-gradient(circle at center, #fff 0, #fffe 30%, #fff8 50%, #fff0 70%, #fff0 100%);

          background-repeat: no-repeat;

          height:100%;
          left:0%;
          margin:0 auto;
          opacity:1;
          right:0;

          top:0%;
          width:100%;


          top:-0.5%;
          width:90%;

          top:-3%;

          aspect-ratio:1;


          height:auto;
          left:-2%;
          top:-2%;
          width:104%;


     }
     body.print-image.product-circle-ceramic-ornaments .design .profile-image::after,

     .product-mockup.product-circle-ceramic-ornaments .profile-image::after{
           background-color: rgb(var(--mockup-color));

          bottom:0%;
          border-radius:50%;

          background: radial-gradient(ellipse at bottom, rgb(var(--mockup-color)) 0, rgb(var(--mockup-color)) 30%, #fff0 55%);

          content:'';
          display:block;

          position:absolute;
          height:60%;
          left:-20%;
          margin:0 auto;
          right:0;
          top:unset;
          width:140%;
          z-index:100;


          background: radial-gradient(ellipse at bottom, rgb(var(--mockup-color)) 0, rgb(var(--mockup-color)) 30%, #fff0 55%);
          height:45%;

     }
     body.print-image.product-circle-ceramic-ornaments .design .profile-name,
     .product-mockup.product-circle-ceramic-ornaments .profile-name{
           background-color: rgb(var(--mockup-color));



           background-color: rgb(var(--mockup-contrast-color));
           height:25%;
          left:0;
          margin:0 auto;
          position:absolute;

          right:0;

       top:70%;

       width:40%;

           z-index:500;





          height:23%;
     width:auto;     
     }

     /* PRODUCT MOCKUP > HEART CERAMIC ORNAMENTS */





     body.print-image.product-heart-ceramic-ornaments .design .profile-image,
     .product-mockup.product-heart-ceramic-ornaments.mockup-front .profile-image{
           left:20%;
           top:23%;


           height:69%;
          overflow:hidden;
          padding-bottom:10%;


           width:59%;

          border-radius:0;
          height:75%;
          left:0;
          top:15%;

          width:100%;
     }
     body.canvas .product-mockup.product-heart-ceramic-ornaments.mockup-front .profile-image{
          height:65.5%;


      }

     body.print-image.product-heart-ceramic-ornaments .design .profile-image img,

     .product-mockup.product-heart-ceramic-ornaments .profile-image img{

          border-bottom-left-radius:5000px;


          border-bottom-right-radius:5000px;

          /* Reset all crop top margins and heighs */


          margin-top:17% !important;

          height:75% !important;



          margin-top:15% !important;
          height:80% !important;



     }


     .product-mockup.mockup-back.product-heart-ceramic-ornaments img.product{
     mix-blend-mode:normal;



     }
     .product-mockup.mockup-back.product-heart-ceramic-ornaments div.design{

     display:none;










     }


     /* Change the closeup aspect ratio to a square */



     section#order-page.product-heart-ceramic-ornaments div#product-gallery > div.item.design-closeup{
     padding:0;
     }
     .product-mockup.product-heart-ceramic-ornaments.mockup-front .profile-image img,
     .product-mockup.product-heart-ceramic-ornaments.mockup-front .profile-image,
     .product-mockup.product-heart-ceramic-ornaments.design-closeup{
          aspect-ratio:1/1;
          mask-image: url("/images/product-heart-ceramic-ornaments-closeup-mask.svg?v=2");
          mask-size:90% 90%;
          mask-position:center center;



          mask-repeat:no-repeat;
     }
     .product-mockup.product-heart-ceramic-ornaments.mockup-front .profile-image img{
          mask-size:138% 138%;

          mask-position:50% 70%;
          mask-repeat:no-repeat;     
     }

     .product-mockup.product-heart-ceramic-ornaments.mockup-front .profile-image{




          mask-size:132% 132%;     
          mask-position:47% 70%;


          mask-size:96% 96%;     
          mask-position:47% 60%;

     }

     .product-mockup.product-heart-ceramic-ornaments.design-closeup div.product-color-mask{
           height:100%;

          left:0%;
          top:0%;
           width:100%;
      }

     .product-mockup.product-heart-ceramic-ornaments.design-closeup .profile-image{
           height:75%;
          left:12.5%;
          overflow:hidden;

          top:13%;

           width:75%;




          top:6%;
          height:80%;
          left:-7.5%;
          width:115%;


      }
     .product-mockup.product-heart-ceramic-ornaments.design-closeup .profile-name{
          height:24%;


          width:100%;





          height:19%;
          width:30%;
          top:75%;
     }
     .product-mockup.product-heart-ceramic-ornaments.design-closeup .profile-image::after{
          height:50%;
     }
     section#order-page.product-heart-ceramic-ornaments div#product-gallery > div.item.design-closeup::after{
     }
     section#order-page.product-heart-ceramic-ornaments div#product-gallery-ow.index-1::after,

     section#order-page.product-heart-ceramic-ornaments div#product-gallery > div.item.mockup-back::after{

          content:'Blank Back';



     }
     body.print-image.product-heart-ceramic-ornaments .profile-image::before{





          background:transparent !important;

     }

     body.print-image.product-heart-ceramic-ornaments div.design::after,


     .product-mockup.product-heart-ceramic-ornaments .profile-image::before{
          background:radial-gradient(circle at center, #fff 0, #fffe 30%, #fff8 50%, #fff0 70%, #fff0 100%);
          background-repeat: no-repeat;

          border-radius:0%;

          content:'';

          display:block;

          height:100%;



          left:0%;
          margin:0 auto;
          position:absolute;
          opacity:1;

          right:0;
          top:0%;

          width:100%;

          top:-15%;
          width:80%;



     }


     .product-mockup.product-heart-ceramic-ornaments .profile-image{
          overflow:visible;
     }
     body.print-image.product-heart-ceramic-ornaments .design .profile-image::after,
     .product-mockup.product-heart-ceramic-ornaments .profile-image::after{

           background-color: rgb(var(--mockup-color));




          bottom:-1%;
          overflow:hidden;
          border-radius:50%;
          background: radial-gradient(ellipse at bottom, rgb(var(--mockup-color)) 0, rgb(var(--mockup-color)) 30%, #fff0 55%);
          content:'';

          display:block;


          position:absolute;
          height:50%;
          left:-20%;

          margin:0 auto;
          right:0;


          top:unset;
          transition:all .15s;

          width:140%;
          z-index:100;

          background: radial-gradient(ellipse at bottom, rgb(var(--mockup-color)) 0, rgb(var(--mockup-color)) 30%, #fff0 50%);
          height:60%;





















     }

     body.print-image.product-heart-ceramic-ornaments .design .profile-name,
     .product-mockup.product-heart-ceramic-ornaments .profile-name{
           background-color: rgb(var(--mockup-color));

           background-color: rgb(var(--mockup-contrast-color));
           height:21%;

           position:relative;
           top:-33%;

          width:31%;
           z-index:200;



          left:0;
          margin:0 auto;
          position:absolute;
          right:0;
          top:64%;



     width:28%;




          height:17.5%;

          top:67%;
          width:auto;

     }


      /* PRODUCT MOCKUP > VELVETEEN PLUSH BLANKETS */

     .product-mockup.product-velveteen-plush-blankets.mockup-front .design{
           filter: url(#displacement-filter-product-velveteen-plush-blankets);

     }





     .product-mockup.product-velveteen-plush-blankets.mockup-front .profile-image{
           left:27%;
           top:25%;
           height:46%;
           width:46%;
      }
     body.product-velveteen-plush-blankets div#print div.profile-image div.furfam-logo,




     .product-mockup.product-velveteen-plush-blankets:not(.design-closeup) div.furfam-logo{
           background-color: rgb(var(--mockup-contrast-color));

          height:20%;
          opacity:0.75;
          right:-22%;
          top:127%;
          width:20%;
     }

     body.canvas-image div#canvas-image.product-velveteen-plush-blankets div#preview-back-design span.custom-design,
     .product-mockup.velveteen-plush-blankets.mockup-back > .design span.custom-design{
           background-color: rgb(var(--mockup-contrast-color));
     }

     .product-mockup.product-tote-bags div.product-color-mask{
          opacity:1;

      }

     body.print-image.product-velveteen-plush-blankets .design .profile-image::before,
     .product-mockup.product-velveteen-plush-blankets .profile-image::before{
          background-color: rgba(var(--mockup-contrast-color), 0.3);
          opacity:1;
     }
      body.print-image.product-velveteen-plush-blankets .design .profile-name,
      .product-mockup.product-velveteen-plush-blankets .profile-name{
           background-color: rgb(var(--mockup-contrast-color));
     }
     div#product-gallery > div.item.mockup-back::after{







          content:'Back';


     }
     div#product-gallery > div.item.design-closeup{
     }


     .product-mockup.product-velveteen-plush-blankets.mockup-back.product-mockup > div.design{
          border:1ypx dashed #fff;
          border:none;


           background-color: rgb(var(--mockup-color));
          box-shadow:0 0 2px 2px #fff7, 0 0 4px 3px #4447;

          border-radius:0.3rem;

          bottom:8%;
           height:40%;




          mix-blend-mode:normal;
          left:8%;

          top:auto;


          transform-origin: bottom right;





          transform:scale(0.95);
           position:absolute;
           width:30%;
          z-index:300;

     }
     .product-mockup.product-velveteen-plush-blankets.mockup-back.product-mockup > div.design-2{

           height:60%;
           width:50%;
          z-index:200;

     }

     .product-mockup.product-velveteen-plush-blankets.mockup-back.product-mockup > div.design-3{
           height:80%;


           width:60%;
          z-index:120;

      }







     div#product-gallery .product-mockup.product-velveteen-plush-blankets.mockup-back.product-mockup > div.design::after{
          background:#fff;

          border-radius:100px;
          border-bottom-left-radius:0;
          box-shadow:0px 0 2px 2px #4444;
          color:#000;


          content:'Small - 30" x 40"';


          display:block;




          padding:0.25rem .75rem;

          position: absolute;

          right:-5rem;

          text-align:left;
          top:1rem;
          white-space:nowrap;


          z-index:2000;
     }


     div#product-gallery .product-mockup.product-velveteen-plush-blankets.mockup-back.product-mockup > div.design-2::after{
          content:'Medium - 50" x 60"';
     }
     div#product-gallery .product-mockup.product-velveteen-plush-blankets.mockup-back.product-mockup > div.design-3::after{




          content:'Large - 60" x 80"';
     }
     .product-mockup.product-velveteen-plush-blankets.mockup-back div.design .profile-image{

          aspect-ratio:1/1 !important;
          height:50%;
          left:0;
          margin:0 auto;
          right:0;
          top:22%;

          width:auto;
     }

     .product-mockup.product-velveteen-plush-blankets.mockup-back div.design div.product-color-mask{
          display:none;
     }
     section#order-page.product-velveteen-plush-blankets div#product-gallery-ow.index-1::after,
     section#order-page.product-velveteen-plush-blankets div#product-gallery div.item.mockup-back::after{
          content:'Size Compared to a Queen Bed';
     }


     /* PRODUCT MOCKUP > CERAMIC PET BOWLS */


     .product-mockup.product-ceramic-pet-bowls.mockup-front .profile-image{


           left:18%;
           top:48%;

           height:17%;
           width:17%;     

           left:19%;
           top:46%;
     }

     body.print-image.product-ceramic-pet-bowls div.design div.profile-image .profile-name,
     .product-mockup.product-ceramic-pet-bowls .profile-image span.profile-name{

          height:80%;
          position:absolute;
          left:120%;
          mask-position:left center;



          top:5%;
          width:180%;
     }
     .product-mockup.mockup-back.product-ceramic-pet-bowls .profile-image{
           left:17%;
          top:77%; 
           height:7%;
           width:7%;

           left:20%;

          top:75%; 
     }
     .product-mockup.design-closeup.product-ceramic-pet-bowls .profile-image{
          height:30%;

          top:33%;
          left:5%;
          width:30%;
     }

     .product-mockup.product-ceramic-pet-bowls.mockup-front .design{


           filter: url(#displacement-filter-product-ceramic-pet-bowls);
     }
     .product-mockup.product-ceramic-pet-bowls.mockup-back .design{
           filter: url(#displacement-filter-product-ceramic-pet-bowls-back);

          top:0%;
     }


     .product-mockup.design-closeup.product-ceramic-pet-bowls div.product-color-mask{

          background:#fff !important;
     }

     body.print-image.product-ceramic-pet-bowls .design .profile-image::before,

     .product-mockup.product-ceramic-pet-bowls .profile-image::before{



           background-color: rgba(var(--mockup-color), 0.3);
          opacity:1;
     }
      body.print-image.product-ceramic-pet-bowls .design .profile-name,

      .product-mockup.product-ceramic-pet-bowls .profile-name{
           background-color: rgb(var(--mockup-contrast-color));


           background-color: rgb(var(--mockup-color));

     }


     /* PRODUCT MOCKUP > DOODLE DREAMS */



     section#order-page-2.product-doodle-dreams div.image.image-design-detail div.design,
     section#order-page-2.product-doodle-dreams div.image.image-mockup div.design{
     }
     section#order-page-2.product-doodle-dreams div.image.has-design-1 div.design{
          mix-blend-mode:multiply;
     }
     body.print-image.product-doodle-dreams div#background-color,
     body.canvas div#canvas-image.product-doodle-dreams div.product-color-mask{

          background:rgb(var(--product-color));

     }
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.product-color-mask,
     div.design-canvas.product-24 div.color-mask,
     section#order-page-2.product-doodle-dreams div.image.image-mockup div.color-mask,
     section#order-page-2.product-doodle-dreams div.image.image-design-detail div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background-size:100% auto;
          height:100%;
          left:0;     

          position:absolute;
          top:0;
          width:100%;
          z-index:0;
          mask-image: url('/images/product-doodle-dreams-mask.png?h');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;






          opacity:1;
          width:100%;
     }
     section#order-page-2.product-doodle-dreams div.image.image-laid-flat div.color-mask{
          mask-image: url('/images/product-doodle-dreams-details-mask.png');
     }     
     section#order-page-2.product-doodle-dreams div.image.image-waistband div.color-mask{
          mask-image: url('/images/product-doodle-dreams-waistband-mask.png?c');
     }     
     body.canvas div#canvas-image.product-doodle-dreams div.design span.profile-image,

     div.design-canvas.product-24 div.custom-design,
     section#order-page-2.product-doodle-dreams div.image.image-mockup div.design div.custom-design,
     section#order-page-2.product-doodle-dreams div.image.image-design-detail div.design div.custom-design{
          /* Position the custom design on the mockup */
          height:100%;
          left:0;
          object-fit:contain;

          position:absolute;
          top:0;
          width:100%;
          z-index:1;
     }

.design-canvas.product-24 .custom-design div.tile-wrapper{
          mask-image: url('/images/product-doodle-dreams-mask.png?v=5');
          mask-repeat: no-repeat;
          mask-size: cover;
         mask-position:center center;
     left:0%;
height:100%;     
position:absolute;
top:0%;
     width:100%;
     z-index:2;








}
div.image.image-laid-flat .design-canvas.product-24  .custom-design div.tile-wrapper{
          mask-image: url('/images/product-doodle-dreams-details-mask.png');

}
a.order-image.product-24 div.color-title,
body.canvas div#canvas-image.product-doodle-dreams div.color-title,
section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-mockup div.color-title,
section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-laid-flat div.color-title{
     aspect-ratio:1/1;
     background:rgb(var(--product-color));;
     border-radius:50%;
     border:4px solid #fff;
     bottom:15%;
     display:block;
height:50%;     
     overflow:hidden;
     left:auto;
position:absolute;


     right:25%;
     width:auto;
     opacity:1;
     z-index:200;
}

section#order-page-2.product-doodle-dreams form.status-generating div#product-image-gallery div.design-canvas{
     mix-blend-mode:normal; 
}


section#order-page-2.product-doodle-dreams div#product-image-gallery div.thumbnails-container div.image div.color-title,
section#order-page-2.product-doodle-dreams form.status-generating div#product-image-gallery div.design-canvas div.color-mask,

section#X_order-page-2.product-doodle-dreams form.status-generating div#product-image-gallery div.design-canvas div.tile-wrapper,
section#order-page-2.product-doodle-dreams form.status-generating div#product-image-gallery div.image div.color-title{
     display:none;
}
section#order-page-2.product-doodle-dreams form#order-info.status-generating div.main-carousel div.custom-design div.status-bar {     
     top:40%;
     z-index:1000;
}
section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-laid-flat div.color-title{
     height:70%;
     border-top-right-radius:0;
     border-width:5px;

     right:-10%;
     top:-5%;


}

section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-laid-flat div.color-title::after,

section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-mockup div.color-title::after{

     display:none;
}
a.order-image.product-24 div.color-title::before,
body.canvas div#canvas-image.product-doodle-dreams div.color-title::before,

section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-mockup div.color-title::before,
section#order-page-2.product-doodle-dreams div#product-image-gallery div.image.image-laid-flat div.color-title::before{
     aspect-ratio:1/1;
     background-image:var(--pet-image-url);
     background-size:contain;
     background-position:center center;
     background-repeat:no-repeat;
     content:'';

     bottom:0;
     display:block;


height:80%;     

     left:0;
     margin:0 auto;
     margin:0 auto;
position:absolute;
     right:0;
     top:10%;

     width:auto;
     opacity:1;

     z-index:100;     
}







.design-canvas.product-24 .custom-design div.tile-wrapper > div{
     aspect-ratio:1/1;
     display:block;
     float:left;
     height:12%;
     margin:0;
     position:relative;
     width:auto;
}
div.image.image-waistband .design-canvas.product-24 .custom-design div.tile-wrapper > div{
     display:none;
}
.design-canvas.product-24 .custom-design div.tile-wrapper div::before,
.design-canvas.product-24 .custom-design div.tile-wrapper div::after{
     aspect-ratio:1/1;

     background:transparent var(--pet-image-url);
     background-size:contain;
     background-repeat:no-repeat;
     content:'';
     left:0;
height:33%;     
     margin:0 auto;
position:absolute;
     right:0;

top:33%;
     width:auto;
}
.design-canvas.product-24 .custom-design div.tile-wrapper div::after{

     left:-17%;
     margin:0;
     right:unset;
     top:-17%;
}




.design-canvas.product-24 .custom-design img.custom-design-name,
.design-canvas.product-24 .custom-design img.custom-design{
display:none;

}


     body.print-image.product-doodle-dreams div#design div.custom-design,
     body.print-image.product-doodle-dreams div#design div.design,
     body.print-image.product-doodle-dreams div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;
          margin:0 auto;

          mask:unset;
          right:0;
          top:0%;
          width:100%;

     }

body.print-image.product-doodle-dreams div#design div.custom-design div.tile-wrapper{
     mask:unset;
     overflow:hidden;
     padding:0 9%;
     height:100%;
}
body.print-image.product-doodle-dreams div#design div.custom-design div.tile-wrapper > div{
     height:12%;
     height:13%;
}



     

     /* PRODUCT MOCKUP > CUSTOM PET BLANKET */



     body.canvas div#canvas-image.product-studio-blanket div.design,
     div.design-canvas.product-16,
     section#order-page-2.product-studio-blanket div.image.image-mockup div.design{
          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=5');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
          mix-blend-mode:multiply;
     }

     section#order-page-2.product-studio-blanket div.image.image-mockup div.color-title,
     section#order-page-2.product-studio-blanket div.image.image-large div.color-title,

     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-title{
          display:block !important;

     }
     section#order-page-2.product-studio-blanket div.image.image-mockup div.color-title::before,
     section#order-page-2.product-studio-blanket div.image.image-large div.color-title::before,
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-title::before{

          content:'Size' !important;

     }
     section#order-page-2.product-studio-blanket div.image.image-large div.color-title::after{
          content:'Large 60" x 80"' !important;

     }

     section#order-page-2.product-studio-blanket div.image.image-mockup div.color-title::after{
          content:'Medium 50" x 60"' !important;
     }
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-title::after{
          content:'Baby 30" x 40"' !important;
     }

     body.canvas div#canvas-image.product-studio-blanket div.design{
          mix-blend-mode:normal;
     }
     body.print-image.product-studio-blanket div#background-color,
     body.canvas div#canvas-image.product-studio-blanket div.product-color-mask{
          background:rgb(var(--product-color));

     }
     body.canvas div#canvas-image.product-16 div.design div.custom-design,
     body.canvas div#canvas-image.product-studio-blanket div.design span.profile-image,

     section#order-page-2.product-studio-blanket div.image.image-design-detail div.design div.custom-design,

     div.design-canvas.product-16 div.custom-design,
     .product-16 div.design-canvas div.custom-design,

     section#order-page-2.product-studio-blanket div.image.image-mockup div.design div.custom-design{
          /* Position the custom design on the mockup */
          object-fit:contain;
          object-position:center bottom;
          position:absolute;

          height:62%;
          left:21%;
          padding:0;
          top:32%;
          width:58%;
        
          z-index:20;

     }

/* BACKGROUND STYLE */
     .product-16.design-canvas::before,
     section#X_order-page-2.product-studio-blanket div.image div.design::before{
          background:transparent var(--background-style-url) center top no-repeat;          
          background-size:contain;

          content:'';
          height:100%;
          left:0;
          
          opacity:0.6;
          position:absolute;
          top:0;

          width:100%;
          z-index:10;
     }

/* Increase the opacity for product gallery link thumbnails so the background design stands out*/
div#related-products a.product-link .product-16.design-canvas::before{
     opacity:1;
}


/* SMALL BLANKET */

     body.canvas.size-small div#canvas-image.product-studio-blanket div.design div.custom-design,
     .product-16.size-small div.design-canvas div.custom-design,

     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.design div.custom-design{
          /* Position the custom design on the mockup */
          height:54%;

          left:21%;

          padding:0;

          top:22%;
          width:48%;
     }
/* Place the small mockup logo */
     body.canvas.size-small div#canvas-image.product-studio-blanket div.design div.custom-design::after,
     .product-16.size-small div.design-canvas div.custom-design::after,







     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.design div.custom-design::after{
         left:86%;
          top:90%;
}

/* MEDIUM BLANKET */

.product-16.size-medium div.design-canvas::before,
section#order-page-2.product-studio-blanket div.image.image-medium div.design::before {
     background-size:cover;
     background-position:center center;
}

     div.design-canvas.product-16 div.custom-design-name img{
          visibility:hidden;
     }
     body.print-image.product-studio-blanket div.profile-image::after,

     div.design-canvas.product-16 div.custom-design::after,
     section#order-page-2.product-studio-blanket form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after{
          background-image: linear-gradient(to bottom, #fff 0%, rgb(var(--product-color)) 120%);

          bottom:2%;
          height:10%;
          content:'';

          display:block;
          mask-image: url("/images/fur-fam-square.svg");
          mask-repeat:no-repeat;
          mask-size:88% 88%;
          mask-position:center center;


          position:absolute;

          right:0;
          width:10%;
          
     }
/* Place the medium mockup logo */
     body.canvas.size-medium div#canvas-image.product-studio-blanket div.design div.custom-design::after,
.product-16.size-medium div.design-canvas div.custom-design::after{
     /* section#order-page-2.product-studio-blanket div.image.image-medium div.design div.custom-design::after{*/
        left:92%;
          top:87%;
}

     
     section#order-page-2.product-studio-blanket div.image.image-design-detail div.design-canvas.product-16,
     section#order-page-2.product-studio-blanket div.image.image-design-detail div.design{
          mask:none;
          mix-blend-mode:normal;

     }
     section#order-page-2.product-studio-blanket form.status-generating div.image.image-mockup div.design div.custom-design{
          top:20%;
     }
     body.canvas div#canvas-image.product-studio-blanket div.design span.profile-image::before{
          display:none;
     }
     body.canvas div#canvas-image.product-studio-blanket div.design span.profile-image img{

          border-radius:0;
          margin:0;
          height:100%;
     }
     div.design-canvas.product-16 div.color-mask,
     section#order-page-2.product-studio-blanket div.image.image-mockup div.color-mask{


          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background-size:100% auto;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_mockup_background.png?v=11") center center no-repeat;          
  
          background:rgb(var(--product-color)) var(--background-style-medium-blanket-url) center center no-repeat;          
          
          background:rgb(var(--product-color));
          
          
          background-size:65%;
          background-position:50% 75%;


          background-size:100%;
          background-position:50% 50%;


          height:100%;
          left:0;     
          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=cc');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
mask:unset;


          opacity:1;

          transition:0.2s ease-out;
          position:absolute;


          top:0;
          width:100%;

          z-index:0;

     }

/* THREE BLANKET SIZES */
section#order-page-2.product-29 div.image.image-sizes div.design,
section#order-page-2.product-studio-blanket div.image.image-sizes div.design{
     box-shadow:0 0 0px 1px #fff;
     mask:unset;
     mix-blend-mode:normal;
     height:50%;
     width:50%;
}
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas::before,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas::before{

background-size:cover;


}
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas{
     aspect-ratio:0.75;
     height:auto;
     left:12%;
     top:43.7%;
     width:11.2%;
}
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-2,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-2{
     aspect-ratio:0.84;
     left:41%;
top:38.4%;
     width:18.5%;
}
section#order-page-2.product-29 div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-3,
section#order-page-2.product-studio-blanket div#product-image-gallery div.image.image-sizes div.design.design-canvas.copy-3{
     aspect-ratio:0.75;
     left:71%;
top:32.3%;
     width:21.8%;
}

/* CANVAS IMAGE - SMALL BLANKET */


body.canvas.size-small div#canvas-image.product-studio-blanket img.product{

     display:none;
}

.order-image.product-16.size-small div.product{
          background:transparent url('/images/product-custom-pet-blanket-small.jpg') top left;
     background-size:contain;
}
 body.canvas.size-small div#canvas-image.product-studio-blanket div.design-canvas{

        mask-image: url('/images/product-custom-pet-blanket-small-mask.png?v=h');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
      mix-blend-mode:multiply;
}
 body.canvas.size-small div#canvas-image.product-studio-blanket div.product-color-mask{
display:none;

}

body.canvas.size-small div#canvas-image.product-studio-blanket div.design,
     .product-16.size-small div.design-canvas,
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.design{
          mask-image: url('/images/product-custom-pet-blanket-small-mask.png?v=h');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          mask:unset;
     }

     body.canvas.size-small div#canvas-image.product-studio-blanket div.color-mask,
     .product-16.size-small div.design-canvas div.color-mask,
     section#order-page-2.product-studio-blanket div.image.image-design-detail-small div.color-mask{

          /* Place the blank mockup */
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          


          background:rgb(var(--product-color)) var(--background-style-url) center center no-repeat;          
          

          background:rgb(var(--product-color));
          



          background-size:56%;
          background-position:40% 10%;

          height:100%;
          left:0;     
          mask-image: url('/images/product-custom-pet-blanket-small-mask.png?v=j');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;




          transition:0.2s ease-out;
          position:absolute;
          top:0;
          width:100%;
          z-index:0;
     }

.product-16.size-small div.design-canvas::before,
section#order-page-2.product-studio-blanket div.image.image-small div.design::before {
     background-size:56%;
          background-position:42% 12%;     

     

}

     /* LARGE BLANKET */

body.canvas.size-large div#canvas-image.product-studio-blanket img.product{


     display:none;
}
.order-image.product-16.size-large div.product{
          background:transparent url('/images/product-custom-pet-blanket-extra-large.jpg?v=2') top left;
     background-size:contain;
}
.order-image.product-16.size-large div.design-canvas{
        mask-image: url('/images/product-custom-pet-blanket-extra-large-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;


      mix-blend-mode:multiply;
}
 body.canvas.size-large div#canvas-image.product-studio-blanket div.color-mask,
 body.canvas.size-large div#canvas-image.product-studio-blanket div.product-color-mask{
display:none;
}


     body.canvas.size-large div#canvas-image.product-studio-blanket div.design,
     section#order-page-2.product-studio-blanket div.image.image-large div.color-mask,
     section#order-page-2.product-studio-blanket div.image.image-large div.design{
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          

          background:rgb(var(--product-color)) var(--background-style-url) center center no-repeat;          

          

          background-size:auto 100%;
          background-position:45% 60%;
          background:rgb(var(--product-color));


          mask-image: url('/images/product-custom-pet-blanket-extra-large-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;





     }
section#order-page-2.product-studio-blanket div.image.image-large div.color-mask{
     display:none;
}
          
     body.canvas.size-large div#canvas-image.product-studio-blanket div.design::before,
     section#order-page-2.product-studio-blanket div.image.image-large div.design::before{
          background-position:center 20%;
          background-size:72% auto;
     }

     body.canvas.size-large div#canvas-image.product-studio-blanket div.design div.custom-design,
     section#order-page-2.product-studio-blanket div.image.image-large div.design div.custom-design{
          /* Position the custom design on the mockup */


          height:68%;
          left:16%;
          padding:0;
          top:24%;
          width:65%;
     }
     body.canvas.size-large div#canvas-image.product-studio-blanket div.design div.custom-design img.custom-design,
     xsection#order-page-2.product-studio-blanket div.image.image-large div.design div.custom-design{
          opacity:1;
     }
     
/* DESIGN IMAGE */
     body.print-image.product-studio-blanket div.front-design img.subject,
     section#order-page-2 form#order-info div.design.product-16 > div.custom-design img,
     div.design-canvas.product-16 > div.custom-design > img.custom-design{
          height:90%;
          margin-top:5%;
     }

     /* NAME */     

     body.print-image.product-studio-blanket div.profile-name,
     body.print-image.product-studio-blanket div.profile-image::before,
     body.canvas div#canvas-image.product-studio-blanket div.design span.custom-design-name,
     div.design-canvas.product-16 div.custom-design-name,
     div.design-canvas.product-16 div.custom-design::before,
     section#order-page-2.product-studio-blanket div.image div.design div.custom-design-name{
          background:#fff;
          background-color: rgb(var(--mockup-contrast-color));
          display:block;
          
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position:center center;

          position:absolute;
          

          height:20%;
          left:0;

          margin:0 auto;
          opacity:1;
          right:0;
          top:-24%;

          top:-20%;
          width:80%;

          z-index:100;
          
     }
body.print-image.product-studio-blanket div.profile-name,
body.canvas div#canvas-image.product-studio-blanket div.design span.custom-design-name,
div.design-canvas.product-16 div.custom-design-name,

section#order-page-2.product-studio-blanket div.image div.design div.custom-design-name{
          opacity:0.7;     
}
/* NAME DESIGN BACKGROUND */
body.print-image.product-studio-blanket div.profile-image::before,
div.design-canvas.product-16 div.custom-design::before{
     background:transparent;
          background-image: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(var(--product-color), 0.9) 20%, #fff0 50%);
     content:'';

     mask:none;
     transform:scale(1.4, 1.7);
     z-index:-10;

     }
body.print-image.product-studio-blanket div.profile-image::before{
     z-index:2;
}
.background-style-spotlight div.design-canvas.product-16 div.custom-design::before,
section#order-page-2.product-studio-blanket form.background-style-370 div.image div.design div.custom-design::before{
background:transparent;
}

     body.print-image.product-studio-blanket div#design::before,
     section#order-page-2.product-studio-blanket form:not(.has-pets) div.image.image-design-detail::before{
          background:rgb(var(--product-color));
           background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center top no-repeat;         
          
          background:rgb(var(--product-color)) var(--background-style-url) center top no-repeat;
          background:rgb(var(--product-color));
          background-size:cover;
          content:'';
          display:block;
          height:100%;
          left:0;
          margin:auto;

          position:absolute;
          right:0;
          top:0;
          width:75%;     
     }
     body.print-image.product-studio-blanket div#design::before{
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background_print.png?v=11") center top no-repeat;         

          background:rgb(var(--product-color)) var(--background-style-url) center top no-repeat;
          background-size:cover;
          background-position:center center;
          position:absolute;
          left:0;
          top:0;
          opacity:0.6;
          height:100%;
          width:100%;
          z-index:0;

     }
/* Blanket detail-view masks and proportions */
     section#order-page-2.template-blanket div.image.image-design-detail div.design div.custom-design{
          bottom:1%;
          height:76%;
          left:0;
          margin:auto;
          position:absolute;
          right:0;
          top:auto;
          width:70%;
     }
     section#order-page-2.template-blanket div.image.image-design-detail::after{
          top:68% !important;
          right:55% !important;;
}
     section#order-page-2.template-blanket div#product-image-gallery div.image.image-design-detail div.design div.custom-design::after{
bottom:4%;
          right:-12%;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.design-canvas::after{
display:none !important;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions{
     display:block;
     font-size: clamp(19px, 2.5cqi, 21px);
     font-weight:bold;
     height:100%;
     left:0;
     mix-blend-mode:normal;
     position:absolute;
     top:0;
     width:100%;
     z-index:1000;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions > span::before{
     border-radius:5rem;
     color:#fff;
     padding:0rem 0.5rem;
     position:absolute;
     background:#555c;
     color:#fff;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     bottom:0%;
     content:'30"';
     right:47%;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.height::before{
     top:70%;
     content:'40"';
     right:5%;
}

/* Small */
    section#order-page-2.template-blanket div#product-image-gallery.size-small div.image.image-design-detail{
         background:transparent url("/images/products/product_16_detail_small.jpg?v=2") center center no-repeat;
         background-size:cover;
}
    section#order-page-2.template-blanket div#product-image-gallery.size-small div.image.image-design-detail div.design-canvas{
         mask-image: url("/images/products/product_16_detail_small_mask.png?v=4");
    mask-size:140%;

    mask-position:center center;
    mask-repeat:no-repeat;
}
section#order-page-2.template-blanket div#product-image-gallery div.carousel-cell .image.image-design-detail div.design-canvas{
     mix-blend-mode:multiply;
}
section#order-page-2.template-blanket div#product-image-gallery div.image.image-design-detail div.design-canvas::before{
         background-size:cover;
}
section#order-page-2.template-blanket div#product-image-gallery div.image.image-design-detail div.design-canvas{
          aspect-ratio:0.75;
          height:95%;
          left:0;
          margin:0 auto;
          right:0;
          top:2.5%;
          width:auto;
     }
/* Medium */
    section#order-page-2.template-blanket div#product-image-gallery.size-medium div.image.image-design-detail{
         background:transparent url("/images/products/product_16_detail_medium.jpg?v=2") center center no-repeat;
         background-size:cover;
}
    section#order-page-2.template-blanket div#product-image-gallery.size-medium div.image.image-design-detail div.design-canvas{
         mask-image: url("/images/products/product_16_detail_medium_mask.png?v=3");
    mask-size:125.7%;
    mask-position:center center;
    mask-repeat:no-repeat;
}
section#order-page-2.template-blanket div#product-image-gallery.size-medium div.image.image-design-detail div.design-canvas{
          aspect-ratio:0.83;
     height:96%;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-medium div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     content:'50"';
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-medium div.carousel-cell div.image.image-design-detail div.dimensions span.height::before{
     content:'60"';
}
/* Large */
    section#order-page-2.template-blanket div#product-image-gallery.size-large div.image.image-design-detail div.design-canvas{
          aspect-ratio:0.75;


         height:98%;
         top:1.5%;
     }
    section#order-page-2.template-blanket div#product-image-gallery.size-large div.image.image-design-detail{

         background:transparent url("/images/products/product_16_detail_large.jpg?v=2") center center no-repeat;
         background-size:cover;
}
    section#order-page-2.template-blanket div#product-image-gallery.size-large div.image.image-design-detail div.design-canvas{
         mask-image: url("/images/products/product_16_detail_large_mask.png?v=3");
    mask-size:136.4%;
    mask-position:center center;
    mask-repeat:no-repeat;
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-large div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     content:'60"';
}
section#order-page-2.template-blanket form.has-pets div#product-image-gallery.size-large div.carousel-cell div.image.image-design-detail div.dimensions span.height::before{
     content:'80"';
}

body.is-cart-image.product-16 div#canvas-image > img.product{

     display:none;
}


/* Print image placement */
body.print-image.product-studio-blanket div.profile-image{
          bottom:2%;
          height:76%;
          left:0;
          margin:auto;

          position:absolute;


          right:0;
          top:auto;
          width:95%;
     }
    section#order-page-2.product-studio-blanket form.status-generating div.image.image-design-detail div.design div.custom-design{
         top:-25%;
     }
     section#order-page-2.product-studio-blanket div.image.image-design-detail img.design-detail{
     visibility:hidden;
     }
     section#order-page-2.product-studio-blanket form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-studio-blanket form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 22s ease-in;
     }
     body.x______________print-image.product-studio-blanket,
     body.x______________print-image.product-studio-blanket{
        transform-origin:left top !important; transform:scale(0.07); 

     }
     body.print-image.product-studio-blanket div#design{
          left:0;
          height:100%;

          margin:0 auto;
          right:0;
          top:0%;
          width:100%;
     }
     body.print-image.product-studio-blanket div#design {
          height:100%;
          width:100%;
     }
     body.print-image.product-studio-blanket div#design div.front-design{
          /* Leave some padding for the bleed */
          position: relative;
          height:calc(100% - 300px);
          left:0;
          margin:0 auto;
          right:0;
          top:150px;
          width:calc(100% - 300px);
     }
     body.print-image.product-studio-blanket div.design div.profile-name img.name{
          visibility:hidden;
     }
     body.print-image.product-studio-blanket div#background-color{
     }
     body.print-image.product-studio-blanket div.back-design{
          display:none;
     }








     /* PRODUCT MOCKUP > CUSTOM MUG */




     body.canvas div#canvas-image.product-custom-mug div.design,
     div.design-canvas.product-23,
     section#order-page-2.product-custom-mug div.image.image-mockup div.design{
          mask-image: url('/images/product-custom-mug-product-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;

          mix-blend-mode:multiply;

     }

    section#order-page-2.product-custom-mug form div.image.image-design-detail div.design-canvas.product-23{
          mask:unset;
     }
     body.canvas div#canvas-image.product-custom-mug div.design{
          mix-blend-mode:normal;
     }

     body.canvas div#canvas-image.product-custom-mug div.product-color-mask{
          background:rgb(var(--product-color));

     }

     div.design-canvas.product-23 div.custom-design,
     body.canvas div#canvas-image.product-custom-mug div.design span.profile-image,

     section#order-page-2.product-custom-mug div.image.image-design-detail div.design div.custom-design,
     section#order-page-2.product-custom-mug div.image.image-mockup div.design div.custom-design{
          /* Position the custom design on the mockup */
          height:48%;

          left:35%;
          position:absolute;



          top:37.1%;
          width:48%;
          z-index:1;

     }

     body.canvas div#canvas-image.product-custom-mug div.design span.profile-image img,
     div.design-canvas.product-23 div.custom-design img,



     section#order-page-2.product-custom-mug form#order-info:not(.status-generating) div.design > div.custom-design img {
          object-fit:contain;

          object-position:center bottom;

     }    
          
     section#order-page-2.product-custom-mug form.status-generating div.image.image-mockup div.design div.custom-design{
          top:28%;
     }
     body.canvas div#canvas-image.product-custom-mug div.design span.profile-image::before{
          display:none;
     }
     body.canvas div#canvas-image.product-custom-mug div.design span.profile-image img{
          border-radius:0;
          margin:0;
          height:100%;

     }

     div.design-canvas.product-23 div.color-mask,
     section#order-page-2.product-custom-mug div.image.image-mockup div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background-size:100% auto;
          height:100%;

          left:0;     

          mask-image: url('/images/product-custom-mug-mask.png?v=3');
          mask-repeat: no-repeat;

          mask-size: contain;
         mask-position:center center;
          opacity:1;
          transition:0.2s ease-out;
          position:absolute;
          top:0;

          width:100%;
          z-index:0;
     }
     section#order-page-2.product-custom-mug div.image.image-design-detail div.color-mask{
          opacity:0;

     }
     body.print-image.product-custom-mug div.profile-name,
     body.canvas div#canvas-image.product-custom-mug div.design span.custom-design-name,
     div.design-canvas.product-23 div.custom-design-name,
     section#order-page-2.product-custom-mug div.image div.design div.custom-design-name{


          background:rgb(var(--mockup-contrast-color));
          display:block;

          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position:center center;
          position:absolute;
    

          height:15%;
          left:0;
          margin:0 auto;
          right:0;
          top:-18%;
          width:80%;
          z-index:100;
          height:17%;
          top:-19%;


     }
     div.design-canvas.product-23 div.custom-design-name img{
          visibility:hidden; 
     }

     section#order-page-2.product-custom-mug div.image.image-design-detail div.design div.custom-design{
          aspect-ratio:1;
          bottom:20%;
          height:55%;

          left:0;
          margin:auto;
          right:0;

          width:55%;



          top:auto;
     }
    section#order-page-2.product-custom-mug form.status-generating div.image.image-design-detail div.design div.custom-design{
         mask:none;
         top:-25%;
     }
     
     section#order-page-2.product-custom-mug div.image.image-design-detail img.design-detail{
     visibility:hidden;
     }
     section#order-page-2.product-custom-mug form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-custom-mug form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }



     body.__print-image.product-custom-mug{
        transform-origin:left top !important; 

        transform:scale(0.4); 

     }


     body.__print-image.product-custom-mug::after{
          background:transparent url("/images/print-templates/ceramic-mugs-15-oz.jpg?v=2") top left no-repeat !important;;
          background-size:cover !important;;
          content:'';

          display:block;

          mix-blend-mode:multiply;
          right:0 !important;;
          position:absolute;


          top:0;
          width:2475px; 
          height:1275px;
          z-index:1000;
     }
     body.print-image.product-custom-mug div#design{

          left:0;

          height:100%;
          margin:0 auto;
          right:0;
          top:0%;
          width:100%;
     }
     body.print-image.product-custom-mug div#design {

          height:100%;
          width:100%;

     }
     body.print-image.product-custom-mug div#design div.back-design,
     body.print-image.product-custom-mug div#design div.front-design{

          /* Leave some padding for the bleed */
          bottom:0;
          position: absolute;

          height:77%;
          left:46%;
          margin:0 auto;
          right:0;
          width:75%;

     }
     body.print-image.product-custom-mug div#design img.subject{


          height:100%;

          position:absolute;
          margin:0 auto;
          width:100%;
     }


     body.print-image.product-custom-mug div.design div.profile-name img.name{

          visibility:hidden;
     }
     body.print-image.product-custom-mug div#background-color{
          background-color:transparent;
     }
     body.print-image.product-custom-mug div#design div.back-design{
          bottom:0;
          left:-65%;
          position:absolute;

     }


     /* PRODUCT MOCKUP > STUDIO MUG */


     body.canvas div#canvas-image.product-31 div.design,
     div.design-canvas.product-31,
     section#order-page-2.product-31 div.image.image-mockup div.design{
          mask-image: url('/images/product-31-mockup-mask.png?V=3');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          mix-blend-mode:multiply;
     }
    section#order-page-2.product-31 form div.image.image-design-detail div.design-canvas.product-31{
          mask:unset;
     }
     body.canvas.print-image.product-31 div#design div.profile-image img.subject{
          mix-blend-mode:normal;

          z-index:100;

     }
     body.canvas div#canvas-image.product-31 div.product-color-mask{
          background:rgb(var(--product-color));
     }
     section#order-page-2.product-31 form.status-generating div.image.image-mockup div.design div.custom-design::after{
          display:none;
     }


     
     section#order-page-2.product-31 div.image.image-11oz div.color-title,
     section#order-page-2.product-31 div.image.image-15oz div.color-title{
          display:block !important;
     }
     section#order-page-2.product-31 div.image.image-mockup div.color-title::before{
          content:'Size' !important;
     }
     section#order-page-2.product-31 div.image.image-11oz div.color-title::after{
          content:'11oz Size' !important;
     }
     section#order-page-2.product-31 div.image.image-15oz div.color-title::after{
          content:'15oz Size' !important;
     }


/* Background design */

     div.design-canvas.product-31 div.custom-design::before,
     body.canvas div#canvas-image.product-31 div.design span.profile-image::before,
     body.canvas.print-image.product-31 div#design .profile-image::before,
     section#order-page-2.product-31 div.image.image-design-detail div.design div.custom-design::before,
     section#order-page-2.product-31 div.image.image-mockup div.design div.custom-design::before,

     div.design-canvas.product-31 div.custom-design::after,
     body.canvas div#canvas-image.product-31 div.design span.profile-image::after,
     body.canvas.print-image.product-31 div#design .profile-image::after,
     section#order-page-2.product-31 div.image.image-design-detail div.design div.custom-design::after,
     section#order-page-2.product-31 div.image.image-mockup div.design div.custom-design::after{
          background:rgb(var(--product-color));
          background:transparent;
          background-image: linear-gradient(to bottom, rgba(var(--product-color), 0) 5%, rgba(var(--product-color), 0.7));

          background-image: linear-gradient(to bottom, rgba(var(--product-color), 0.2) 5%, rgba(var(--product-color), 1));
          background-size:100% auto;
          content:'';
          display:block;
          height:140%;
          left:-10%;     
          mask-image:url("/images/products/product_30_custom_design_background.png?v=2");          
          mask-repeat: no-repeat;
          mask-size: 100% 80%;
         mask-position:center top;
          position:absolute;
          opacity:1;
          top:-20%;
          transition:0.2s ease-out;
          width:120%;

          z-index:0;
          
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center top no-repeat;
          background:transparent url("/images/products/product_16_custom_design_background.png?v=12") center top no-repeat;
          background:transparent var(--background-style-url) center top no-repeat;
          background-size:110% auto;
          
          border-radius:50%;
          mask:none;
          left:0%;

          opacity:0.8;
          height:100%;
          top:-10%;
          width:100%;

          aspect-ratio:1;
          width:auto;
          visibility:visible;
     }
.font-no-name div.design-canvas.product-31 div.custom-design::after,
body.canvas.print-image.product-31.font-no-name div#design .profile-image::after,
     section#order-page-2.product-31.font-no-name div.image.image-design-detail div.design div.custom-design::after,
     section#order-page-2.product-31.font-no-name div.image.image-mockup div.design div.custom-design::after{
          background-color:rgba(var(--product-color));
}     
/* Increase background design opacity in the gallery link so we can see the background design */
     div.design-canvas.product-31 div.custom-design::after{
          opacity:1;     
     }
/* Background design color*/
     div.design-canvas.product-31 div.custom-design::before,
     body.canvas div#canvas-image.product-31 div.design span.profile-image::before,
     body.canvas.print-image.product-31 div#design .profile-image::before,

     section#order-page-2.product-31 div.image.image-design-detail div.design div.custom-design::before,
     section#order-page-2.product-31 div.image.image-mockup div.design div.custom-design::before{
            background-image: linear-gradient(to bottom,#fff0 0%, rgba(var(--product-color), 0.6) 60%);
            background-image: linear-gradient(to bottom,#fff0 0%, rgba(var(--product-color), 1) 50%) !important;
          opacity:1;
               
     }
/* Canvas position*/
     div.design-canvas.product-31 div.custom-design,

     body.canvas div#canvas-image.product-31 div.custom-design,
     section#order-page-2.product-31 div.image.image-design-detail div.design div.custom-design,
     section#order-page-2.product-31 div.image.image-mockup div.design div.custom-design{
          /* Position the custom design on the mockup */
          aspect-ratio:1;
          display:block;
          height:auto;
          left:33.5%;
          position:absolute;
          top:35%;
          width:42%;


          z-index:1;
     }
     body.canvas div#canvas-image.product-31 div.design span.profile-image img,
     div.design-canvas.product-31 div.custom-design img,
     section#order-page-2.product-31 form#order-info:not(.status-generating) div.design > div.custom-design img {
          left:0;
          object-fit:contain;
          object-position:center top;
          position:absolute;
          z-index:10;
     }                
     div.design-canvas.product-31 div.custom-design img.custom-design-name{
          visibility:hidden;
     }
     section#order-page-2.product-31 form.status-generating div.image.image-mockup div.design div.custom-design{
          top:28%;
     }
     body.canvas div#canvas-image.product-31 div.design span.profile-image::before{
          display:none;
     }
     body.canvas div#canvas-image.product-31 div.design span.profile-image img{
          border-radius:0;
          margin:0;
          height:100%;
     }
     div.design-canvas.product-31 div.color-mask,
     section#order-page-2.product-31 div.image.image-mockup div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background:#fff;



          background-size:100% auto;
          height:100%;
          left:0;     

          mask-image: url('/images/product-custom-mug-mask.png?v=3');
          mask-repeat: no-repeat;


          mask-size: contain;

         mask-position:center center;
          opacity:1;
          transition:0.2s ease-out;
          position:absolute;
          top:0;
          width:100%;
          z-index:0;
     }
/* Mug Sizes */
section#order-page-2.product-31 div.image.image-sizes div.design{
          mask-image: url('/images/product-31-sizes-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}
     section#order-page-2.product-31 div.image.image-sizes div.design div.custom-design{
          left:19.4%;
          top:63%;
          width:24%;
     }
     section#order-page-2.product-31 div.image.image-sizes div.design.copy-2 div.custom-design{
          left:50%;
          top:57%;
          width:26%;
     }

/* 15 oz*/

.order-image.product-31.size-15oz div.design,
.size-15oz div.design-canvas.product-31 div.design,
body.canvas.size-15oz div#canvas-image.product-31 div.design,
     section#order-page-2.product-31 div.image.image-mockup.size-15oz div.design-canvas{
     mask-image: url('/images/product-31-15oz-mockup-mask.png?v=6');
          mask-size: contain;
         mask-position:center center;
}
body.canvas.size-15oz div#canvas-image.product-31 div.design div.custom-design,
.size-15oz div.design-canvas.product-31 div.custom-design,
     section#order-page-2.product-31 div.image.image-mockup.size-15oz div.design div.custom-design{

          aspect-ratio:1;
          display:block;
          height:auto;
          left:34.5%;
          position:absolute;
          top:29%;
          width:46%;
          z-index:1;
     }
body.canvas.size-15oz div#canvas-image.product-31 div.design div.custom-design{
     mix-blend-mode:multiply;
}
body.canvas.size-15oz div#canvas-image.product-31 img.product{

     visibility:hidden !important;
}
body.canvas.size-15oz div#canvas-image.product-31,
.order-image.product-31.size-15oz div.product{
          background-image:url("/images/product-31-15oz-mockup.jpg");
     }
section#order-page-2.product-31 div.image.image-design-detail div.color-mask{
          opacity:0;
     }

body.canvas.print-image.product-31.size-15oz div#design > div.back-design,
body.canvas.print-image.product-31.size-15oz div#design > div.front-design{
     left:66%;
     top:29%;
     height:60%;
     width:33%;

} 
body.canvas.print-image.product-31.size-15oz div#design > div.front-design{
     left:-66%;
}
/* Name design */
     body.canvas.print-image.product-31 div#design .profile-name,     
     body.canvas div#canvas-image.product-31 div.design span.custom-design-name,
     div.design-canvas.product-31 div.custom-design-name,
     section#order-page-2.product-31 div.image div.design div.custom-design-name{
          background:rgb(var(--product-color));

          display:block;
          mask-repeat: no-repeat;


          mask-size: contain;
          mask-position:center center;
          position:absolute;
          height:15%;
          left:0;

          margin:0 auto;
          right:0;
          top:-18%;
          width:80%;
          z-index:100;
          height:17%;
          top:-19%;
     }
     div.design-canvas.product-23 div.custom-design-name img{




          visibility:hidden; 
     }
     section#order-page-2.product-31 div.image.image-design-detail div.design div.custom-design{
          aspect-ratio:1;
          bottom:20%;
          height:55%;
          left:0;
          margin:auto;


          right:0;
          width:55%;

          top:auto;
     }
    section#order-page-2.product-31 form.status-generating div.image.image-design-detail div.design div.custom-design{

         mask:none;
         top:-25%;
     }
     section#order-page-2.product-31 div.image.image-design-detail img.design-detail{
     visibility:hidden;
     }


     section#order-page-2.product-31 form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-31 form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }


     body.X__print-image.product-31{
        transform-origin:left top !important; 
        transform:scale(0.4); 
     }
     body.x__print-image.product-31::after{
          background:transparent url("/images/print-templates/ceramic-mugs-15-oz.jpg?v=2") top left no-repeat !important;;
          background-size:cover !important;;
          content:'';
          display:block;
          mix-blend-mode:multiply;
          right:0 !important;;
          position:absolute;

          top:0;
          width:2475px; 
          height:1275px;
          z-index:1000;
     }
     body.x___print-image.product-31.size-11oz::after{
          background:transparent url("/images/print-templates/ceramic-mugs-11-oz.jpg?v=3") top left no-repeat !important;;
          background-size:100% 100% !important;
          width:2475px; 
          height:1155px;
          display:block;
          left:0;
          position:absolute;

          top:0;
          opacity:0.6;
          

     }

     body.print-image.product-31 div#design{

          left:0;

          height:100%;
          margin:0 auto;
          right:0;
          top:0%;
          width:100%;


     }
     body.print-image.product-31 div#design {

          height:100%;

          width:100%;
     }


body.print-image.product-31 div#design div.back-design,
     body.print-image.product-31 div#design div.front-design{

          /* Leave some padding for the bleed */
          bottom:0;
          position: absolute;
          height:77%;
          left:59%;
          margin:0 auto;
          right:0;
          top:23%;
          width:75%;
          
          aspect-ratio:1;
          height:72.4%;
          height:66%;
          left:62%;
          width:auto;
     }
body.print-image.product-31 div#design div.back-design::after,
     body.print-image.product-31 div#design div.front-design::after{
          /* Center Line Guide */
          content:'';
          display:block;
          height:200%;
          border:1px solid red;
          position:absolute;
          top:-50%;
          left:0;
          width:50%;
          z-index:100;
          display:none;
}
     body.print-image.product-31 div#design div.back-design{
          bottom:0;
          left:-59%;
          left:-62%;
          position:absolute;
     }
     body.print-image.product-31 div#design img.subject{
          height:100%;
          position:absolute;
          margin:0 auto;
          object-position:center top;
          width:100%;
     }
     body.print-image.product-31 div.design div.profile-name img.name{
          visibility:hidden;
     }
     body.print-image.product-31 div#background-color{
          background-color:transparent;
     }
body.canvas div#canvas-image.product-31 img.product{
     display:none;
}
.order-image.product-31 div.product,
body.canvas div#canvas-image.product-31{
          background:transparent url('/images/product-31-mockup.jpg') top left;
     background-size:contain;
}
     body.print-image.product-31 .design .profile-image::before,
     .product-mockup.product-ceramic-mugs .profile-image::before{
           background-color: rgba(var(--mockup-color), 0.3);

          opacity:1;
     }
      body.print-image.product-31 .design .profile-name,
      .product-mockup.product-ceramic-mugs .profile-name{

           background-color: rgb(var(--mockup-color));
     }






     /* PRINT > CERAMIC MUGS */



     body.print-image.product-31 div#background-color{

     display:none;
     }
     body.print-image.product-31 div#print-guide::before{
       /* Use this layer to align the print placement with the mockup placement */

       background:transparent url('https://furfam.com/canvas/order-91-1728615273') center 60% no-repeat;




          background-size:120%;

          opacity:0;

     }
     body.print-image.product-31 div#print-guide{

       background:transparent url(/images/print-templates/ceramic-mugs.png) center center no-repeat;
          mix-blend-mode:multiply;
          opacity:0;
       top:-1%;
          z-index:1000;
     }

     body.print-image.product-31 div.design{
          aspect-ratio:1;
       display:block;


       left:8%;
       position:absolute;
       top:16%;
       width:25%;
     }
     body.print-image.product-31 div.design{
          aspect-ratio:1;
       display:block;




       left:6.5%;
       position:absolute;
       top:14%;
       width:28%;
     }
     body.print-image.product-31 div.design div.profile-image{
          height:100%;
          width:100%;
     }

     body.print-image.product-31 div.back-design{

          left:66%;
     }




     /* PRODUCT MOCKUP > CUSTOM WATERCOLOR PORTRAIT */

     section#order-page-2.product-custom-watercolor-portrait div.image.image-mockup div.design,
     section#order-page-2.product-custom-watercolor-portrait div.image.image-poster div.design{
          mix-blend-mode:multiply;


     }
     body.print-image.product-custom-watercolor-portrait div.profile-image,
     body.canvas div#canvas-image.product-custom-watercolor-portrait div.design span.profile-image,
     section#order-page-2.product-custom-watercolor-portrait div.image div.design div.custom-design,
     div.design-canvas.product-14 div.custom-design,
     section#order-page-2.product-custom-watercolor-portrait div.image.image-design-detail div.design div.custom-design{
          box-sizing:border-box;
          /* Position the custom design on the mockup */
          height:78%;
          left:22%;

          object-fit:contain;
          object-position:center center;


          opacity:1;
          position:absolute;


          top:10%;
          width:60%;
          z-index:1;
     }
     body.canvas div#canvas-image.product-custom-watercolor-portrait div.design span.profile-image img.subject{
          height:100%;
          margin-top:0;
     }
     body.canvas div#canvas-image.product-custom-watercolor-portrait div.design span.profile-name,
     body.canvas div#canvas-image.product-custom-watercolor-portrait div.design span.profile-image::before{
          display:none;
     }


     body.print-image.product-custom-watercolor-portrait div.profile-image img.subject,
     body.canvas div#canvas-image.product-custom-watercolor-portrait div.design span.profile-image img.subject,
     div.design-canvas.product-14 div.custom-design img.custom-design,


     section#order-page-2.product-custom-watercolor-portrait form#order-info div.image div.design div.custom-design img.custom-design{

          height:55%;
          left:0;
          margin:0 auto;
          object-fit:contain;

          object-position:center bottom;

          position:absolute;
          right:0;
          top:15%;
          width:70%;
     }
     body.print-image.product-custom-watercolor-portrait div.profile-name,

     body.canvas div#canvas-image.product-custom-watercolor-portrait div.design span.custom-design-name,
     div.design-canvas.product-14 div.custom-design-name,
     section#order-page-2.product-custom-watercolor-portrait div.image div.design div.custom-design-name{
          background:#333c !important;
          display:block;
          height:8%;
          left:0;
          margin:0 auto;
          position:absolute;

          right:0;
          top:72%;
          width:60%;
          z-index:10;
     }
     div.design-canvas.product-14 div.custom-design-name img.custom-design-name{

          visibility:hidden;

     }

     section#order-page-2.product-custom-watercolor-portrait div.image.image-design-detail div.design{

     }
     section#order-page-2.product-custom-watercolor-portrait div.image.image-design-detail div.design div.custom-design{
          left:0%;
          height:100%;

          top:0%;



          width:100%;
          
          height:120%;
          left:-10%;

          top:-15%;
          width:120%;
     }
     section#order-page-2.product-custom-watercolor-portrait div.image.image-design-detail div.design div.custom-design img{


     }


     section#order-page-2.product-custom-watercolor-portrait div.image.image-poster div.design div.custom-design{
          left:31%;
          height:58%;
          top:11%;

          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          width:43%;


     }

     div.design-canvas.product-14 div.color-mask,
     section#order-page-2.product-custom-watercolor-portrait div.image.image-mockup div.color-mask,
     section#order-page-2.product-custom-watercolor-portrait div.image.image-poster div.color-mask,
     section#order-page-2.product-custom-watercolor-portrait div.image.image-design-detail div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));

          background-size:100% auto;
          height:100%;
          left:0;     
          position:absolute;
          top:0;

          width:100%;
          z-index:0;

          mask-image: url('/images/product-custom-watercolor-portrait-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          opacity:1;

          transition:0.2s ease-out;
          width:100%;
     }
     section#order-page-2.product-custom-watercolor-portrait div.image.image-poster div.color-mask{
          mask-image: url('/images/products/product_14_poster_mask.png');


     }

     section#order-page-2.product-custom-watercolor-portrait div.image.image-design-detail div.color-mask{


          background:rgb(var(--product-color));
          mask:unset;

     }

     body.print-image.product-custom-watercolor-portrait div#background-color,
     body.canvas div#canvas-image.product-custom-watercolor-portrait div.product-color-mask{
          background:rgb(var(--product-color));     
     }
     section#order-page-2.product-custom-watercolor-portrait form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-custom-watercolor-portrait form#order-info.status-generating div#design-status-message > div.status-bar div.progress{

          animation: progressAnimation 60s linear;
     }


     
     body.X__print-image.product-custom-watercolor-portrait{

        transform-origin:left top !important; transform:scale(0.2); 
     }
     body.print-image.product-custom-watercolor-portrait div#design{
          left:0;
          height:100%;

          margin:0 auto;
          right:0;

          top:0%;


          width:100%;
     }
     body.print-image.product-custom-watercolor-portrait div.profile-image,

     body.print-image.product-custom-watercolor-portrait div#design {
          height:100%;

          left:0;


          position: relative;
          top:0;
          width:100%;
     }
     body.print-image.product-custom-watercolor-portrait div#design div.front-design{
          height:100%;
     }


     body.print-image.product-custom-watercolor-portrait div.design div.profile-name img.name{
          visibility:hidden;
     }
     body.print-image.product-custom-watercolor-portrait div.back-design{
          display:none;

     }

     /* PRODUCT MOCKUP > RETRO PORTRAIT */

     div.design-canvas.product-35 > div.custom-design img,
     section#order-page-2.product-35 form#order-info div.design > div.custom-design img{
          object-fit:cover;
     }

     section#order-page-2.product-35 form div.image div.design-canvas div.custom-design{
          background:var(--form-attention);
     }

     section#order-page-2.product-35 form div.image div.design-canvas div.custom-design::after{
          display:none;
     }
     section#order-page-2.product-35 form div.image.image-poster > img.poster,
     section#order-page-2.product-35 form div.image.image-canvas-with-black-frame > img.image-canvas-with-black-frame,
     section#order-page-2.product-35 form div.image.image-canvas-with-white-frame > img.image-canvas-with-white-frame,
     section#order-page-2.product-35 form div.image.image-canvas > img.canvas-sizes,
     section#order-page-2.product-35 form div.image.image-poster-sizes > img.poster-sizes{
          visibility:hidden;
     }
     section#order-page-2.product-29.template-blanket div.image.image-design-detail div.design div.custom-design{
          top:0;
          height:100%;
          width:100%;
     }
     div.design-canvas.product-35.template-portrait div.custom-design img.custom-design,
     section#order-page-2.product-35.template-portrait form#order-info div.image div.design.design-canvas > div.custom-design > img.custom-design{          
          top:0;
          object-fit:cover;
          transform:none;
          height:100%;
          width:100%;
     }
     div.design-canvas.product-35.template-portrait div.custom-design-name,
     section#order-page-2.product-35.template-portrait form#order-info div.image div.design.design-canvas > div.custom-design-name{
          visibility:hidden; 
     }
     section#order-page-2.product-35 form div.image.image-poster{
          background:transparent url("/images/products/product_35_poster.jpg?v=3") center center no-repeat;          
          background-size:cover;          
     } 
     section#order-page-2.product-35 form div.image.image-poster-sizes{
          background:transparent url("/images/products/product_35_poster_sizes.jpg?v=3") center center no-repeat;          
          background-size:cover;          
     } 
     section#order-page-2.product-35 form div.image.image-canvas{
          background:transparent url("/images/products/product_35_canvas_sizes.jpg?v=4") center center no-repeat;          
          background-size:cover;
     } 
     section#order-page-2.product-35 form div.image.image-canvas-with-white-frame{
          background:transparent url("/images/products/product_35_white_frame_sizes.jpg") center center no-repeat;          
          background-size:cover;
     } 
     section#order-page-2.product-35 form div.image.image-canvas-with-black-frame{
          background:transparent url("/images/products/product_35_black_frame_sizes.jpg") center center no-repeat;          

          background-size:cover;
     } 
     /* Cart Images */
     body.canvas.type-of-print-poster div#canvas-image.product-35 div.product-color-mask,
     .order-image.product-35.type-of-print-poster div.product{
          background:transparent url("/images/products/product_35_poster_cart.jpg?v=3") center center no-repeat;          
          background-size:cover;          
     } 
     body.canvas.type-of-print-canvas div#canvas-image.product-35 div.product-color-mask,
     .order-image.product-35.type-of-print-canvas div.product{
          background:transparent url("/images/products/product_35_canvas_cart.jpg?v=3") center center no-repeat;          
          background-size:cover;          
     } 
     body.canvas.type-of-print-canvas-with-white-frame div#canvas-image.product-35 div.product-color-mask,
     .order-image.product-35.type-of-print-canvas-with-white-frame div.product{
          background:transparent url("/images/products/product_35_white_frame_cart.jpg?v=3") center center no-repeat;          
          background-size:cover;          
     } 
     body.canvas.type-of-print-canvas-with-black-frame div#canvas-image.product-35 div.product-color-mask,
     .order-image.product-35.type-of-print-canvas-with-black-frame div.product{
          background:transparent url("/images/products/product_35_black_frame_cart.jpg?v=3") center center no-repeat;          
          background-size:cover;          
     } 
     body.canvas div#canvas-image.product-35 div.product-color-mask{
          mask:unset !important;
     }
     

/* PRODUCT MOCKUP > RETRO POSTER PORTRAIT */

section#order-page-2.template-portrait.product-35 div.image.image-mockup{
     background:transparent url("/images/products/product_35_mockup.jpg?v=1") top left no-repeat;
     background-size:contain;
}
a.product-link.product-35 div.design-canvas,
section#order-page-2.template-portrait.product-35 div.image.image-mockup div.design-canvas{

     mix-blend-mode:normal;
     mask:none;
}
section#order-page-2.template-portrait.product-35 div.image.image-mockup > img.mockup{

     visibility:hidden;
}
section#order-page-2.template-portrait.product-35 div.image.image-mockup div.design-canvas div.custom-design{
     aspect-ratio:0.818;
     box-shadow:-2px 2px 2px 0px #888a, -3px 3px 3px 0px #5553;
          left:38%;
          height:26%;
          top:30%;
          transform:perspective(1200px) rotateY(15deg) rotateX(0deg) rotateZ(0deg);
          transform:perspective(150cqw) rotateY(15deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:normal;
          width:auto;
     overflow:hidden !important;
  image-rendering:crisp-edges; 
 -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
section#order-page-2.template-portrait div#product-image-gallery.size-9x11 div.carousel-cell div.image.image-mockup div.dimensions span.height:before{
     content:'11"'; right:30%; top:40%;
}
section#order-page-2.template-portrait div#product-image-gallery.size-9x11 div.carousel-cell div.image.image-mockup div.dimensions span.width:before{
     content:'9"'; right:49%; top:62%;
}

section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-12x16 div.image.image-mockup div.design div.custom-design{
     aspect-ratio:0.75;
     height:38%;
     left:37%;
     top:18%;
}
section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-18x24 div.image.image-mockup div.design div.custom-design{
     aspect-ratio:0.75;
     height:57%;
     left:29%;
     top:5%;
}
section#order-page-2.product-35 div#product-image-gallery.size-9x11 div.image div.color-title::after {
     content:'9" x 11"'
}
section#order-page-2.product-35 div#product-image-gallery.size-12x16 div.image div.color-title::after {
     content:'12" x 16"'
}
section#order-page-2.product-35 div#product-image-gallery.size-18x24 div.image div.color-title::after {
     content:'18" x 24"'
}
/* Design View */
section#order-page-2.template-portrait div.image.image-design-view div.design-canvas{
     mask:unset;
     transform:none;
}
section#order-page-2.template-portrait div.image.image-design-view div.design-canvas div.custom-design{
     aspect-ratio:0.8181;
     transform:none;
     height:96%;
     left:0;
     margin:0 auto;
     right:0;
     top:2%;
     width:auto;
}
section#order-page-2.template-portrait div#product-image-gallery.size-8x10 div.image.image-design-view div.design-canvas div.custom-design{
aspect-ratio:0.8;
}
section#order-page-2.template-portrait div#product-image-gallery.size-12x16 div.image.image-design-view div.design-canvas div.custom-design,
section#order-page-2.template-portrait div#product-image-gallery.size-18x24 div.image.image-design-view div.design-canvas div.custom-design{
aspect-ratio:0.75;
}
section#order-page-2.template-portrait div.image.image-design-view.zoom-detail div.design-canvas div.custom-design{
transform:scale(2);
}
section#order-page-2.template-portrait div.image.image-design-view.zoom-detail div.color-title::after{
     content:'Detailed View' !important;
}
/* Three Frame Sizes */
section#order-page-2.template-portrait.product-35 div.image.image-size-poster{
background:transparent url("/images/products/product_25_black_frame_sizes.jpg?v=99") top left no-repeat;
          background-size:cover;
}
section#order-page-2.template-portrait.product-35 div.image.image-poster-sizes div.design-canvas{
          mask-image: url('/images/products/product_39_sizes_mask.png') ;
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}
section#order-page-2.template-portrait.product-35 div.image.image-poster-sizes div.design-canvas div.custom-design{

          aspect-ratio:0.77;
          left:11.5%;
          height:40.5%;
          top:5.5%;
          transform:perspective(90cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:auto;
}
section#order-page-2.template-portrait.product-35 div#product-image-gallery div.carousel-cell div.image.image-poster-sizes div.dimensions span.width:before{
     content:'9x11"'; right:64%; top:84%;
}
section#order-page-2.template-portrait.product-35 div#product-image-gallery div.carousel-cell div.image.image-poster-sizes div.dimensions span.height:before{
     content:'12x16"'; right:67%; top:47%;
}
section#order-page-2.template-portrait.product-35 div#product-image-gallery div.carousel-cell div.image.image-poster-sizes div.dimensions span.depth:before{
     content:'18x24"'; right:25%; top:68%;
}

/* Detailed View with Dynamic Sizes */
     section#order-page-2.template-portrait.product-35 div.image.image-design-detail{
          background:transparent url('/images/products/product_35_detail.jpg?v=5') center center no-repeat;
          background-size:contain;          
}
section#order-page-2.template-portrait.product-35 div.image.image-design-detail div.design-canvas{
     position:relative;
     mask:unset;
z-index:10;
}
section#order-page-2.product-35 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions {
background:repeating-linear-gradient(
    to right,       /* Direction from left to right */
    #ccc3,           /* Color of the line */
    #ccc3 2px,       /* Line thickness of 1px */
    #fff0 1px,       /* Color of the gap (background) */
    #fff0 6.4%      /* Gap width of 49px (50px - 1px) */
  );
     height:100%;
     left:0;
     position:absolute;

     top:0;
     width:100%;
     z-index:0;
}
section#order-page-2.product-35 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions {
background:repeating-linear-gradient(
    to right,       /* Direction from left to right */
    #ccc3,           /* Color of the line */
    #ccc3 2px,       /* Line thickness of 1px */
    #fff0 1px,       /* Color of the gap (background) */
    #fff0 4.4%      /* Gap width of 49px (50px - 1px) */
  );
}
section#order-page-2.product-35 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions {
background:repeating-linear-gradient(
    to right,       /* Direction from left to right */
    #ccc3,           /* Color of the line */
    #ccc3 2px,       /* Line thickness of 1px */
    #fff0 1px,       /* Color of the gap (background) */
    #fff0 3%      /* Gap width of 49px (50px - 1px) */
  );
}
section#order-page-2.product-35 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.height::before,
section#order-page-2.product-35 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     color:#fff;
     content:'11"';
     white-space:preserve;
     display:block;
     font-size: clamp(19px, 2.5cqi, 21px);
     font-weight:bold;
     position:absolute;
     right:13%;
     text-align:center;
     top:45%;
     visibility:visible;
}
section#order-page-2.product-35 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.depth{
     display:none;
}
section#order-page-2.product-35 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'9"';
     right:48%;
     top:90%;
}
section#order-page-2.product-35 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'16" ';
     right:11%;
}
section#order-page-2.product-35 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'12"';
     right:45%;
}
section#order-page-2.product-35 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'24" ';
     right:12%;
}
section#order-page-2.product-35 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'18"';
     right:45%;
     top:90%;
}
     section#order-page-2.template-portrait.product-35 div.image.image-design-detail > img.design-detail{
          visibility:hidden;
}
.order-image.product-35 div.design-canvas,
     section#order-page-2.template-portrait.product-35 div.image.image-design-detail div.design-canvas{
          mix-blend-mode:normal;
          perspective: 110cqw;
          mask:unset;
          z-index:10;
     }
a.product-link.product-35 div.design-canvas div.custom-design,
.order-image.product-35 div.design-canvas div.custom-design,

section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-9x11 div.image.image-design-detail div.design-canvas div.custom-design ,
section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.81818;
     box-shadow:-2px 2px 2px 0px #5554;
  height: 75%;
  left: 20%;
     overflow:hidden;
  right: auto;
  top: 10%;
          transform:perspective(10000px) rotateY(20deg) rotateX(0deg) rotateZ(0deg);
  width:auto;
}
.order-image.product-35.size-12x16 div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.75;
  height: 76%;
  left: 23%;
  top: 12%;
          transform:perspective(10000px) rotateY(20deg) rotateX(0deg) rotateZ(0deg);
}
.order-image.product-35.size-18x24 div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-35 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.75;
  height: 76%;
  left: 23%;
  top: 12%;
          transform:perspective(1000px) rotateY(20deg) rotateX(0deg) rotateZ(0deg);
}
/* CANVAS */
body.canvas div#canvas-image.product-35 div.product-color-mask,
body.canvas div#canvas-image.product-35 img.product{
     display:none;
}
body.X___print-image.product-35{
     transform:scale(0.2);
     transform-origin:left top;
}
     body.print-image.product-35 div#design div.custom-design,
     body.print-image.product-35 div#design div.design,
     body.print-image.product-35 div#design,
     body.print-image.product-25 div#design div.custom-design,
     body.print-image.product-25 div#design div.design,
     body.print-image.product-25 div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;
          margin:0 auto;
          mask:unset;
          right:0;
          transform:unset;
          mix-blend-mode:normal;
          top:0%;
          width:100%;



     }
body.print-image.product-35 div#background-color{
     display:none;          

}


     /* PRODUCT MOCKUP > STUDIO CANVAS PORTRAIT */

     section#order-page-2.template-portrait.product-37 div.image.image-mockup div.design-canvas{
          mix-blend-mode:normal;          
          transform:none;
          mask:unset;
          opacity:0.9;
     }
     section#order-page-2.template-portrait.product-37 div.image.image-mockup div.design-canvas div.custom-design{
          aspect-ratio:0.8;
          box-shadow:-15px 0px 4px 8px #5552, -10px 0px 4px 4px #2222, -2px 0px 2px 2px #2225,
                -8px 8px 2px 2px #3333,
                2px -2px 5px 5px #eee2;
          left:42%;
          height:23%;
          top:34%;
          transform:none;
          transform:scale(1);
          mix-blend-mode:normal;
          width:auto;
     }
     section#order-page-2.template-portrait.product-37 div.image.image-mockup > img.mockup{
          transition:0.5s all;
     }
     section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-8x10 div.image.image-mockup > img.mockup,
     section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-8x10 div.image.image-mockup div.design-canvas div.custom-design{
          transform:scale(1.6);
          transform-origin:bottom center;
}
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image div.dimensions {
     height:100%;
     left:0;
     position:absolute;
     top:0;
     width:100%;
     z-index:100;
}
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image div.dimensions span.height::before,
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image div.dimensions span.width::before,
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image div.dimensions span.depth::before{
     text-shadow:0 0 5px #0007;
     color:#fff;
     content:'';
     display:block;
     font-size: clamp(19px, 2.5cqi, 21px);
     font-weight:bold;
     position:absolute;
     right:5%;
     top:47%;
     visibility:visible;
}
section#order-page-2.template-portrait div#product-image-gallery.size-8x10 div.carousel-cell div.image.image-mockup div.dimensions span.height:before{
     content:'10"'; right:22%; top:35%;
}
section#order-page-2.template-portrait div#product-image-gallery.size-8x10 div.carousel-cell div.image.image-mockup div.dimensions span.width:before{
     content:'8"'; right:47%; top:62%;
}
     section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-mockup > img.mockup,
     section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas div.custom-design{
          transform:scale(1.3);
          transform-origin:bottom center;
}
     section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas div.custom-design{
          aspect-ratio:0.75;
          left:36%;
          height:37%;
          top:22%;
}
section#order-page-2.template-portrait div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-mockup div.dimensions span.height:before{
     content:'16"'; right:22%; top:31%;
}
section#order-page-2.template-portrait div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-mockup div.dimensions span.width:before{
     content:'12"'; right:47%; top:62%;
}

section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-18x24 div.image.image-mockup div.design-canvas div.custom-design{
          aspect-ratio:0.75;
          left:29%;
          height:55%;
          top:7%;
     }
section#order-page-2.template-portrait div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-mockup div.dimensions span.height:before{
     content:'24"'; right:18%; top:31%;
}
section#order-page-2.template-portrait div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-mockup div.dimensions span.width:before{
     content:'18"'; right:47%; top:67%;
}
section#order-page-2.product-37 div#product-image-gallery div.image div.color-title::after {
     content:'8" x 10"'
}
section#order-page-2.product-37 div#product-image-gallery.size-12x16 div.image div.color-title::after {
     content:'12" x 16"'
}
section#order-page-2.product-37 div#product-image-gallery.size-18x24 div.image div.color-title::after {
     content:'18" x 24"'
}
/* Detailed View with Dynamic Sizes */
a.product-link.product-37,
.order-image.product-37 div.product,
     section#order-page-2.template-portrait.product-37 div.image.image-design-detail{
          background:transparent url('/images/products/product_37_detail_8x10.jpg?v=4') center center no-repeat;
          background-size:contain;
}
a.product-link.product-37{
     background-position:center top;
}

.order-image.product-37.size-12x16 div.product,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-design-detail{
          background:transparent url('/images/products/product_37_detail_12x16.jpg') center center no-repeat;
          background-size:contain;
}
.order-image.product-37.size-18x24 div.product,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-18x24 div.image.image-design-detail{
          background:transparent url('/images/products/product_37_detail_18x24.jpg') center center no-repeat;
          background-size:contain;
}
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.depth::before{
     content:'1.25" Thick';
     color:#555;
     margin:0 auto;
     right:38%;
     text-shadow:none;
     top:3%;
     text-align:center;
     z-index:10;
}
section#order-page-2.product-37 div#product-image-gallery.size-8x10 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'10"';
     right:11%;
}
section#order-page-2.product-37 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'8"';
     right:40%;
     top:92%;
}
section#order-page-2.product-37 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'16"';
     right:15%;
}
section#order-page-2.product-37 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'12"';
     right:45%;
}
section#order-page-2.product-37 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'24"';
     right:15%;
}
section#order-page-2.product-37 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'18"';
     right:45%;
}
     section#order-page-2.template-portrait.product-37 div.image.image-design-detail > img.design-detail{
          visibility:hidden;
}
.order-image.product-37 div.design-canvas,
     section#order-page-2.template-portrait.product-37 div.image.image-design-detail div.design-canvas{
          mix-blend-mode:multiply;
          mask:unset;
          mask-image: url('/images/products/product_37_detail_8x10_mask.png?v=7');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          perspective: 120cqw;
          perspective: 800px;
     }
.order-image.product-37.size-12x16 div.design-canvas,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas{
          mask-image: url('/images/products/product_37_detail_12x16_mask.png?v=2');
}
.order-image.product-37.size-18x24 div.design-canvas,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas{
          mask-image: url('/images/products/product_37_detail_18x24_mask.png?v=3');
}
.order-image.product-37.size-8x10 div.custom-design,
.order-image.product-37 div.custom-design,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-8x10 div.image.image-design-detail div.design-canvas div.custom-design ,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.8;
  height: 81%;
  left: 21.5%;
  right: auto;
  top: 10%;
          transform:rotateY(22deg) rotateX(0deg) rotateZ(0deg);

  width:auto;
}
.order-image.product-37.size-12x16 div.custom-design,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.72;
  height: 81%;
  left: 20%;
  top: 10%;
}
.order-image.product-37.size-18x24 div.custom-design,
section#order-page-2.template-portrait.product-37 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.74;
  height: 81%;
  left: 20%;
  top: 10%;
}
/* Canvas Sizes */
section#order-page-2.template-portrait.product-37 div.image.canvas-sizes.image-canvas div.design-canvas {
  mask-image: url('/images/products/product_37_sizes_mask.png?v=3');
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center center;
}
section#order-page-2.template-portrait div.image.canvas-sizes.image-canvas div.design-canvas.copy-1 div.custom-design {
  aspect-ratio: 0.75;
  left: 11.5%;
  height: 41%;
  top: 6%;
  transform: perspective(90cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
  mix-blend-mode: multiply;
  width: auto;
}
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image.canvas-sizes div.dimensions span.width:before{
     content:'8x10"'; right:62%; top:83%;
}
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image.canvas-sizes div.dimensions span.height:before{
     content:'12x16"'; right:67%; top:48%;
}
section#order-page-2.template-portrait div#product-image-gallery div.carousel-cell div.image.canvas-sizes div.dimensions span.depth:before{
     content:'18x24"'; right:25%; top:67%;
}

/* CANVAS */
body.canvas div#canvas-image.product-37 img.product{
     display:none;
}





/* PRODUCT MOCKUP > STUDIO FRAMED PORTRAIT */

     section#order-page-2.template-portrait.product-38 div.image.image-mockup{
background:transparent url("/images/products/product_25_black_frame.jpg") top left no-repeat;
          background-size:cover;
}
section#order-page-2.template-portrait.product-38 form.frame-color-521 div.image.image-mockup{
background:transparent url("/images/products/product_25_white_frame.jpg") top left no-repeat;
          background-size:cover;
}

section#order-page-2.template-portrait.product-38 div.image.image-mockup > img.mockup{
}
section#order-page-2.template-portrait.product-38 div.image.image-mockup div.design-canvas{
          mix-blend-mode:normal;
     }
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.image.image-design-view div.color-title::after,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.image.image-mockup div.color-title::after{
     content:'8x10" Canvas';
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-design-view div.color-title::after,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-mockup div.color-title::after{
     content:'12x16" Canvas';
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-design-view div.color-title::after,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-mockup div.color-title::after{
     content:'18x24" Canvas';
}

section#order-page-2.template-portrait.product-38 div.image.image-mockup div.design-canvas{
     background:#000 url("/images/products/product_38_8x10_black.jpg?v=2") top left no-repeat;
     background-size:contain;
          left:27.5%;
          height:69%;
          top:7%;
          mix-blend-mode:normal;
          width:51%;
     opacity:0.9;
     padding:5%;
     transition:0.3s all;
}
section#order-page-2.template-portrait.product-38 form.frame-color-521 div.image.image-mockup div.design-canvas{
     background:#dfdfdf url("/images/products/product_38_8x10_white.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 form.frame-color-536 div.image.image-mockup div.design-canvas{
     background:#e2d1b7 url("/images/products/product_38_8x10_natural.jpg?v=6") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.carousel-cell div.image.image-mockup div.dimensions span.width::before {
     content:'10"'
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.carousel-cell div.image.image-mockup div.dimensions span.height::before {
     content:'12"'
}
section#order-page-2.template-portrait.product-38 form div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas{
     background:#000 url("/images/products/product_38_12x16_black.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 form.frame-color-521 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas{
     background:#dfdfdf url("/images/products/product_38_12x16_white.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 form.frame-color-536 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas{
     background:#e2d1b7 url("/images/products/product_38_12x16_natural.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-mockup div.dimensions span.width::before {
     content:'14"'
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-mockup div.dimensions span.height::before {
     content:'18"'
}

section#order-page-2.template-portrait.product-38 form div#product-image-gallery.size-18x24 div.image.image-mockup div.design-canvas{
     background:#000 url("/images/products/product_38_18x24_black.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 form.frame-color-521 div#product-image-gallery.size-18x24 div.image.image-mockup div.design-canvas{
     background:#dfdfdf url("/images/products/product_38_18x24_white.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 form.frame-color-536 div#product-image-gallery.size-18x24 div.image.image-mockup div.design-canvas{
     background:#e2d1b7 url("/images/products/product_38_18x24_natural.jpg?v=2") top left no-repeat;
     background-size:contain;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-mockup div.dimensions span.width::before {
     content:'20"'
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-mockup div.dimensions span.height::before {

     content:'26"'
}

section#order-page-2.template-portrait.product-38 div#product-image-gallery div.image.image-mockup div.design-canvas{
          aspect-ratio:0.833;
          box-shadow:-15px 0px 4px 8px #5552, -10px 0px 4px 4px #2222, -2px 0px 2px 2px #0001,
                -8px 8px 2px 2px #3331,
                2px -2px 5px 5px #eee2;
          left:39%;
          height:27.6%;
          top:32%;
          transform:none;
          mix-blend-mode:normal;
          mask:unset;
          transform:none;
          width:auto;
     }
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas{
          aspect-ratio:0.778;
          left:32%;
          height:41%;

          top:18%;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-mockup div.design-canvas{
          aspect-ratio:0.77;
          left:25%;
          height:59%;
          top:4%;
}
     section#order-page-2.template-portrait.product-38 div.image.image-mockup div.design-canvas div.custom-design{
          height:84%;
          left:0;

          margin:0 auto;
          mask:unset;
          mix-blend-mode:normal;
          right:0;
          top:8%;
          transform:none;
          width:81%;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas div.custom-design{
     height:90%;
     top:5%;
     width:86%;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-mockup div.design-canvas div.custom-design{
     height:93%;
     top:3.2%;
     width:91.5%;
}
section#order-page-2.template-portrait.product-38 div.image.image-mockup > img.mockup{
          transition:0.5s all;
     }
     section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.image.image-mockup > img.mockup,
     section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.image.image-mockup div.design-canvas{
          transform:scale(1.6);
          transform-origin:bottom center;
}
     section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-mockup > img.mockup,
     section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-mockup div.design-canvas{
          transform:scale(1.3);
          transform-origin:bottom center;
}



/* Three Frame Sizes */
section#order-page-2.template-portrait.product-38 div.image.image-canvas-with-black-frame{
background:transparent url("/images/products/product_25_black_frame_sizes.jpg?v=99") top left no-repeat;
          background-size:cover;
}
section#order-page-2.template-portrait.product-38 form.frame-color-521 div.image.image-canvas-with-black-frame{
background:transparent url("/images/products/product_25_white_frame_sizes.jpg?v=99") top left no-repeat;
          background-size:cover;
}
section#order-page-2.template-portrait.product-38 form.frame-color-536 div.image.image-canvas-with-black-frame{
background:transparent url("/images/products/product_25_natural_frame_sizes.jpg?v=1") top left no-repeat;
          background-size:cover;
}
section#order-page-2.template-portrait.product-38 div.image.image-canvas-with-black-frame > img{
visibility:hidden;
}
section#order-page-2.template-portrait.product-38 form.frame-color-536 div.image.image-canvas-with-black-frame div.design-canvas,
section#order-page-2.template-portrait.product-38 form.frame-color-521 div.image.image-canvas-with-black-frame div.design-canvas{
          mask-image: url('/images/products/product_25_white_frame_sizes_mask.png?v=3') ;
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery div.carousel-cell div.image.canvas-sizes div.dimensions span.width:before{
     content:'10x12" Frame'; right:55%;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery div.carousel-cell div.image.canvas-sizes div.dimensions span.height:before{
     content:'14x18" Frame'; right:61%; top:51%;
}
section#order-page-2.template-portrait.product-38 div#product-image-gallery div.carousel-cell div.image.canvas-sizes div.dimensions span.depth:before{
     content:'20x26" Frame'; right:20%; top:67%;
}

/* Detailed View with Dynamic Sizes */
a.product-link.product-38,
.order-image.product-38.size-8x10 div.product,
     section#order-page-2.template-portrait.product-38 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_8x10.jpg?v=4') center center no-repeat;
          background-size:contain;
}
a.product-link.product-38{
     background-position:center top;
}
.order-image.product-38.size-8x10.frame-color-white div.product,
section#order-page-2.template-portrait.product-38 form.frame-color-521 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_8x10_white.jpg?v=4') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-8x10.frame-color-natural div.product,
section#order-page-2.template-portrait.product-38 form.frame-color-536 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_8x10_natural.jpg?v=4') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-12x16 div.product,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_12x16.jpg') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-12x16.frame-color-white div.product,
section#order-page-2.template-portrait.product-38 form.frame-color-521 div#product-image-gallery.size-12x16 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_12x16_white.jpg') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-12x16.frame-color-natural div.product,
section#order-page-2.template-portrait.product-38 form.frame-color-536 div#product-image-gallery.size-12x16 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_12x16_natural.jpg') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-18x24 div.product,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_18x24.jpg') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-18x24.frame-color-white div.product,
section#order-page-2.template-portrait.product-38 form.frame-color-521 div#product-image-gallery.size-18x24 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_18x24_white.jpg') center center no-repeat;
          background-size:contain;
}
.order-image.product-38.size-18x24.frame-color-natural div.product,
section#order-page-2.template-portrait.product-38 form.frame-color-536 div#product-image-gallery.size-18x24 div.image.image-design-detail{
          background:transparent url('/images/products/product_38_detail_18x24_natural.jpg?v=3') center center no-repeat;
          background-size:contain;
}

section#order-page-2.product-38 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions {
     height:100%;
     left:0;
     position:absolute;
     top:0;
     width:100%;
     z-index:100;
}
section#order-page-2.product-38 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.height::before,
section#order-page-2.product-38 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width::before,
section#order-page-2.product-38 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.depth::before{
     color:#fff;
     content:'12"\ATall ';
     white-space:preserve;
     display:block;
     font-size: clamp(19px, 2.5cqi, 21px);
     font-weight:bold;
     position:absolute;
     right:9%;
     text-align:center;
     top:35%;
     visibility:visible;
}
section#order-page-2.product-38 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.depth::before{
     content:'1.75" Deep Frame';
     color:#555;
     margin:0 auto;
     left:30%;
     right:auto;
     top:1%;
     text-align:center;
     transform-origin:left bottom; 
     z-index:10;
}
section#order-page-2.product-38 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'10" Wide';
     right:45%;
     top:93%;
}
section#order-page-2.product-38 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'18"\ATall ';
     right:11%;
}
section#order-page-2.product-38 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'14" Wide';
     right:45%;
}

section#order-page-2.product-38 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'26"\ATall ';
}
section#order-page-2.product-38 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'20" Wide';
     right:42%;
     top:94%;
}
     section#order-page-2.template-portrait.product-38 div.image.image-design-detail > img.design-detail{
          visibility:hidden;
}
.order-image.product-38 div.design-canvas,
.order-image.product-38.size-8x10 div.design-canvas,
     section#order-page-2.template-portrait.product-38 div.image.image-design-detail div.design-canvas{
          mask:unset;
          mask-image: url('/images/products/product_38_detail_8x10_mask.png?v=10');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          perspective: 120cqw;
     }
.order-image.product-38.size-12x16 div.design-canvas,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas{
          mask-image: url('/images/products/product_38_detail_12x16_mask.png?v=4');
}
.order-image.product-38.size-18x24 div.design-canvas,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas{
          mask-image: url('/images/products/product_38_detail_18x24_mask.png?v=4');
}
.order-image.product-38.size-8x10 div.custom-design,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-8x10 div.image.image-design-detail div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.8;
  height: 72%;
  left: 22%;
  right: auto;
  top: 14%;
          transform:rotateY(22deg) rotateX(0deg) rotateZ(0deg);
  width:auto;
}
.order-image.product-38.size-12x16 div.custom-design,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.73;
  height: 78%;
  left: 23%;
  top: 11%;
}
.order-image.product-38.size-18x24 div.custom-design,
section#order-page-2.template-portrait.product-38 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.7;
  height: 84%;
  left: 21%;
  top: 8%;
}
/* CANVAS */
body.canvas div#canvas-image.product-38 img.product{
     display:none;
}
body.canvas div#canvas-image.product-38 div.product-color-mask,
body.canvas div#canvas-image.product-38 img.product{
     display:none;
}
body.x___print-image.product-38{
     transform:scale(0.2);
     transform-origin:left top;
}
     body.print-image.product-37 div#design div.custom-design,
     body.print-image.product-37 div#design div.design,
     body.print-image.product-37 div#design,
     body.print-image.product-38 div#design div.custom-design,
     body.print-image.product-38 div#design div.design,
     body.print-image.product-38 div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;
          margin:0 auto;
          mask:unset;
          right:0;
          transform:unset;
          mix-blend-mode:normal;
          top:0%;
          width:100%;



     }
body.print-image.product-37 div#background-color,
body.print-image.product-38 div#background-color{
     display:none;          

}




/* PRODUCT MOCKUP > STUDIO POSTER PORTRAIT */

section#order-page-2.template-portrait.product-39 div.image.image-mockup{
     background:transparent url("/images/products/product_39_mockup.jpg?v=1") top left no-repeat;
     background-size:contain;
}
a.product-link.product-39 div.design-canvas,
section#order-page-2.template-portrait.product-39 div.image.image-mockup div.design-canvas{
     mix-blend-mode:normal;
     mask:none;
     opacity:0.9;
}
section#order-page-2.template-portrait.product-39 div.image.image-mockup > img.mockup{
     visibility:hidden;
}
section#order-page-2.template-portrait.product-39 div.image.image-mockup div.design-canvas div.custom-design{
     aspect-ratio:0.818;
     box-shadow:-2px 2px 2px 0px #888a, -3px 3px 3px 0px #5553;
          left:38%;
          height:26%;
          top:30%;
          transform:perspective(1200px) rotateY(15deg) rotateX(0deg) rotateZ(0deg);
          transform:perspective(150cqw) rotateY(15deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:normal;
          width:auto;
     overflow:hidden !important;
  image-rendering:crisp-edges; 
 -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
section#order-page-2.template-portrait div#product-image-gallery.size-9x11 div.carousel-cell div.image.image-mockup div.dimensions span.height:before{
     content:'11"'; right:30%; top:40%;
}
section#order-page-2.template-portrait div#product-image-gallery.size-9x11 div.carousel-cell div.image.image-mockup div.dimensions span.width:before{
     content:'9"'; right:49%; top:62%;

}

section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-12x16 div.image.image-mockup div.design div.custom-design{
     aspect-ratio:0.75;
     height:38%;
     left:37%;
     top:18%;
}
section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-18x24 div.image.image-mockup div.design div.custom-design{
     aspect-ratio:0.75;
     height:57%;
     left:29%;
     top:5%;
}
section#order-page-2.product-39 div#product-image-gallery.size-9x11 div.image div.color-title::after {
     content:'9" x 11"'
}
section#order-page-2.product-39 div#product-image-gallery.size-12x16 div.image div.color-title::after {
     content:'12" x 16"'
}
section#order-page-2.product-39 div#product-image-gallery.size-18x24 div.image div.color-title::after {
     content:'18" x 24"'
}
/* Design View */
section#order-page-2.template-portrait div.image.image-design-view div.design-canvas{
     mask:unset;
     transform:none;
}
section#order-page-2.template-portrait div.image.image-design-view div.design-canvas div.custom-design{
     aspect-ratio:0.8181;
     transform:none;
     height:96%;
     left:0;
     margin:0 auto;
     right:0;
     top:2%;
     width:auto;
}
section#order-page-2.template-portrait div#product-image-gallery.size-8x10 div.image.image-design-view div.design-canvas div.custom-design{

aspect-ratio:0.8;
}
section#order-page-2.template-portrait div#product-image-gallery.size-12x16 div.image.image-design-view div.design-canvas div.custom-design,
section#order-page-2.template-portrait div#product-image-gallery.size-18x24 div.image.image-design-view div.design-canvas div.custom-design{
aspect-ratio:0.75;
}
section#order-page-2.template-portrait div.image.image-design-view.zoom-detail div.design-canvas div.custom-design{
transform:scale(2);
}
section#order-page-2.template-portrait div.image.image-design-view.zoom-detail div.color-title::after{
     content:'Detailed View' !important;
}
/* Three Frame Sizes */
section#order-page-2.template-portrait.product-39 div.image.image-size-poster{
background:transparent url("/images/products/product_25_black_frame_sizes.jpg?v=99") top left no-repeat;
          background-size:cover;
}
section#order-page-2.template-portrait.product-39 div.image.image-poster-sizes div.design-canvas{
          mask-image: url('/images/products/product_39_sizes_mask.png') ;
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}
section#order-page-2.template-portrait.product-39 div.image.image-poster-sizes div.design-canvas div.custom-design{
          aspect-ratio:0.77;
          left:11.5%;
          height:40.5%;
          top:5.5%;
          transform:perspective(90cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:auto;
}
section#order-page-2.template-portrait.product-39 div#product-image-gallery div.carousel-cell div.image.image-poster-sizes div.dimensions span.width:before{
     content:'9x11"'; right:64%; top:84%;
}
section#order-page-2.template-portrait.product-39 div#product-image-gallery div.carousel-cell div.image.image-poster-sizes div.dimensions span.height:before{
     content:'12x16"'; right:67%; top:47%;
}
section#order-page-2.template-portrait.product-39 div#product-image-gallery div.carousel-cell div.image.image-poster-sizes div.dimensions span.depth:before{
     content:'18x24"'; right:25%; top:68%;
}

/* Detailed View with Dynamic Sizes */
     section#order-page-2.template-portrait.product-39 div.image.image-design-detail{
          background:transparent url('/images/products/product_39_detail.jpg?v=4') center center no-repeat;
          background-size:contain;          
}
section#order-page-2.template-portrait.product-39 div.image.image-design-detail div.design-canvas{
     position:relative;
     mask:unset;
z-index:10;
}
section#order-page-2.product-39 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions {
background:repeating-linear-gradient(
    to right,       /* Direction from left to right */
    #ccc3,           /* Color of the line */
    #ccc3 2px,       /* Line thickness of 1px */
    #fff0 1px,       /* Color of the gap (background) */
    #fff0 6.4%      /* Gap width of 49px (50px - 1px) */
  );
     height:100%;
     left:0;
     position:absolute;
     top:0;
     width:100%;
     z-index:0;
}
section#order-page-2.product-39 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions {
background:repeating-linear-gradient(
    to right,       /* Direction from left to right */
    #ccc3,           /* Color of the line */
    #ccc3 2px,       /* Line thickness of 1px */
    #fff0 1px,       /* Color of the gap (background) */
    #fff0 4.4%      /* Gap width of 49px (50px - 1px) */
  );
}
section#order-page-2.product-39 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions {
background:repeating-linear-gradient(
    to right,       /* Direction from left to right */
    #ccc3,           /* Color of the line */
    #ccc3 2px,       /* Line thickness of 1px */
    #fff0 1px,       /* Color of the gap (background) */
    #fff0 3%      /* Gap width of 49px (50px - 1px) */
  );
}
section#order-page-2.product-39 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.height::before,
section#order-page-2.product-39 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width::before{
     color:#fff;
     content:'11"';
     white-space:preserve;
     display:block;
     font-size: clamp(19px, 2.5cqi, 21px);
     font-weight:bold;
     position:absolute;
     right:13%;
     text-align:center;
     top:45%;
     visibility:visible;
}
section#order-page-2.product-39 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.depth{
     display:none;
}
section#order-page-2.product-39 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'9"';
     right:48%;
     top:90%;
}
section#order-page-2.product-39 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'16" ';
     right:11%;
}
section#order-page-2.product-39 div#product-image-gallery.size-12x16 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'12"';
     right:45%;
}
section#order-page-2.product-39 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.height:before{
     content:'24" ';
     right:12%;
}
section#order-page-2.product-39 div#product-image-gallery.size-18x24 div.carousel-cell div.image.image-design-detail div.dimensions span.width:before{
     content:'18"';
     right:45%;
     top:90%;
}
     section#order-page-2.template-portrait.product-39 div.image.image-design-detail > img.design-detail{
          visibility:hidden;
}
.order-image.product-39 div.design-canvas,
     section#order-page-2.template-portrait.product-39 div.image.image-design-detail div.design-canvas{
          mix-blend-mode:normal;
          perspective: 110cqw;
          mask:unset;
          z-index:10;
     }
a.product-link.product-39 div.design-canvas div.custom-design,
.order-image.product-39 div.design-canvas div.custom-design,

section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-9x11 div.image.image-design-detail div.design-canvas div.custom-design ,
section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.81818;
     box-shadow:-2px 2px 2px 0px #5554;
  height: 75%;
  left: 20%;
     overflow:hidden;
  right: auto;
  top: 10%;
          transform:perspective(10000px) rotateY(20deg) rotateX(0deg) rotateZ(0deg);

  width:auto;
}
.order-image.product-39.size-12x16 div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-12x16 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.75;
  height: 76%;
  left: 23%;
  top: 12%;
          transform:perspective(10000px) rotateY(20deg) rotateX(0deg) rotateZ(0deg);
}
.order-image.product-39.size-18x24 div.design-canvas div.custom-design,
section#order-page-2.template-portrait.product-39 div#product-image-gallery.size-18x24 div.image.image-design-detail div.design-canvas div.custom-design{
aspect-ratio:0.75;
  height: 76%;
  left: 23%;
  top: 12%;
          transform:perspective(1000px) rotateY(20deg) rotateX(0deg) rotateZ(0deg);
}
/* CANVAS */
body.canvas div#canvas-image.product-39 img.product{
     display:none;
}
body.X___print-image.product-39{
     transform:scale(0.2);
     transform-origin:left top;
}
     body.print-image.product-39 div#design div.custom-design,
     body.print-image.product-39 div#design div.design,
     body.print-image.product-39 div#design,
     body.print-image.product-25 div#design div.custom-design,
     body.print-image.product-25 div#design div.design,
     body.print-image.product-25 div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;
          margin:0 auto;
          mask:unset;
          right:0;
          transform:unset;
          mix-blend-mode:normal;
          top:0%;
          width:100%;



     }
body.print-image.product-39 div#background-color ,
body.print-image.product-25 div#background-color {
     display:none;          

}







     /* PRODUCT MOCKUP > STUDIO PORTRAIT */


     section#order-page-2.template-portrait div.image div.design{
                    mix-blend-mode:multiply;
               opacity:1;
     }
     div.design-canvas.template-portrait,
     section#order-page-2.template-portrait div.image.image-mockup div.design{
          mask-image: url('/images/product-custom-watercolor-portrait-mask.png?v=2');
          mask-image: url('/images/products/product_14_poster_mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }

     section#order-page-2.template-portrait div.image.image-design-detail div.design{
          mask:unset;
     }

     div.design-canvas.template-portrait div.custom-design,
     section#order-page-2.template-portrait div.image div.design-canvas div.custom-design{
          aspect-ratio:0.82;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          

          background:rgb(var(--product-color));
          background-size:cover;
          content:'';
          height:81%;
          left:19%;
          position:absolute;
          top:9%;
          width:auto;          
          z-index:-10;
     }

     div.design-canvas.template-portrait div.custom-design::after,
     section#order-page-2.template-portrait div.image div.design-canvas div.custom-design::after{
          aspect-ratio:0.82;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
          background:transparent var(--background-style-url) center center no-repeat;          
          
          
          background-size:cover;
          content:'';
          height:100%;
          left:0%;
          opacity:0.6;
          position:absolute;
          top:0%;
          width:auto;
          width:100%;
          z-index:-10;
     }
     /* Increase the background opacity so we can see the design */
     a.product-link div.design-canvas.template-portrait div.custom-design::after{
          opacity:1;
     }

/* COLOR TITLE */

     section#order-page-2.template-portrait div.image.has-design-1:not(.image-design-detail) div.color-title{

          display:block !important;
     }

     section#order-page-2.template-portrait div.image.image-poster div.color-title::after{

          content:'Poster' !important;
     }
     section#order-page-2.template-portrait div.image.image-poster-sizes div.color-title::after{
          content:'Poster Sizes' !important;
     }
     section#order-page-2.template-portrait div.image.image-size-canvas div.color-title::after{
          content:'Canvas Sizes' !important;
     }
     section#order-page-2.template-portrait div.image.image-canvas-sizes div.color-title::after{
          content:'Canvas' !important;

     }
     section#order-page-2.template-portrait.product-38 div.image.image-size-black-frame div.color-title::after{

          content:'Canvas with Black Frame' !important;
     }
     section#order-page-2.template-portrait.product-38 form.frame-color-521 div.image.image-size-black-frame div.color-title::after{
          content:'Canvas with White Frame' !important;
     }
/* DESIGN DETAIL */
     section#order-page-2.template-portrait div.image.image-design-detail div.design-canvas div.custom-design{
          height:96%;
          margin:0 auto;



          left:0;
          right:0;
          top:2%;
          transform:none;
          width:auto;          
          width:76%;
     }

/* NAME DESIGN */

     div.design-canvas.template-portrait div.custom-design img.custom-design,
     section#order-page-2.template-portrait form#order-info div.image div.design.design-canvas > div.custom-design > img.custom-design{          

          display:block;
          height:72%;
          left:0;
          margin:0 auto;
          object-fit:contain;
          position:absolute;
          right:0;
          top:26%;
          width:80%;
          
          height:60%;
          object-position:center center;
          top:30%;
          width:70%;
     }
     div.design-canvas.template-portrait div.custom-design::before,
     div.design-canvas.template-portrait div.custom-design div.custom-design-name,
     section#order-page-2.template-portrait form#order-info div.image div.design.design-canvas > div.custom-design div.custom-design-name{
          background:rgb(var(--mockup-contrast-color));
          display:block;
          height:12%;

          left:0;
          margin:0 auto;
          position:absolute;
          right:0;
          top:10%;
          z-index:0;
          width:70%;
          
          top:12%;
          
     }
     div.design-canvas.template-portrait div.custom-design div.custom-design-name,
     section#order-page-2.template-portrait form#order-info div.image div.design.design-canvas > div.custom-design div.custom-design-name{
          opacity:0.7;
     }
     div.design-canvas.template-portrait div.custom-design div.custom-design-name img.custom-design-name{
          visibility:hidden;
     }
/* NAME DESIGN BACKGROUND */
div.design-canvas.template-portrait div.custom-design::before{
     background:transparent;

          background-image: radial-gradient(ellipse 75% 100% at 50% 50%, rgba(var(--product-color), 0.9) 20%, #fff0 50%);
     content:'';
     mask:none;
     transform:scale(1.4, 1.7);
     z-index:-5;
     }
section#order-page-2.cached div.design-canvas.template-portrait div.custom-design::before{
     opacity:0;
}

/* POSTER IMAGE */
     div.design-canvas.template-portrait,
     section#order-page-2.template-portrait div.image.image-mockup div.design,
     section#order-page-2.template-portrait div.image.image-poster div.design{
          mask-image: url('/images/products/product_14_poster_mask.png');
          mask-repeat: no-repeat;

          mask-size: contain;

         mask-position:center center;
     }
     .product-35.type-of-print-poster div.design-canvas div.custom-design,
     .product-25.type-of-print-poster div.design-canvas div.custom-design,
     body.X_canvas-image.product-25 div.design-canvas div.custom-design,
     a.product-25 div.design-canvas div.custom-design,
     a.product-35 div.design-canvas div.custom-design,
     section#order-page-2.template-portrait div.image-poster div.design-canvas div.custom-design,
     section#order-page-2.template-portrait div.image div.design-canvas div.custom-design,
     section#order-page-2.template-portrait div.image.image-poster div.design-canvas div.custom-design{
          left:31%;
          height:60%;
          top:10%;
          transform:perspective(120cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:43%;

     }

/* POSTER SIZES */

     section#order-page-2.template-portrait div.image.image-poster-sizes div.design-canvas{
          mask-image: url('/images/products/product_25_poster_sizes_mask.png?v=3');
          mask-repeat: no-repeat;

          mask-size: contain;

         mask-position:center center;
}
section#order-page-2.template-portrait div.image.image-poster-sizes::before{
          opacity:0;
}
section#order-page-2.template-portrait div.image.image-poster-sizes div.design-canvas div.custom-design{
          aspect-ratio:0.69;
          left:11.5%;
          height:44.5%;

          top:5.5%;
          transform:perspective(90cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:auto;

     }
     section#order-page-2.template-portrait div.image.image-poster-sizes div.design-canvas.copy-2 div.custom-design{
          aspect-ratio:0.77;
          height:60%;
          left:46.5%;
          top:7%;
} 
     section#order-page-2.template-portrait div.image.image-poster-sizes div.design-canvas.copy-3 div.custom-design{
          aspect-ratio:0.83;
          height:27.5%;
          left:19.5%;
          top:54.7%;
}

/* CANVAS SIZES */

     section#order-page-2.template-portrait div.image.canvas-sizes.image-canvas div.design-canvas{
          mask-image: url('/images/products/product_25_canvas_sizes_mask.png?v=3') ;
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}

section#order-page-2.template-portrait div.image.image-canvas::before{
          opacity:0;
}
     section#order-page-2.template-portrait div.image.canvas-sizes.image-canvas div.design-canvas div.custom-design{
          aspect-ratio:0.67;
          left:11.5%;


          height:46%;
          top:6%;
          transform:perspective(90cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:auto;

     }
     section#order-page-2.template-portrait div.image.canvas-sizes div.design-canvas.copy-2 div.custom-design{
          aspect-ratio:0.76;
          height:60%;
          left:46.5%;
          top:6.5%;
} 
     section#order-page-2.template-portrait div.image.canvas-sizes div.design-canvas.copy-3 div.custom-design{
          aspect-ratio:0.8;
          height:26%;
          left:21.5%;
          top:56%;
}

/* CANVAS WITH WHITE FRAME SIZES */


     section#order-page-2.template-portrait div.image.white-frame-sizes div.design-canvas{
          mask-image: url('/images/products/product_25_white_frame_sizes_mask.png?v=3') ;
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}
 section#order-page-2.template-portrait div.image.white-frame-sizes::before{
          opacity:0;
}
    section#order-page-2.template-portrait div.image.image-canvas-with-black-frame.image-size-black-frame div.design-canvas div.custom-design,
     section#order-page-2.template-portrait div.image.white-frame-sizes.image-size-white-frame div.design-canvas div.custom-design{
          aspect-ratio:0.67;
          left:12.8%;
          height:43%;

          top:7.3%;
          transform:perspective(90cqw) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:auto;

     }
     section#order-page-2.template-portrait div.image.image-canvas-with-black-frame div.design-canvas.copy-2 div.custom-design,
     section#order-page-2.template-portrait div.image.white-frame-sizes.image-size-white-frame div.design-canvas.copy-2 div.custom-design{
          aspect-ratio:0.76;
          height:56.3%;

          left:48.5%;
          top:8.5%;
} 
     section#order-page-2.template-portrait div.image.image-size-black-frame div.design-canvas.copy-3 div.custom-design,
     section#order-page-2.template-portrait div.image.white-frame-sizes.image-size-white-frame div.design-canvas.copy-3 div.custom-design{
          aspect-ratio:0.8;
          height:23.4%;
          left:22.5%;
          top:57.4%;
}
/* CANVAS WITH BLACK FRAME SIZES */

     section#order-page-2.template-portrait div.image.image-size-black-frame div.design-canvas{

          mask-image: url('/images/products/product_25_black_frame_sizes_mask.png?v=3') ;
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
}
 section#order-page-2.template-portrait div.image.image-size-black-frame::before{
          opacity:0;
}




body.canvas-image div.design-canvas.product-25 div.custom-design{
     mix-blend-mode:normal;
}
          


section#order-page-2.template-portrait div.image.image-design-detail div.design-canvas div.custom-design{
          transform:unset;
     }
     .template-portrait.type-of-print-canvas-with-white-frame div.design-canvas,

     .template-portrait.type-of-print-canvas-with-black-frame div.design-canvas,
     .product-35.type-of-print-canvas div.design-canvas,
     .product-25.type-of-print-canvas div.design-canvas,
     .product-25.type-of-print-canvas-with-white-frame div.design-canvas,
     .product-25.type-of-print-canvas-with-black-frame div.design-canvas,
     .product-25.size-canvas div.design-canvas,
     .product-25.size-white-frame div.design-canvas,
     .product-25.size-black-frame div.design-canvas,
     section#X__order-page-2.product-25 div.image.image-size-black-frame div.design,
     section#X__order-page-2.product-25 div.image.image-size-white-frame div.design,
     section#X__order-page-2.product-25 div.image.image-size-canvas div.design{
          mask-image: url('/images/products/product_25_canvas_mask.png?v=3');
          mask-repeat: no-repeat;

          mask-size: contain;

         mask-position:center center;
     }
     .template-portrait.type-of-print-canvas-with-black-frame div.design-canvas div.custom-design,
     .template-portrait.type-of-print-canvas div.design-canvas div.custom-design,
     .product-25.type-of-print-canvas div.design-canvas div.custom-design,
     .template-portrait.type-of-print-canvas-with-white-frame div.design-canvas div.custom-design,
     .product-25.type-of-print-canvas-with-white-frame div.design-canvas div.custom-design,
     .template-portrait.type-of-print-canvas-with-black-frame div.design-canvas div.custom-design,
     .product-25.type-of-print-canvas-with-black-frame div.design-canvas div.custom-design,
     .template-portrait.size-canvas div.design-canvas div.custom-design,
     .product-25.size-canvas div.design-canvas div.custom-design,
     .product-25.size-white-frame div.design-canvas div.custom-design,
     .template-portrait.size-white-frame div.design-canvas div.custom-design,
     .product-25.size-black-frame div.design-canvas div.custom-design,
     .template-portrait.size-black-frame div.design-canvas div.custom-design,
     section#X__order-page-2.product-25 div.image.image-size-black-frame div.design-canvas.product-25 div.custom-design,
     section#X__order-page-2.product-25 div.image.image-size-white-frame div.design-canvas.product-25 div.custom-design,
     section#X__order-page-2.product-25 div.image.image-size-canvas div.design-canvas.product-25 div.custom-design{
          left:27.5%;
          height:69%;
          top:7%;
          transform:perspective(1200px) rotateY(15deg) rotateX(0deg) rotateZ(0deg);
          transform:perspective(150cqw) rotateY(15deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          width:51%;
  image-rendering:crisp-edges; 
 -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

     }



     section#order-page-2.product-25 form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-25 form#order-info.status-generating div#design-status-message > div.status-bar div.progress{

          animation: progressAnimation 40s linear;
     }

body.canvas div#canvas-image.product-25 img.product{
     display:none;
}
body.canvas div#canvas-image.product-25{
     background:transparent url('/images/products/product_25_poster.jpg') center top no-repeat;
}
body.canvas.type-of-print-canvas-with-black-frame div#canvas-image.product-25 {
     background:transparent url('/images/products/product_25_black_frame.jpg') center top no-repeat;
     background:none;
}
body.canvas.type-of-print-canvas-with-white-frame div#canvas-image.product-25 {
     background:transparent url('/images/products/product_25_white_frame.jpg') center top no-repeat;
}


body.canvas.type-of-print-canvas div#canvas-image.product-25 {

     background:transparent url('/images/products/product_25_canvas.jpg') center top no-repeat;

     background:none;
}
body.canvas div#canvas-image.product-25{
     background-size:contain !important;;

}



     body.canvas div#canvas-image.product-25 div.design{
          mix-blend-mode:multiply;
     }
     body.print-image.product-25 div#background-color,

     body.canvas div#canvas-image.product-25 div.product-color-mask{


     }
     
     body.canvas div#canvas-image.product-25 div.design span.profile-image,
     section#order-page-2.product-25 div.image.image-design-detail div.design div.custom-design,

     div.design-canvas.product-25 div.custom-design,
     section#order-page-2.product-25 div.image.image-mockup div.design div.custom-design{
     }
     div.design-canvas.product-25 div.custom-design-name img{
     }
     body.print-image.product-25 div.profile-image::after,
     div.design-canvas.product-25 div.custom-design::after,

     section#order-page-2.product-25 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after{
          
     }

     
     section#order-page-2.product-25 div.image.image-design-detail div.design-canvas.product-16,

     section#order-page-2.product-25 div.image.image-design-detail div.design{
     }
     section#order-page-2.product-25 form.status-generating div.image.image-mockup div.design div.custom-design{
     }
     body.canvas div#canvas-image.product-dream-portrait div.design span.profile-image::before{
     }
     body.canvas div#canvas-image.product-dream-portrait div.design span.profile-image img{
     }
     div.design-canvas.product-25 div.color-mask,
     body.canvas div#canvas-image.product-dream-portrait div.product-color-mask,
     section#order-page-2.product-dream-portrait div.image.image-mockup div.color-mask{

     }
     section#order-page-2.product-dream-portrait div.image.image-design-detail div.color-mask{
     }
     

     body.print-image.product-dream-portrait div.profile-name,
     body.canvas div#canvas-image.product-dream-portrait div.design span.custom-design-name,
     div.design-canvas.product-25 div.custom-design-name,
     section#order-page-2.product-dream-portrait div.image div.design div.custom-design-name{
     }
     body.print-image.product-dream-portrait div#design::before,
     section#X__order-page-2.product-dream-portrait div.image.image-design-detail::before{
     }
     section#order-page-2.product-dream-portrait div.image.image-design-detail div.design-canvas,
     section#order-page-2.product-dream-portrait div.image.image-poster div.design-canvas{
     }

     body.print-image.product-dream-portrait div#design::before{
     }
     body.print-image.product-dream-portrait div.profile-image,
     section#order-page-2.product-dream-portrait div.image.image-design-detail div.design div.custom-design{


     }
     body.print-image.product-dream-portrait div.profile-image{
     }
    section#order-page-2.product-dream-portrait form.status-generating div.image.image-design-detail div.design div.custom-design{
     }

     section#order-page-2.product-dream-portrait div.image.image-design-detail img.design-detail{
     }
     section#order-page-2.product-dream-portrait div#product-image-gallery div.image.image-poster div.design-canvas{
     }
     section#order-page-2.product-dream-portrait div#product-image-gallery div.image.image-poster div.design-canvas div.custom-design{
     }
     section#order-page-2.product-dream-portrait div.image.image-poster div.design div.custom-design{
     }
     X_section#order-page-2.product-dream-portrait div.image.image-poster div.color-mask{
     }
     section#order-page-2.product-dream-portrait div.image.image-design-detail div.color-mask{

     }


     section#order-page-2.product-dream-portrait form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-dream-portrait form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
     }


     body.X_print-image.product-dream-portrait{
     }
     body.print-image.product-dream-portrait div#design{
     }





     /* PRODUCT MOCKUP > STUDIO DIGITAL ART */

     section#order-page-2.product-33 div.image div.design{
                    mix-blend-mode:multiply;
               opacity:1;
     }
     div.design-canvas.product-33,
     section#order-page-2.product-33 div.image.image-mockup div.design{

          mask-image: url('/images/product-custom-watercolor-portrait-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;



          mask:unset;
     }
     section#order-page-2.product-33 div.image.image-design-detail div.design{
          mask:unset;
     }

     div.design-canvas.product-33 div.custom-design,
     section#order-page-2.product-33 div.image div.design-canvas.product-25 div.custom-design{
          aspect-ratio:0.82;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
          background:rgb(var(--product-color));
          
          
          background-size:cover;
          content:'';

          height:80%;
          left:19%;
          position:absolute;
          top:9%;
          width:auto;          
          z-index:-10;
     }

     div.design-canvas.product-33 div.custom-design::after,
     section#order-page-2.product-33 div.image div.design-canvas.product-33 div.custom-design::after{
          aspect-ratio:0.82;
          aspect-ratio:unset;
          aspect-ratio:1;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
          background:transparent var(--background-style-url) center center no-repeat;          
          background-size:cover;
          content:'';
          height:100%;
          left:0;
          margin:0 auto;
          right:0;
          opacity:0.6;
          position:absolute;
          top:0%;
          width:auto;          
          z-index:-10;
     }
     /* Increase the background opacity so we can see the design */
     a.product-link div.design-canvas.product-33 div.custom-design::after{
          opacity:1;
     }


     /* NAME DESIGN */
     section#order-page-2.product-33 div.image.image-design-detail div.design-canvas.product-25 div.custom-design{

          height:96%;
          margin:0 auto;
          left:0;
          right:0;
          top:2%;
          width:auto;          
     }

     div.design-canvas.product-33 div.custom-design img.custom-design,

     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33 > div.custom-design > img.custom-design{          
          display:block;
          height:55%;
          left:0;
          margin:0 auto;

          object-fit:contain;
          position:absolute;
          right:0;
          top:33%;
          width:80%;

     }
     div.design-canvas.product-33 div.custom-design::before,
     div.design-canvas.product-33 div.custom-design div.custom-design-name,
     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33 > div.custom-design div.custom-design-name{
          display:block;
          height:15%;
          left:0;
          margin:0 auto;
          position:absolute;
          right:0;
          top:14%;
          z-index:0;
     }

     div.design-canvas.product-33 div.custom-design div.custom-design-name img.custom-design-name{


          visibility:hidden;

     }
/* NAME DESIGN BACKGROUND */
div.design-canvas.product-33 div.custom-design::before{
     background:transparent;
          background-image: radial-gradient(ellipse 75% 100% at 50% 50%, rgba(var(--product-color), 0.9) 20%, #fff0 50%);
     content:'';
     mask:none;
     transform:scale(1.4, 1.7);

     z-index:-5;
     }
section#order-page-2.cached div.design-canvas.product-33 div.custom-design::before{
     opacity:0;
}

/* Phone Screen */
div.design-canvas.product-33,     
section#order-page-2.product-33 form#order-info div.image.image-phone-screen div.design.design-canvas.product-33.copy-1{
     mask:unset;
     mask-image: url('/images/products/product_33_phone_screen_mask.png');

     mask-size:cover;
}
a div.design-canvas.product-33::after,
section#order-page-2.product-33 form#order-info div.image.image-phone-screen div.design.design-canvas.product-33.copy-1::after{
     content:'';
     background:transparent url("/images/products/product_33_phone_screen_overlay.png") top left no-repeat;
     background-size: cover;
     height:100%;
     left:0;
     position:absolute;
     top:0;

     width:100%;
     z-index:100;
}
.product-33 div.design-canvas div.custom-design,
section#order-page-2.product-33 form#order-info div.image.image-phone-screen div.design.design-canvas.product-33.copy-1 > div.custom-design{
     aspect-ratio:1;
     height:auto;
     left:17.5%;
     top:9%;
     transform:none;
     width:71.5%;
}
a .product-33 div.design-canvas div.custom-design-name,
a .product-33 div.design-canvas div.custom-design::before,
     section#order-page-2.product-33 div.image-phone-screen div.design-canvas.product-33.copy-1 div.custom-design-name,
     section#order-page-2.product-33 div.image-phone-screen div.design-canvas.product-33.copy-1 div.custom-design::before{
          display:none !important;
          visibility:hidden;
     }

section#order-page-2.product-33 form#order-info div.image.image-phone-screen div.design.design-canvas.product-33.copy-2,
section#order-page-2.product-33 form#order-info div.image.image-phone-screen div.design.design-canvas.product-33.copy-3,
section#order-page-2.product-33 form#order-info div.image.image-phone-screen div.design.design-canvas.product-33.copy-4,
section#order-page-2.product-33 form#order-info div.image.image-ph div.design.design-canvas.product-33.copy-5{
          display:none;
     }


/* Mockup with tablet and phone */
     section#order-page-2.product-33 div.image.image-mockup div.design,
     section#order-page-2.product-33 div.image.image-poster div.design{
          mask-image: url('/images/products/product_33_mockup_mask.png?v=2');
          mask-repeat: no-repeat;

          mask-size: contain;

         mask-position:center center;
     }
     section#order-page-2.product-33 div.image-mockup div.design-canvas.product-33 div.custom-design,
     section#order-page-2.product-33 div.image.image-mockup div.design-canvas.product-33 div.custom-design{

          aspect-ratio:1;
          left:12%;
          height:47.6%;

          top:17%;
          transform:perspective(2000px) rotateY(45deg) rotateX(16deg) rotateZ(0deg);
          mix-blend-mode:multiply;
          
          width:auto;
          z-index:100;
     }
     .product-33 div.design-canvas.copy-2 div.custom-design,
     section#order-page-2.product-33 div.image.image-mockup div.design-canvas.product-33.copy-2 div.custom-design{
          aspect-ratio:0.73;
          left:58.5%;
          height:44%;
          top:18.5%;

          transform:perspective(2000px) rotateY(-40deg) rotateX(15deg) rotateZ(4deg);
          mix-blend-mode:multiply;
          width:auto;
          
          aspect-ratio:1;
          width:auto;
     }
     .product-33 div.design-canvas.copy-3 div.custom-design,
     .product-33 div.design-canvas.copy-4 div.custom-design,
     .product-33 div.design-canvas.copy-5 div.custom-design{
          display:none;
     }

     div.image.image-design-detail div.design-canvas.product-33 div.custom-design{
          transform:unset;
     }
/* 4 Files Included */
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33{
          mask:unset;
     }

     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33 div.custom-design{
          display:none;
     }
/* Copy 1 */
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-1 div.custom-design,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-2 div.custom-design{
          aspect-ratio:1;
          display:block;
          left:1.7%;
          height:30.5%;
          top:29%;
          transform:none;          

          width:auto;
          z-index:100;
     }
/* Copy 2 */
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-2 div.custom-design{
          left:34.7%;
     }


     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-2 div.custom-design-name,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-2 div.custom-design::before{
          display:none !important;
          visibility:hidden;
     }
/* Copy 3 */
     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33.copy-3{
          mix-blend-mode:normal;
     }

     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-3 div.custom-design{


          aspect-ratio:1;
          background:transparent;
          display:block;

          left:68%;
          height:30.5%;
          top:29%;
          transform:none;          

          width:auto;
          z-index:100;
     }
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-3 div.custom-design-name,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-3 div.custom-design::before,

     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-3 div.custom-design::after{
          display:none !important;

          visibility:hidden;
     }
     section#order-page-2.product-33 form#order-info div.image.image-files-included div.design.design-canvas.product-33.copy-3 > div.custom-design > img.custom-design{
          aspect-ratio:1;
          height:70%;
          top:15%;
          width:auto;
     }
/* Copy 4 */
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-4 div.custom-design,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-5 div.custom-design{

          aspect-ratio:unset;
          background:transparent;
          display:block;

          left:16.9%;

          height:15.5%;

          top:73.5%;
          transform:none;          
          width:30.5%;

          z-index:100;
     }

     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-4 img.custom-design,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-4 div.custom-design::before,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-4 div.custom-design::after,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-5 img.custom-design,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-5 div.custom-design::before,
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-5 div.custom-design::after{
          display:none !important;
          visibility:hidden;
     }
     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33.copy-4 > div.custom-design div.custom-design-name,
     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33.copy-5 > div.custom-design div.custom-design-name{
          background:#000;
          height:60%; 
          top:20%;
          width:60%;
     }
/* Copy 5 */

     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33.copy-5{
          mix-blend-mode:normal;
     }
     section#order-page-2.product-33 div.image-files-included div.design-canvas.product-33.copy-5 div.custom-design{
          left:52.4%;

     }
     section#order-page-2.product-33 form#order-info div.image div.design.design-canvas.product-33.copy-5 > div.custom-design div.custom-design-name{
          background:#fff;
     }


/* Design Detail */
     section#order-page-2.product-33 div.image-design-detail > img{
          visibility:hidden;

     }
section#order-page-2.product-33 form#order-info div.image.image-design-detail div.design.design-canvas.product-33.copy-1 > div.custom-design{
     aspect-ratio:1;
     height:auto;
     left:0%;
     top:0;
     width:100%;
}

section#order-page-2.product-33 form#order-info div.image.image-design-detail div.design.design-canvas.product-33.copy-2,
section#order-page-2.product-33 form#order-info div.image.image-design-detail div.design.design-canvas.product-33.copy-3,
section#order-page-2.product-33 form#order-info div.image.image-design-detail div.design.design-canvas.product-33.copy-4{

          display:none;
     }





/* DIY Ideas */
section#order-page-2.product-33 form#order-info div.image.image-diy-ideas div.design.design-canvas.product-33{
     mask:unset;
}
     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33 div.custom-design{
          aspect-ratio:1;
          background:transparent;
          display:block;
          left:6%;
          height:60%;
          top:17%;
          transform:none;          
          width:auto;
          z-index:100;
     }
     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33.copy-2 div.custom-design{
          left:67.5%;

          height:27%;
          top:14%;
          transform:none;          
          width:auto;
          z-index:100;
     }
     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33.copy-3 div.custom-design{
          left:70%;
          height:27%;
          top:55.6%;
          transform:none;          
          width:auto;
          z-index:100;
     }

     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33.copy-4 div.custom-design,
     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33.copy-5 div.custom-design{
          display:none;
     }

     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33 div.custom-design-name,
     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33 div.custom-design::before,
     section#order-page-2.product-33 div.image-diy-ideas div.design-canvas.product-33 div.custom-design::after{
          display:none !important;
          visibility:hidden;
     }
     section#order-page-2.product-33 form#order-info div.image.image-diy-ideas div.design.design-canvas.product-33 > div.custom-design > img.custom-design{
          aspect-ratio:1;
          height:70%;
          top:15%;
          width:auto;
     }
/* COLOR TITLE */




     section#order-page-2.product-33 div.image.has-design-1:not(.image-design-detail) div.color-title{
          display:block !important;
     }
     section#order-page-2.product-33 div.image.image-files-included.has-design-1 div.color-title{
          display:none !important;
     }
     section#order-page-2.product-33 div.image.image-mockup div.color-title::after{
          content:'Upgrade Your Home Screen' !important;
     }
     section#order-page-2.product-33 div.image.image-phone-screen div.color-title::after{
          content:'Decorate Your Device with Love' !important;


     }
     section#order-page-2.product-33 div.image.image-diy-ideas div.color-title::after{
          content:'Design Your Own Fun Prints or Post Online' !important;

     }
     section#order-page-2.product-33 div.image.image-size-canvas div.color-title::after{
          content:'Canvas' !important;
     }
     section#order-page-2.product-33 div.image.image-size-white-frame div.color-title::after{
          content:'Canvas with White Frame' !important;

     }
     section#order-page-2.product-33 div.image.image-size-black-frame div.color-title::after{
          content:'Canvas with Black Frame' !important;


     }

/* Item Details */

section#order-page-2.product-33 div#item-details div#item-details-accordion-item button.accordion-button::after,
section#order-page-2.product-33 div#item-details div#free-shipping-accordion-item,
section#order-page-2.product-33 div#item-details div#care-instructions-accordion-item{
     display:none;
}
section#order-page-2.product-33 div#item-details div#item-details-accordion-item div.collapse{
display:block;
}
section#order-page-2.product-33 div#item-details div#item-details-accordion-item button.accordion-button{
     pointer-events:none;
}


body.X_print-image.product-33{
     transform:scale(0.5);
     transform-origin:left top;
}
     body.print-image.product-33 div#design div.custom-design,
     body.print-image.product-33 div#design div.design,
     body.print-image.product-33 div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;
          margin:0 auto;
          mask:unset;
          right:0;

          transform:unset;
          mix-blend-mode:normal;
          top:0%;
          width:100%;
     }
body.print-image.product-33 div#background-color {
     display:none;          
}


     section#order-page-2.product-33 form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-33 form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }

body.canvas div#canvas-image.product-33 img.product{
     display:none;
}
body.canvas div#canvas-image.product-33{

     background:transparent url('/images/products/product_33_phone_screen.jpg') center top no-repeat;
}
body.canvas div#canvas-image.product-33{
     background-size:contain !important;
}


/* PRODUCT MOCKUP > RETRO THROW PILLOW */
     div.design-canvas.template-throw-pillow.product-36 div.custom-design img.custom-design,
     section#order-page-2.template-throw-pillow.product-36 form#order-info div.image div.design.design-canvas.template-throw-pillow > div.custom-design > img.custom-design{          
          aspect-ratio:1;
          display:block;
          height:100%;
          left:0;
          margin:0 auto;
          object-fit:cover;
          position:absolute;
          right:0;
          top:5%;
          width:auto;

     }
     section#order-page-2.template-throw-pillow.product-36 div.image.image-two-pillows div.color-title::after{
          content:'Same Design On Front & Back' !important;
     }
     section#order-page-2.template-throw-pillow.product-36 div.image.image-design-detail div.color-title::after{
          content:'Front Design' !important;
     }
     section#order-page-2.template-throw-pillow.product-36 div.image.image-back-design-detail div.color-title::after{
          content:'Same Design On Back' !important;     
     }

/* PRODUCT MOCKUP > STUDIO THROW PILLOW */

     section#order-page-2.template-throw-pillow div.image div.design{
                    mix-blend-mode:multiply;
               opacity:1;

     }
     div.design-canvas.template-throw-pillow,
     section#order-page-2.template-throw-pillow div.image.image-mockup div.design{
          mask-image: url('/images/product-34-mockup-mask.png?v=9');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     section#order-page-2.template-throw-pillow div.image.image-design-detail div.design{
          mask:unset;
     }

body.print-image.template-throw-pillow{
     --scale-design:0.85;
}

          
body.canvas-image div.design-canvas.template-throw-pillow div.custom-design,
div.design-canvas.template-throw-pillow div.custom-design,
     section#order-page-2.template-throw-pillow div.image div.design-canvas.template-throw-pillow div.custom-design{
          aspect-ratio:1;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
          background:rgb(var(--product-color));
          
          
          background-size:cover;
          content:'';
          display:none;
          height:93%;
          left:4%;
          position:absolute;
          top:3%;
          width:auto;          
          z-index:-10;
          
     }
     a div.design-canvas.template-throw-pillow div.custom-design,
     body.canvas.is-cart-image div.design-canvas.template-throw-pillow div.custom-design,
     div.design-canvas.template-throw-pillow.copy-1 div.custom-design,
     section#order-page-2.template-throw-pillow div.image div.design-canvas.copy-1 div.custom-design{
          display:block;
}
     div.design-canvas.template-throw-pillow div.custom-design::after,
     section#order-page-2.template-throw-pillow div.image div.design-canvas div.custom-design::after{
          aspect-ratio:0.82;
          aspect-ratio:unset;
          aspect-ratio:1;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
          background:transparent var(--background-style-url) center center no-repeat;          
          background-size:cover;
          content:'';

          height:100%;
          left:0;
          margin:0 auto;
          right:0;
          opacity:0.6;
          position:absolute;
          top:0%;
          width:auto;          
          z-index:-10;
     }
     section#order-page-2.template-throw-pillow div.image.image-mockup div.color-title{
          display:block !important;
     }
     section#order-page-2.template-throw-pillow div.image.image-mockup div.color-title::after{
          content:'Comfy 16" x 16" Size' !important;
     }

     /* Increase the background opacity so we can see the design */
     a.product-link div.design-canvas.template-throw-pillow div.custom-design::after{
          opacity:1;
     }
     /* IMAGE DESIGN */
     div.design-canvas.template-throw-pillow div.custom-design img.custom-design,
     section#order-page-2.template-throw-pillow form#order-info div.image div.design.design-canvas.template-throw-pillow > div.custom-design > img.custom-design{          
          aspect-ratio:1;
          display:block;
          height:50%;
          left:0;
          margin:0 auto;
          object-fit:contain;
          position:absolute;
          right:0;
          top:33%;
          width:auto;
     }
body.print-image.template-throw-pillow div#design div.front-design > div.design div.custom-design img.custom-design{
     transform:scale(var(--scale-design));
     transform-origin:center top;
     top:38%;
}


     /* NAME DESIGN */

     div.design-canvas.product-34 div.custom-design::before,
     div.design-canvas.product-34 div.custom-design div.custom-design-name,
     section#order-page-2.product-34 form#order-info div.image div.design.design-canvas.product-34 > div.custom-design div.custom-design-name{
          display:block;
          height:13%;
          width:50%;
          left:0;
          margin:0 auto;
          position:absolute;
          right:0;
          top:18%;
          z-index:0;
     }
div.design-canvas.product-34 div.custom-design::before{
     width:80%;
}
body.print-image.product-34 div#design div.front-design > div.design div.custom-design div.custom-design-name,
body.print-image.product-34 div#design div.front-design > div.design div.custom-design div.custom-design-name::before{     
     transform:scale(var(--scale-design));
     transform-origin:center bottom;
     top:22%;
}
body.print-image.product-34.font-classic div#design div.front-design > div.design div.custom-design div.custom-design-name,
body.print-image.product-34.font-classic div#design div.front-design > div.design div.custom-design div.custom-design-name::before{     
     transform:scale(calc(var(--scale-design) * var(--font-classic-scale)));
     transform-origin:center bottom;
}
body.print-image.product-34.font-modern div#design div.front-design > div.design div.custom-design div.custom-design-name,
body.print-image.product-34.font-modern div#design div.front-design > div.design div.custom-design div.custom-design-name::before{     
     transform:scale(calc(var(--scale-design) * var(--font-modern-scale)));
     transform-origin:center bottom;
}

     div.design-canvas.product-34 div.custom-design div.custom-design-name,
     section#order-page-2.product-34 form#order-info div.image div.design.design-canvas.product-34 > div.custom-design div.custom-design-name{
          opacity:0.7;
     }
     div.design-canvas.product-34 div.custom-design div.custom-design-name img.custom-design-name{
          visibility:hidden;
     }
/* NAME DESIGN BACKGROUND */
div.design-canvas.product-34 div.custom-design::before{
     background:transparent;
          background-image: radial-gradient(ellipse 75% 100% at 50% 50%, rgba(var(--product-color), 0.9) 20%, #fff0 50%);
     content:'';
     mask:none;
     transform:scale(1.4, 1.7);
     z-index:-5;
     }
section#order-page-2.cached div.design-canvas.product-34 div.custom-design::before{
     opacity:0;
}
/* DESIGN DETAILS */
section#order-page-2.template-throw-pillow div.image.image-back-design-detail > img.back-design-detail,
section#order-page-2.template-throw-pillow div.image.image-design-detail > img.design-detail{
     opacity:0;
}     
section#order-page-2.template-throw-pillow div.image.image-back-design-detail div.design-canvas,
section#order-page-2.template-throw-pillow div.image.image-design-detail div.design-canvas{
     mask:unset;
}     

section#order-page-2.template-throw-pillow div.image.image-back-design-detail div.design-canvas.template-throw-pillow div.custom-design,
section#order-page-2.template-throw-pillow div.image.image-design-detail div.design-canvas.template-throw-pillow div.custom-design{
          height:100%;
          margin:0 auto;
          left:0;
          right:0;
          top:0%;
          width:auto;          
     }
     section#order-page-2.template-throw-pillow div.image.image-back-design-detail div.color-title,
     section#order-page-2.template-throw-pillow div.image.image-design-detail div.color-title{
          display:block !important;

     }
     section#order-page-2.template-throw-pillow div.image.image-design-detail div.color-title::after{
          content:'Front Design' !important;
     }
section#order-page-2.template-throw-pillow div.image.image-back-design-detail div.color-title::after{
          content:'Back Design' !important;     
}

/* TWO PILLOWS */
     section#order-page-2.template-throw-pillow div.image.image-two-pillows div.design-canvas.copy-1{
          mask-image: url('/images/product-34-two-pillows-right-mask.png?v=12');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     section#order-page-2.template-throw-pillow div.image.image-two-pillows div.design-canvas div.custom-design{
          aspect-ratio:1;
          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
          background:rgb(var(--product-color));




          background-size:cover;
          content:'';
          display:block;
          height:56%;
          left:41%;
          position:absolute;
          top:16%;
          transform:perspective(500px) rotateZ(4deg) rotateY(-10deg);
          width:auto;          
          z-index:-10;
}
/* FRONT PILLOW WITHOUT NAME */
     section#order-page-2.template-throw-pillow div.image.image-two-pillows div.design-canvas.copy-2{

          mask-image: url('/images/product-34-two-pillows-left-mask.png?v=12');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

     }

section#order-page-2.template-throw-pillow div.image.image-two-pillows div.design-canvas.template-throw-pillow.copy-2 div.custom-design{
     height:61%;
     left:2%;
     opacity:1;
     top:17%;
     transform:perspective(1000px) rotateZ(-2deg) rotateY(0deg);
}
body.print-image.product-34 div#design div.back-design > div.design div.custom-design-name,
body.print-image.product-34 div#design div.back-design > div.design div.custom-design::before,
section#order-page-2.product-34 form#order-info div.image.image-back-design-detail div.design.design-canvas.product-34.copy-1 > div.custom-design div.custom-design-name,
section#order-page-2.product-34 form#order-info div.image.image-back-design-detail div.design.design-canvas.product-34.copy-1 > div.custom-design::before,
section#order-page-2.product-34 form#order-info div.image.image-two-pillows div.design.design-canvas.product-34.copy-1 > div.custom-design::before,
section#order-page-2.product-34 form#order-info div.image.image-two-pillows div.design.design-canvas.product-34.copy-1 > div.custom-design div.custom-design-name{
     display:none;
}
body.print-image.template-throw-pillow div#design div.back-design > div.design img.custom-design,
section#order-page-2.template-throw-pillow form#order-info div.image.image-back-design-detail div.design.design-canvas.product-34.copy-1 > div.custom-design img.custom-design,
section#order-page-2.template-throw-pillow form#order-info div.image.image-two-pillows div.design.design-canvas.product-34.copy-1 > div.custom-design img.custom-design{
     height:68%;
          top:18%;
     transform:none;
}
body.print-image.product-34 div#design div.back-design > div.design div.custom-design img.custom-design{

     transform:scale(var(--scale-design));
     transform-origin:center center;
}

     section#order-page-2.template-throw-pillow div.image.image-two-pillows div.color-title{
          display:block !important;
     }
     section#order-page-2.template-throw-pillow div.image.image-two-pillows div.color-title::after{
          content:'Front & Back Designs' !important;
     }
/* STATUS GENERATING */
form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
top:60%;
}
/* CART CANVAS */
body.canvas div#canvas-image.product-36 img.product,
body.canvas div#canvas-image.product-34 img.product{
     display:none;
}
body.canvas div#canvas-image.product-36,
body.canvas div#canvas-image.product-34{
     background:transparent url('/images/product-34-mockup.jpg') center top no-repeat;
     background-size:contain !important;
}
body.canvas.is-cart-image div.design-canvas.product-36,
body.canvas.is-cart-image div.design-canvas.product-34{
     mix-blend-mode:multiply;

}


     body.X__print-image{
         transform-origin:left top; transform:scale(0.2);
     }
     body.x__print-image.product-34 div#print-guide{
       background:transparent url(/images/print-templates/square-pillows.png) center center no-repeat;
          background-size:100%;
          z-index:1000;
     }
     body.print-image.product-34 div#design div.front-design,
     body.print-image.product-34 div#design div.back-design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;
          margin:0 auto;
          mask:unset;
          transform:unset;
          mix-blend-mode:normal;
          top:0%;
          width:50%;
     }
     body.print-image.product-34 div#design div.back-design{

          left:auto;
          right:0;
}


body.print-image.product-34 div#design div.front-design > div.design,
body.print-image.product-34 div#design div.back-design > div.design{
     mask:unset;
}
body.print-image.product-34 div.design-canvas.product-34 > div.custom-design{
     display:block;
     height:100%;
     left:0;
     mask:unset;
     top:0;
     opacity:1;
     width:100%;
     z-index:10;
}




/* PRODUCT MOCKUP > THE CONTOUR BLANKET */

     body.canvas div#canvas-image.product-the-contour-blanket div.design,
     div.design-canvas.product-27,
     section#order-page-2.product-the-contour-blanket div.image.image-mockup div.design{
          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=5');
          mask-image: url('/images/product-28-medium-mask.png');



          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          mix-blend-mode:multiply;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-mockup div.color-title,
     section#order-page-2.product-the-contour-blanket div.image.image-large div.color-title,
     section#order-page-2.product-the-contour-blanket div.image.image-design-detail-small div.color-title{
          display:block !important;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-mockup div.color-title::before,
     section#order-page-2.product-the-contour-blanket div.image.image-large div.color-title::before,
     section#order-page-2.product-the-contour-blanket div.image.image-design-detail-small div.color-title::before{
          content:'Size' !important;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-large div.color-title::after{
          content:'Large 60" x 80"' !important;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-mockup div.color-title::after{
          content:'Medium 50" x 60"' !important;
     }



     section#order-page-2.product-the-contour-blanket div.image.image-design-detail-small div.color-title::after{
          content:'Small 30" x 40"' !important;
     }

     body.canvas div#canvas-image.product-the-contour-blanket div.design{

          mix-blend-mode:normal;
     }
     body.print-image.product-the-contour-blanket div#background-color,
     body.canvas div#canvas-image.product-the-contour-blanket div.product-color-mask{
          background:rgb(var(--product-color));



     }


     body.canvas div#canvas-image.product-the-contour-blanket div.design,

     section#order-page-2.product-the-contour-blanket div.image div.design{

                    mix-blend-mode:multiply;
               opacity:1;
     }
     div.design-canvas.product-27,
     section#order-page-2.product-the-contour-blanket div.image.image-mockup div.design{
          mask-image: url('/images/product-28-medium-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;


         mask-position:center center;

     }
     section#order-page-2.product-the-contour-blanket div.image.image-design-detail div.design{

          mask:unset;
     }
     body.canvas div#canvas-image.product-the-contour-blanket img.product{
          display:none;
     }
     /* Small design canvas */


     .product-27.size-small div.design-canvas,
     body.canvas.size-small div#canvas-image.product-the-contour-blanket div.design,

     section#order-page-2.product-the-contour-blanket div.image.image-small div.design{

          mask-image: url('/images/product-28-small-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     .product-27.size-small div.design-canvas div.custom-design,
     div.design-canvas.product-27 div.custom-design,
     body.canvas.size-small div#canvas-image.product-the-contour-blanket div.custom-design,
     section#order-page-2.product-the-contour-blanket div.image.image-design-detail div.design-canvas.product-27 div.custom-design,


     section#order-page-2.product-the-contour-blanket div.image.image-small div.design-canvas.product-27 div.custom-design{
          background:rgb(var(--product-color)) url("/images/products/product_27_custom_design_background.png?v=3") center center no-repeat;          
          background-size:cover;
          height:76%;
          left:18%;
          position:absolute;
          top:2%;
          width:57%;          
     }
     .order-image.product-27.size-small div.product,
     body.canvas.size-small div#canvas-image.product-the-contour-blanket div.product-color-mask,
     section#order-page-2.product-the-contour-blanket div.image.image-small{
          background:transparent url("/images/product-27-small-mockup.jpg?v=8") center center no-repeat;


          background-size:contain;
          mask:unset !important;;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-small img.image-small{
          visibility:hidden;

     }
     body.canvas.size-small div#canvas-image.product-the-contour-blanket img.product{
          display:none;

     }
     /* Medium design canvas */

     .product-27.size-medium div.design-canvas div.custom-design,
     div.design-canvas.product-27 div.custom-design,

     section#order-page-2.product-the-contour-blanket div.image.image-medium div.design-canvas.product-27 div.custom-design{
          aspect-ratio:0.82;
          background:rgb(var(--product-color)) url("/images/products/product_27_custom_design_mockup_background.png?v=4") center center no-repeat;          
          
          background-size:164%;
          background-position:50% 50%;

          height:92%;

          left:18%;
          position:absolute;
          top:4%;
          width:66%;          

     }
     .order-image.product-27.size-medium div.product,
     body.canvas.size-medium div#canvas-image.product-the-contour-blanket div.product-color-mask,
     section#order-page-2.product-the-contour-blanket div.image.image-medium{
          background:transparent url("/images/product-27-medium-mockup.jpg?v=3") center center no-repeat;
          background-size:contain;
          mask:unset !important;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-medium img.image-medium{
          visibility:hidden;
     }
     body.canvas.size-medium div#canvas-image.product-the-contour-blanket img.product{
          display:none;
     }
     /* Large design canvas */
     .product-27.size-large div.design-canvas,
     body.canvas.size-large div#canvas-image.product-the-contour-blanket div.design,
     section#order-page-2.product-the-contour-blanket div.image.image-large div.design{
          mask-image: url('/images/product-custom-pet-blanket-extra-large-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     .order-image.product-27.size-large div.product,
     body.canvas.size-large div#canvas-image.product-the-contour-blanket div.product-color-mask,
     section#order-page-2.product-the-contour-blanket div.image.image-large{
          background:transparent url("/images/product-custom-pet-blanket-extra-large.jpg?v=92") center center no-repeat;
          background-size:contain;

          mask:unset !important;
     }
     .product-27.size-large div.design-canvas div.custom-design,
     body.canvas.size-large div#canvas-image.product-the-contour-blanket div.custom-design,
     section#order-page-2.product-the-contour-blanket div.image.image-large div.design-canvas.product-27 div.custom-design{
          background:rgb(var(--product-color)) url("/images/products/product_27_custom_design_background.png?v=3") center center no-repeat;          
          background-size:cover;

          height:93%;

          left:13%;

          position:absolute;
          top:4%;

          width:75%;          
     }
     /* Design detail */
     section#order-page-2.product-the-contour-blanket div.image.image-design-detail div.design-canvas.product-27 div.custom-design{
          height:96%;
          margin:0 auto;

          left:0;
          right:0;
          top:2%;
          width:auto;          
     }
     section#order-page-2.product-the-contour-blanket div.image.image-design-detail img.design-detail{
          opacity:0;

     }
     /* Blanket sizes */



     section#order-page-2.product-the-contour-blanket div.image.image-sizes,
     section#order-page-2.product-the-contour-blanket div.thumbnail-cell div.image.image-sizes{
          background:transparent url("/images/products/product_27_three_sizes.jpg") center center no-repeat;
          background-size:contain;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-sizes img.sizes{
          visibility:hidden;


     }
     /* Blanket sizes */
     section#order-page-2.product-the-contour-blanket div.image.image-samples,
     section#order-page-2.product-the-contour-blanket div.thumbnail-cell div.image.image-samples{
          background:transparent url("/images/products/product_27_samples.jpg") center center no-repeat;
          background-size:contain;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-samples img.samples{
          visibility:hidden;
     }
     /* Contour design image */

     div.design-canvas.product-27 div.custom-design img.custom-design,
     section#order-page-2.product-the-contour-blanket form#order-info div.image div.design.design-canvas.product-27 > div.custom-design > img.custom-design{          

          display:block;

          height:40%;
          left:0;
          margin:0 auto;

          mix-blend-mode:multiply;
          object-fit:contain;
          position:absolute;
          right:0;
          top:25%;
          width:80%;
     }
     /* Contour name */
     div.design-canvas.product-27 div.custom-design div.custom-design-name,
     section#order-page-2.product-the-contour-blanket form#order-info div.image div.design.design-canvas.product-27 > div.custom-design div.custom-design-name{
          background:#000;
          display:block;
          height:15%;
          height:12%;
          left:0;
          margin:0 auto;
          position:absolute;
          right:0;





          top:70%;
          width:75%;
     }
     div.design-canvas.product-27 div.custom-design div.custom-design-name img.custom-design-name{
          visibility:hidden;
     }
     section#order-page-2.product-the-contour-blanket div.image.image-poster div.design{

          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=cc');
          mask-repeat: no-repeat;

          mask-size: contain;



         mask-position:center center;

     }

     section#order-page-2.product-the-contour-blanket div.image.image-poster div.design-canvas.product-27 div.custom-design{
          left:31%;
          height:59%;
          top:10.5%;
          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;

          width:43%;
     }

     body.print-image.product-the-contour-blanket div#design div.custom-design,
     body.print-image.product-the-contour-blanket div#design div.design,

     body.print-image.product-the-contour-blanket div#design{
          display:block;          
          left:0;


          height:100%;
          position:absolute;
          margin:0 auto;


          mask:unset;
          right:0;
          top:0%;
          width:100%;
     }


     section#order-page-2.product-the-contour-blanket form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-the-contour-blanket form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }


     /* NEW BLANKET VARIATIONS */

    /* PRODUCT MOCKUP > NATURALIST BLANKET */



     body.canvas div#canvas-image.product-naturalist-blanket div.design,
     div.design-canvas.product-28,
     section#order-page-2.product-naturalist-blanket div.image.image-mockup div.design,
     
     body.canvas div#canvas-image.product-retro-revival-blanket div.design,
     div.design-canvas.product-29,
     section#order-page-2.product-retro-revival-blanket div.image.image-mockup div.design{
          /*! mask-image: url('/images/product-28-medium-mask.png?v=5'); */
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

          mix-blend-mode:multiply;

     }
     section#order-page-2.product-naturalist-blanket div.image.image-mockup div.color-title,
     section#order-page-2.product-naturalist-blanket div.image.image-large div.color-title,
     section#order-page-2.product-naturalist-blanket div.image.image-design-detail-small div.color-title,
     
     section#order-page-2.product-29 div.image.image-mockup div.color-title,
     section#order-page-2.product-29 div.image.image-large div.color-title,

     section#order-page-2.product-29 div.image.image-design-detail-small div.color-title{
          display:block !important;
          padding-bottom:0.5rem !important;

     }
     section#order-page-2.product-naturalist-blanket div.image.image-mockup div.color-title::after,


     section#order-page-2.product-naturalist-blanket div.image.image-large div.color-title::after,
     section#order-page-2.product-naturalist-blanket div.image.image-design-detail-small div.color-title::after,

     section#order-page-2.product-29 div.image.image-mockup div.color-title::after,
     section#order-page-2.product-29 div.image.image-large div.color-title::after,
     section#order-page-2.product-29 div.image.image-design-detail-small div.color-title::after{
          content:'Size' !important;

          display:none !important;;
     }
     section#order-page-2.product-naturalist-blanket div.image.image-large div.color-title::before,

     section#order-page-2.product-29 div.image.image-large div.color-title::before{
          content:'Large 60" x 80"' !important;
     }
     section#order-page-2.product-naturalist-blanket div.image.image-mockup div.color-title::before,
     section#order-page-2.product-29 div.image.image-mockup div.color-title::before{
          content:'Medium 50" x 60"' !important;
     }
     section#order-page-2.product-naturalist-blanket div.image.image-design-detail-small div.color-title::before,
     section#order-page-2.product-29 div.image.image-design-detail-small div.color-title::before{
          content:'Small 30" x 40"' !important;
     }

     body.canvas div#canvas-image.product-naturalist-blanket div.design,
     body.canvas div#canvas-image.product-29 div.design{
          mix-blend-mode:normal;
     }
     body.print-image.product-naturalist-blanket div#background-color,
     body.canvas div#canvas-image.product-naturalist-blanket div.product-color-mask,
     body.print-image.product-29 div#background-color,
     body.canvas div#canvas-image.product-29 div.product-color-mask{
          background:rgb(var(--product-color));
     }
body.print-image.product-naturalist-blanket div#background-color,
body.print-image.product-naturalist-blanket div#design div.back-design{
     visibility:hidden;
     opacity:0;
     
}
body.print-image.product-naturalist-blanket div#design div.custom-design{
          background:rgb(var(--product-color)) url("/images/products/product_28_custom_design_background_print_2.webp?v=a") center center no-repeat;          
     background-size:cover;

}
     body.canvas div#canvas-image.product-naturalist-blanket div.design,
     section#order-page-2.product-naturalist-blanket div.image div.design,
     body.canvas div#canvas-image.product-29 div.design,
     section#order-page-2.product-29 div.image div.design{
                    mix-blend-mode:multiply;
               opacity:1;
     }
     div.design-canvas.product-28,
     section#order-page-2.product-naturalist-blanket div.image.image-mockup div.design,

     div.design-canvas.product-29,
     section#order-page-2.product-29 div.image.image-mockup div.design{
          mask-image: url('/images/product-29-medium-mask.png?v=cc');

          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     section#order-page-2.product-29 div.image.image-design-detail div.design,
     section#order-page-2.product-naturalist-blanket div.image.image-design-detail div.design{
          mask:unset;
     }
     body.canvas div#canvas-image.product-29 img.product,
     body.canvas div#canvas-image.product-naturalist-blanket img.product{
          display:none;
     }
/* Three Sizes*/
     section#order-page-2.product-29 div.image.image-sizes div.design-canvas.product-29 div.custom-design{

          aspect-ratio:unset;
          height:100%;
          left:0;

          top:0;
          width:100%;
}

     /* Small design canvas */

     .product-28.size-small div.design-canvas,



     body.canvas.size-small div#canvas-image.product-naturalist-blanket div.design,
     section#order-page-2.product-naturalist-blanket div.image.image-small div.design,


     .product-29.size-small div.design-canvas,
     body.canvas.size-small div#canvas-image.product-29 div.design,
     section#order-page-2.product-29 div.image.image-small div.design{
          mask-image: url('/images/product-28-small-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     .product-28.size-small div.design-canvas div.custom-design,
     div.design-canvas.product-28 div.custom-design,
     body.canvas.size-small div#canvas-image.product-naturalist-blanket div.custom-design,
     section#order-page-2.product-naturalist-blanket div.image.image-small div.design-canvas.product-28 div.custom-design,

     .product-29.size-small div.design-canvas div.custom-design,
     div.design-canvas.product-29 div.custom-design,
     body.canvas.size-small div#canvas-image.product-29 div.custom-design,
     section#order-page-2.product-29 div.image.image-small div.design-canvas.product-29 div.custom-design{
          background:rgb(var(--product-color)) url("/images/products/product_28_custom_design_background.png?v=4") center center no-repeat;          
          background-size:cover;
          height:76%;
          left:18%;
          position:absolute;
          top:2%;
          width:57%;          

     }
     .order-image.product-28.size-small div.product,
     body.canvas.size-small div#canvas-image.product-naturalist-blanket div.product-color-mask,
     section#order-page-2.product-naturalist-blanket div.image.image-small,
     
     .order-image.product-29.size-small div.product,
     body.canvas.size-small div#canvas-image.product-29 div.product-color-mask,


     section#order-page-2.product-29 div.image.image-small{
          background:transparent url("/images/product-27-small-mockup.jpg?v=7") center center no-repeat;
          background-size:contain;
          mask:unset !important;;

     }
     section#order-page-2.product-naturalist-blanket div.image.image-small img.image-small,
     section#order-page-2.product-29 div.image.image-small img.image-small{
          visibility:hidden;
     }
     body.canvas.size-small div#canvas-image.product-29 img.product,
     body.canvas.size-small div#canvas-image.product-naturalist-blanket img.product{
          display:none;
     }
     /* Medium design canvas */
     .product-28.size-medium div.design-canvas div.custom-design,
     div.design-canvas.product-28 div.custom-design,
     section#order-page-2.product-naturalist-blanket div.image.image-medium div.design-canvas.product-28 div.custom-design,

     .product-29.size-medium div.design-canvas div.custom-design,
     div.design-canvas.product-29 div.custom-design,
     section#order-page-2.product-29 div.image.image-medium div.design-canvas.product-29 div.custom-design{

          aspect-ratio:0.82;
          background:rgb(var(--product-color)) url("/images/products/product_28_custom_design_mockup_background.png") center center no-repeat;          
          background:rgb(var(--product-color)) url("/images/products/product_28_custom_design_background.png?v=4") center center no-repeat;          
          

          background-size:164%;
          background-position:50% 50%;



          background-size:104%;

          height:92%;
          left:18%;
          position:absolute;
          top:4%;
          width:66%;                    
     }
     .order-image.product-28.size-medium div.product,
     body.canvas.size-medium div#canvas-image.product-naturalist-blanket div.product-color-mask,
     section#order-page-2.product-naturalist-blanket div.image.image-medium,
     .order-image.product-29.size-medium div.product,
     body.canvas.size-medium div#canvas-image.product-29 div.product-color-mask,
     section#order-page-2.product-29 div.image.image-medium{
          background:transparent url("/images/product-27-medium-mockup.jpg?v=3") center center no-repeat;
          background-size:contain;
          mask:unset !important;
     }
     section#order-page-2.product-naturalist-blanket div.image.image-medium img.image-medium,
     section#order-page-2.product-29 div.image.image-medium img.image-medium{

          visibility:hidden;
     }
     body.canvas.size-medium div#canvas-image.product-naturalist-blanket img.product,

     body.canvas.size-medium div#canvas-image.product-29 img.product{
          display:none;

     }
     /* Large design canvas */
     .product-28.size-large div.design-canvas,
     body.canvas.size-large div#canvas-image.product-naturalist-blanket div.design,
     section#order-page-2.product-naturalist-blanket div.image.image-large div.design,
     .product-29.size-large div.design-canvas,
     body.canvas.size-large div#canvas-image.product-29 div.design,
     section#order-page-2.product-29 div.image.image-large div.design{
          mask-image: url('/images/product-custom-pet-blanket-extra-large-mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     .order-image.product-28.size-large div.product,
     body.canvas.size-large div#canvas-image.product-naturalist-blanket div.product-color-mask,
     section#order-page-2.product-naturalist-blanket div.image.image-large,
     .order-image.product-29.size-large div.product,
     body.canvas.size-large div#canvas-image.product-29 div.product-color-mask,
     section#order-page-2.product-29 div.image.image-large{

          background:transparent url("/images/product-custom-pet-blanket-extra-large.jpg?v=92") center center no-repeat;
          background-size:contain;
          mask:unset !important;
     }
     .product-28.size-large div.design-canvas div.custom-design,

     body.canvas.size-large div#canvas-image.product-naturalist-blanket div.custom-design,
     section#order-page-2.product-naturalist-blanket div.image.image-large div.design-canvas.product-28 div.custom-design,
     .product-29.size-large div.design-canvas div.custom-design,
     body.canvas.size-large div#canvas-image.product-29 div.custom-design,
     section#order-page-2.product-29 div.image.image-large div.design-canvas.product-29 div.custom-design{
          background:rgb(var(--product-color)) url("/images/products/product_28_custom_design_background.png?v=4") center center no-repeat;          
          background-size:cover;
          height:93%;
          left:13%;
          position:absolute;
          top:4%;
          width:75%;          
     }
     /* Design detail */

     section#order-page-2.product-naturalist-blanket div.image.image-design-detail div.design-canvas.product-28 div.custom-design,
     section#order-page-2.product-naturalist-blanket div.image.image-design-detail div.design-canvas.product-29 div.custom-design{

          background:rgb(var(--product-color)) url("/images/products/product_28_custom_design_background.png?v=4") center center no-repeat;          
          background-size:cover;
          height:96%;
          margin:0 auto;

          left:0;

          right:0;

          top:2%;

          width:auto;          
     }

     section#order-page-2.product-naturalist-blanket div.image.image-design-detail img.design-detail,
     section#order-page-2.product-29 div.image.image-design-detail img.design-detail{
          opacity:0;

     }
     /* Blanket sizes */
     section#order-page-2.product-naturalist-blanket div.image.image-sizes,
     section#order-page-2.product-naturalist-blanket div.thumbnail-cell div.image.image-sizes{
          background:transparent url("/images/products/product_28_three_sizes.jpg") center center no-repeat;
          background-size:contain;
     }
     section#order-page-2.product-naturalist-blanket div.image.image-sizes img.sizes,
     section#order-page-2.product-29 div.image.image-sizes img.sizes{
     }
     /* Blanket sizes */


     section#order-page-2.product-naturalist-blanket div.image.image-samples,

     section#order-page-2.product-naturalist-blanket div.thumbnail-cell div.image.image-samples{
          background:transparent url("/images/products/product_28_samples.jpg") center center no-repeat;

          background-size:contain;
     }
     section#order-page-2.product-naturalist-blanket div.image.image-samples img.samples,
     section#order-page-2.product-29 div.image.image-samples img.samples{
          visibility:hidden;
     }
     /* Naturalist design image */
     div.design-canvas.product-28 div.custom-design img.custom-design,
     section#order-page-2.product-naturalist-blanket form#order-info div.image div.design.design-canvas.product-28 > div.custom-design > img.custom-design{          
          display:block;
          height:70%;
          left:0;
          margin:0 auto;
          mix-blend-mode:normal;
          object-fit:contain;
          position:absolute;
          right:0;
          top:10%;
          width:80%;


     }
     /* Naturalist name */
     div.design-canvas.product-28 div.custom-design::after,
     div.design-canvas.product-28 div.custom-design div.custom-design-name,
     section#order-page-2.product-naturalist-blanket form#order-info div.image div.design.design-canvas.product-28 > div.custom-design div.custom-design-name{
          background:rgb(var(--mockup-contrast-color));
          display:block;
          height:8%;

          left:0;
          margin:0 auto;
          position:absolute;
          right:0;
          top:80%;
          width:70%;
          z-index:200;
     }

     div.design-canvas.product-28 div.custom-design::after{
          background:rgb(var(--product-color));
               background: linear-gradient(to right, rgba(var(--product-color), 0) 0%, rgb(var(--product-color)) 15%,  rgb(var(--product-color)) 85%, rgba(var(--product-color), 0) 100%);
          background: radial-gradient(ellipse at center, rgb(var(--mockup-color)) 0, rgb(var(--mockup-color)) 30%, #fff0 55%);
          background: radial-gradient(ellipse at center, rgba(var(--product-color), 0) 0%, rgb(var(--product-color)) 15%,  rgb(var(--product-color)) 85%, rgba(var(--product-color), 0) 100%);


          background: radial-gradient(ellipse at bottom, rgba(var(--product-color), 0), rgb(var(--product-color)) );
          background: radial-gradient(ellipse at center, rgb(var(--product-color)) 0, rgb(var(--product-color)) 40%, #fff0 80%);

     height:16%;
     content:'';
     top:76%;
          width:80%;
     z-index:0;
     }

.status-generating div.design-canvas.product-28 div.custom-design::after{
     display:none;
}
     div.design-canvas.product-28 div.custom-design div.custom-design-name img.custom-design-name{

          visibility:hidden;

     }
     section#order-page-2.product-naturalist-blanket div.image.image-poster div.design{

          mask-image: url('/images/product-custom-pet-blanket-mask.png?v=cc');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }




     section#order-page-2.product-naturalist-blanket div.image.image-poster div.design-canvas.product-28 div.custom-design{
          left:31%;

          height:59%;
          top:10.5%;
          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);

          mix-blend-mode:multiply;

          width:43%;
     }

     body.print-image.product-naturalist-blanket div#design div.custom-design,
     body.print-image.product-naturalist-blanket div#design div.design,
     body.print-image.product-naturalist-blanket div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;

          margin:0 auto;
          mask:unset;
          right:0;
          top:0%;
          width:100%;

     }



     section#order-page-2.product-naturalist-blanket form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-naturalist-blanket form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;



     }




     /* PRODUCT MOCKUP > RETRO REVIVAL BLANLET */

     /* Retro Revival design image */

     div.design-canvas.product-29 div.custom-design img.custom-design,
     section#order-page-2.product-29 form#order-info div.image div.design.design-canvas.product-29 > div.custom-design > img.custom-design{          
          display:block;

          height:100%;
          left:0;

          margin:0 auto;

          mix-blend-mode:normal;
          object-fit:cover;
          position:absolute;
          right:0;
          top:0%;
          width:100%;
     }
     section#order-page-2.product-29 form.status-generating div.image div.design-canvas.product-29 div.custom-design{
          background-color:var(--form-attention);
     }

     .product-29.size-small div.design-canvas div.custom-design,
     div.design-canvas.product-29 div.custom-design,
     body.canvas.size-small div#canvas-image.product-29 div.custom-design,
     section#order-page-2.product-29 div.image.image-small div.design-canvas.product-29 div.custom-design,

     .product-29.size-large div.design-canvas div.custom-design,
     body.canvas.size-large div#canvas-image.product-29 div.custom-design,
     section#order-page-2.product-29 div.image.image-large div.design-canvas.product-29 div.custom-design{
          background:none;     
          background-color:var(--form-attention);
     }
     section#order-page-2.product-29 div.image.image-sizes,
     section#order-page-2.product-29 div.thumbnail-cell div.image.image-sizes{
     }
     section#order-page-2.product-29 div.image.image-samples,
     section#order-page-2.product-29 div.thumbnail-cell div.image.image-samples{


          background:transparent url("/images/products/product_29_samples.jpg") center center no-repeat;
          background-size:contain;

     }


     a.produt-link.product-29 div.design-canvas div.custom-design-name,
     div.design-canvas.product-29 div.custom-design-name,
     body.canvas div#canvas-image.product-29 div.custom-design-name,

     section#order-page-2.product-29 div.image div.design-canvas.product-29 div.custom-design-name{
          display:none;
}



     body.print-image.product-retro-revival-blanket div#design div.custom-design,
     body.print-image.product-retro-revival-blanket div#design div.design,
     body.print-image.product-retro-revival-blanket div#design{
          display:block;          
          left:0;
          height:100%;
          position:absolute;

          margin:0 auto;
          mask:unset;
          right:0;
          top:0%;

          width:100%;
     }

body.print-image.product-retro-revival-blanket div#background-color,
body.print-image.product-retro-revival-blanket div#design div.back-design{
     visibility:hidden;
     opacity:0;
     
}

     /* PRODUCT MOCKUP > HOLIDAY ORNAMENT */




     section#order-page-2.product-30 div.image div.design{
                    mix-blend-mode:multiply;
               opacity:1;

     }

     div.design-canvas.product-30,
     section#order-page-2.product-30 div.image.image-mockup div.design{
          mask-image: url('/images/product-ornaments-cover-mask.png?v=4');

          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     section#order-page-2.product-30 div.image.image-design-detail div.design{


          mask:unset;
     }
     section#order-page-2.product-30 form#order-info.status-generating div.main-carousel div.custom-design div.status-bar{
          top:50%;
     }


body.print-image.product-30 div#design div.design{
          background:rgb(var(--product-color)) url("/images/products/product_26_custom_design_background.png?v=1") 46% 66% no-repeat;          
          background-size:130% auto;
          height:100%;
          left:0%;
          mask:unset;
          position:absolute;
          top:0%;
          width:100%;          
}
     div.design-canvas.product-30 div.color-mask,
     section#order-page-2.product-30 div.image.image-mockup div.color-mask,

     section#order-page-2.product-30 div.image.image-poster div.color-mask,

     section#order-page-2.product-30 div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));
          background-size:100% auto;
          display:block;
          height:70%;
          left:0;     
          mask-image:url("/images/products/product_30_custom_design_background.png?v=2");          
          mask-repeat: no-repeat;


          mask-size: 100% 80%;
         mask-position:center top;
          margin:0 auto;
          position:absolute;
          opacity:1;
          right:0;
          top:35%;
          transition:0.2s ease-out;
          width:70%;
          z-index:0;

     }


     body.print-image.product-30 div#design div.custom-design,
     div.design-canvas.product-30 div.custom-design,
     section#order-page-2.product-30 div.image div.design-canvas.product-30 div.custom-design{


          background-size:130% auto;
          background:transparent;

          height:100%;




          left:0%;
          position:absolute;

          top:0%;
          width:100%;          
     }

     section#order-page-2.product-30 form#order-info div.design > div.custom-design img,
     div.design-canvas.product-30 > div.custom-design > img.custom-design{          
          aspect-ratio:unset;
          height:70%;
          position:absolute;
          left:0;
          margin:0 auto;
          right:0;
          top:30%;

          width:80%;
     }
     div.design-canvas.product-30 div.custom-design div.custom-design-name,
     section#order-page-2.product-30 div.image div.design div.custom-design-name{
          background:#555;
          display:block;
          height:15%;
          left:0;
          margin:0 auto;



          opacity:1;
          position:absolute;
          right:0;
          top:15%;
          width:70%;
          z-index:10;
     }
     div.design-canvas.product-30 div.custom-design div.custom-design-name img.custom-design-name{
          visibility:hidden;
     }


     .product-shape-circle div.design-canvas.product-30,
     section#order-page-2.product-30 div.design-canvas{
          mask-image: url('/images/product-ornaments-circle-mask.png?v=3');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     div.design-canvas.product-30 div.custom-design,
     section#order-page-2.product-30 div.image.image-circle div.design-canvas.product-30 div.custom-design{
          height:68%;
          left:13%;
          position:absolute;
          top:17%;
          width:69%;          
     }


     /* PRODUCT MOCKUP > HOLIDAY HEIRLOOM ORNAMENT */


     section#order-page-2.product-holiday-heirloom-ornament div.image div.design{
                    mix-blend-mode:multiply;
               opacity:1;
     }


     div.design-canvas.product-26,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-mockup div.design{
          mask-image: url('/images/product-ornaments-cover-mask.png?v=4');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-design-detail div.design{
          mask:unset;
     }

     section#order-page-2.product-holiday-heirloom-ornament div.image.image-circle div.color-title,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-snowflake div.color-title,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-star div.color-title,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-heart div.color-title{

          display:block !important;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-circle div.color-title::before,

     section#order-page-2.product-holiday-heirloom-ornament div.image.image-snowflake div.color-title::before,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-star div.color-title::before,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-heart div.color-title::before{
          content:'Shape' !important;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-circle div.color-title::after{
          content:'Circle 2.7 x 2.7"' !important;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-heart div.color-title::after{
          content:'Heart 3.1 x 2.9"' !important;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-snowflake div.color-title::after{
          content:'Snowflake 2.2 x 3"' !important;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-star div.color-title::after{
          content:'Star 3.2 x 2.7"' !important;

     }


body.print-image.product-holiday-heirloom-ornament div#design div.design{
          background:rgb(var(--product-color)) url("/images/products/product_26_custom_design_background.png?v=1") 46% 66% no-repeat;          

          background-size:130% auto;
          height:100%;
          left:0%;
          mask:unset;
          position:absolute;
          top:0%;
          width:100%;          
}
     body.print-image.product-holiday-heirloom-ornament div#design div.custom-design,
     div.design-canvas.product-26 div.custom-design,
     section#order-page-2.product-holiday-heirloom-ornament div.image div.design-canvas.product-26 div.custom-design{
          aspect-ratio:0.82;
          background: radial-gradient(circle at 50% 100%, rgba(var(--product-color), 0.2) 40%, rgba(var(--product-color), 1) 90%);
          background:rgb(var(--product-color));

          background:rgb(var(--product-color)) url("/images/products/product_16_custom_design_background.png?v=12") center 60% no-repeat;          
          background-size:140% auto;

          background:rgb(var(--product-color)) url("/images/products/product_26_custom_design_background.png?v=1") 46% 33% no-repeat;          
          background-size:130% auto;


          height:100%;

          left:0%;
          position:absolute;

          top:0%;
          width:100%;          

     }
     body.print-image.product-holiday-heirloom-ornament div#design div.custom-design{
          background:transparent;
          background-position-y:72%;
          transform:scale(0.875) translateY(-2%);

          overflow:visible;
     }

     div.design-canvas.product-26 div.custom-design div.custom-design-name,
     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image div.design.design-canvas.product-26 > div.custom-design div.custom-design-name{
          background:rgb(var(--mockup-contrast-color));

          display:block;

          height:20%;
          left:0;
          margin:0 auto;
          opacity:1;
          position:absolute;
          right:0;
          top:72%;
          width:50%;
          z-index:10;
     }
     div.design-canvas.product-26 div.custom-design div.custom-design-name img.custom-design-name{
          visibility:hidden;
     }

     
     /* COVER */
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-mockup div.design-canvas.product-26 div.custom-design{

          height:68%;
          left:1%;
          position:absolute;
          top:15%;
          width:69%;          
     }


     /* CIRCLE */
     .product-shape-circle div.design-canvas.product-26,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-circle div.design-canvas{

          mask-image: url('/images/product-ornaments-circle-mask.png?v=3');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
     }
     .product-shape-circle div.design-canvas.product-26 div.custom-design,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-circle div.design-canvas.product-26 div.custom-design{
          height:68%;

          left:13%;
          position:absolute;
          top:17%;
          width:69%;          
     }

     /* HEART */
     .product-shape-heart div.design-canvas.product-26,

     section#order-page-2.product-holiday-heirloom-ornament div.image.image-heart div.design-canvas{
          mask-image: url('/images/product-ornaments-heart-mask.png?v=1');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
     }
     .product-shape-heart div.design-canvas.product-26 div.custom-design,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-heart div.design-canvas.product-26 div.custom-design{
          height:67%;
          left:12%;
          position:absolute;
          top:19%;
          width:72%;

          background-size:140% auto;
          background-position-y:60%;

     }
     .product-shape-heart div.design-canvas.product-26 div.custom-design-name,
     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image.image-heart div.design.design-canvas.product-26 > div.custom-design div.custom-design-name{
          height:20%;
          top:67%;
          width:40%;
          z-index:10;
     }
     
     /* SNOWFLAKE */
     .product-shape-snowflake div.design-canvas.product-26,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-snowflake div.design-canvas{
          mask-image: url('/images/product-ornaments-snowflake-mask.png?v=3');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
     }
     .product-shape-snowflake div.design-canvas.product-26 div.custom-design,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-snowflake div.design-canvas.product-26 div.custom-design{

          height:73%;
          left:17%;
          position:absolute;
          top:14%;
          width:63%;          

          background-size:140% auto;
          background-position-y:60%;
     }
     .product-shape-snowflake div.design-canvas.product-26 div.custom-design img.custom-design,

     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image.image-snowflake div.design.design-canvas.product-26 > div.custom-design > img.custom-design{          
          height:80%;
          top:14%;
     }
     .product-shape-snowflake div.design-canvas.product-26 div.custom-design div.custom-design-name,
     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image.image-snowflake div.design.design-canvas.product-26 > div.custom-design div.custom-design-name{

          height:18%;
          top:67%;

          width:35%;

          z-index:10;
     }
     /* STAR */
     .product-shape-star div.design-canvas.product-26,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-star div.design-canvas{
          mask-image: url('/images/product-ornaments-star-mask.png?v=5');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

     }
     .product-shape-star div.design-canvas.product-26 div.custom-design,
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-star div.design-canvas.product-26 div.custom-design{
          height:68%;

          left:13%;
          position:absolute;
          top:17%;
          width:71%;          


          width:72%;
          background-size:140% auto;
          background-position-y:45%;
     }
     .product-shape-star div.design-canvas.product-26  > div.custom-design div.custom-design-name,
     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image.image-star div.design.design-canvas.product-26 > div.custom-design div.custom-design-name{
          height:18%;
          top:68%;


          width:45%;
          z-index:10;
     }
     .product-shape-star div.design-canvas.product-26  > div.custom-design img.custom-design,
     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image.image-star div.design.design-canvas.product-26 > div.custom-design > img.custom-design{          
          height:75%;
          top:19%;
     }
     section#order-page-2.product-holiday-heirloom-ornament div.image.image-design-detail div.design-canvas.product-26 div.custom-design{
          height:96%;
          margin:0 auto;
          left:0;


          right:0;
          top:2%;

          width:auto;          
     }

     div.design-canvas.product-26 div.custom-design img.custom-design,

     section#order-page-2.product-holiday-heirloom-ornament form#order-info div.image div.design.design-canvas.product-26 > div.custom-design > img.custom-design{          
          display:block;
          height:90%;
          left:0;
          margin:0 auto;
          object-fit:contain;
          position:absolute;
          right:0;
          top:7%;

          width:80%;
     }

     div.design-canvas.product-26 div.custom-design::before{
          background: radial-gradient(circle at 50% 100%, rgba(var(--product-color), 0.2) 40%, rgba(var(--product-color), 1) 90%);
          background: radial-gradient(ellipse at 50% 120%, rgba(var(--product-color), 1) 40%, rgba(var(--product-color), 0) 70%);
          content:'';
          height:35%;
          left:-20%;
          display:block !important;;
          position:absolute;
          top:65%;

          top:68%;
          width:140%;
          z-index:10;
     }
     section#order-page-2.cached  div.design-canvas.product-26 div.custom-design::before{
          display:none !important;
     }

     section#order-page-2.product-holiday-heirloom-ornament div.image.image-poster div.design{
          mask-image: url('/images/products/product_14_poster_mask.png');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;


     }


     section#order-page-2.product-holiday-heirloom-ornament div.image.image-poster div.design-canvas.product-26 div.custom-design{
          left:31%;
          height:59%;
          top:10.5%;

          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          mix-blend-mode:multiply;

          width:43%;
     }

     section#order-page-2.product-holiday-heirloom-ornament form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-holiday-heirloom-ornament form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }

section#order-page-2.product-holiday-heirloom-ornament form#order-info.status-generating div.main-carousel div.custom-design div.status-bar {     
     top:40%;
     z-index:1000;
}


     /* CANVAS IMAGE */
body.canvas div#canvas-image.product-holiday-heirloom-ornament img.product{
     display:none;
}
.order-image.product-26.product-shape-circle div.product,
body.canvas.product-shape-circle div#canvas-image.product-holiday-heirloom-ornament{

          background:transparent url('/images/product-ornaments-circle.jpg') top left;
     background-size:contain;
}

.order-image.product-26.product-shape-heart div.product,
body.canvas.product-shape-heart div#canvas-image.product-holiday-heirloom-ornament{


          background:transparent url('/images/product-ornaments-heart.jpg') top left;
     background-size:contain;



}

.order-image.product-26.product-shape-star div.product,
body.canvas.product-shape-star div#canvas-image.product-holiday-heirloom-ornament{
          background:transparent url('/images/product-ornaments-star.jpg') top left;
     background-size:contain;
}
.order-image.product-26.product-shape-snowflake div.product,
body.canvas.product-shape-snowflake div#canvas-image.product-holiday-heirloom-ornament{
          background:transparent url('/images/product-ornaments-snowflake.jpg') top left;
     background-size:contain;
}

body.print-image.product-holiday-heirloom-ornament div#design{
          left:0;
          height:100%;
          margin:0 auto;
          right:0;

          top:0%;
          width:100%;
     }
     body.print-image.product-holiday-heirloom-ornament div#design {
          height:100%;
          position: relative;
     }
     body.print-image.product-holiday-heirloom-ornament div#design div.front-design{
          height:100%;
     }
     body.print-image.product-holiday-heirloom-ornament div.front-design img.subject{
          display:block;
          height:100%;
          position:absolute;
          margin:0 auto;
          width:100%;
     }


     /* PRODUCT MOCKUP > CUSTOM 3D CARTOON POSTER */

     section#order-page-2.product-custom-3d-cartoon-pet-portrait div#product-image-gallery div.image div.color-title::before{
          content:'Background Style:';
          font-size:1rem;
     }

     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design,
     div.design-canvas.product-18,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-mockup div.design{
          mask-image: url('/images/product-custom-3d-cartoon-pet-portrait-mask.png?v=6');

          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

          mix-blend-mode:multiply;

     }
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-design-detail div.design{

          mask:none;
     }

     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design img,

     div.design-canvas.product-18 > div.custom-design img,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait form#order-info div.image-mockup div.design > div.custom-design img{
          object-fit: cover;
          object-position:center top;               
     }

     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-mockup div.design,

     div.design-canvas.product-18,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-poster div.design{
          mix-blend-mode:multiply;
     }
     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design span.profile-image,
     div.design-canvas.product-18 div.custom-design,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-mockup div.design div.custom-design,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-poster div.design div.custom-design,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-design-detail div.design div.custom-design{
          background:#fff2;
          box-sizing:border-box;
          /* Position the custom design on the mockup */
          height:65%;

          left:26%;
          opacity:0.9;


          padding:0%;

          position:absolute;
          top:9.5%;
          width:46.5%;
          z-index:1;

     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div.design div.profile-name,

     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design span.custom-design-name,
     div.design-canvas.product-18 div.custom-design div.custom-design-name,

     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image div.design div.custom-design div.custom-design-name{

                    background: linear-gradient( to top, #fff7 0%, #fff 80%);
          display:block;

          height:14%;
          left:0;



          margin:0 auto;




          position:absolute;



























































          right:0;

          top:4%;
          width:60%;
          
          mask-size:contain;
          mask-position:center center;



          mask-repeat:no-repeat;




     }
     div.design-canvas.product-18 div.custom-design div.custom-design-name img{


          visibility:hidden;
     }
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div#mobile-preview div.image div.design div.custom-design div.custom-design-name{

          width:40%; /* Resize so the mobile preview matches the gallery preview */
     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div.design div.profile-image img.subject,
     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design span.profile-image img.subject{
          height:100%;
          margin-top:0;
          object-fit: cover;
           object-position: center center;
     }
     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design span.profile-name,
     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.design span.profile-image::before{
          display:none;
     }
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-mockup div.design div.custom-design img{
          height:100%;
          object-fit:contain;

          object-position:center center;
          width:100%;
     }

     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-design-detail div.design div.custom-design{
          left:0;

          height:100%;
          margin:0 auto;
          right:0;
          top:0%;
          width:80%;
     }
     section#order-page-2.product-custom-3d-cartoon-pet-portrait form#order-info div.image.image-design-detail div.design > div.custom-design img {          

          height:100%;
          object-fit:cover;
          object-position:center center;
          width:100%;
     }
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-poster div.design div.custom-design{

          left:31%;

          height:59%;
          top:10.5%;
          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);

          width:43%;
     }
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-poster div.design{
          mask-image: url('/images/products/product_18_poster_mask.png?v=4');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

          mix-blend-mode:multiply;

     }
     section#order-page-2 form#order-info div.image-poster div.design > div.custom-design img {
          object-fit: cover;


          object-position:center top;               
     }
     div.design-canvas.product-18 div.color-mask,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-mockup div.color-mask,

     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-poster div.color-mask,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));

          background-size:100% auto;
          height:100%;
          left:0;     

          position:absolute;
          top:0;
          width:100%;
          z-index:0;
          mask-image: url('/images/product-custom-watercolor-portrait-mask.png?v=2');

          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          opacity:1;
          transition:0.2s ease-out;
          width:100%;

     }

     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-poster div.color-mask{
          mask-image: url('/images/products/product_14_poster_mask.png');

     }


     section#order-page-2.product-custom-3d-cartoon-pet-portrait div.image.image-design-detail div.color-mask{

          background:rgb(var(--product-color));
          mask:unset;
     }
     body.canvas div#canvas-image.product-custom-3d-cartoon-pet-portrait div.product-color-mask{
          background:rgb(var(--product-color));     
     }




     body.X__print-image.product-custom-3d-cartoon-pet-portrait{
        transform-origin:left top !important; transform:scale(0.2); 
     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div#design{
          left:0;
          height:100%;
          margin:0 auto;
          right:0;
          top:0%;

          width:100%;
     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div#design {
          height:100%;
          position: relative;
     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div#design div.front-design{
          height:100%;

     }

     body.print-image.product-custom-3d-cartoon-pet-portrait div.front-design img.subject{
          height:100%;

          position:absolute;
          margin:0 auto;
          width:100%;
     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div.design div.profile-name img.name{
          visibility:hidden;
     }

     body.print-image.product-custom-3d-cartoon-pet-portrait div#background-color{

          background-color:transparent;
     }
     body.print-image.product-custom-3d-cartoon-pet-portrait div.back-design{
          display:none;
     }




     /* PRODUCT MOCKUP > ROYAL PET PORTRAIT */




     section#order-page-2.product-royal-pet-portrait div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
     section#order-page-2.product-royal-pet-portrait div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title,

     section#order-page-2.product-victorian-aristocrat-pet-portrait div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title,
     section#order-page-2.Xproduct-custom-watercolor-portrait div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
     section#order-page-2.Xproduct-custom-watercolor-portrait div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
          background: #fbede7;
          color:#555;
          display:block;
          padding-left:1.5rem;
          padding-right:1rem;

     } 

     section#order-page-2.product-royal-pet-portrait div#product-image-gallery div.image div.color-title::before,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div#product-image-gallery div.image div.color-title::before,
     section#order-page-2.product-custom-watercolor-portrait div#product-image-gallery div.image div.color-title::before{
          content:'Portrait Style:';
          font-size:1rem;

     }
     section#order-page-2.product-royal-pet-portrait div#product-image-gallery div.image div.color-title::after,
     section#order-page-2.product-custom-3d-cartoon-pet-portrait div#product-image-gallery div.image div.color-title::after,

     section#order-page-2.product-victorian-aristocrat-pet-portrait div#product-image-gallery div.image div.color-title::after,
     section#order-page-2.product-custom-watercolor-portrait div#product-image-gallery div.image div.color-title::after{

          content: attr(data-product_style) ;
     }




     body.canvas div#canvas-image.product-royal-pet-portrait div.design,

     div.design-canvas.product-21,
     section#order-page-2.product-royal-pet-portrait div.image.image-mockup div.design{



          mask-image: url('/images/product-royal-pet-portrait-mask.png?v=3');
          mask-repeat: no-repeat;




          mask-size: contain;
         mask-position:center center;

          mix-blend-mode:multiply;
     }

     body.canvas div#canvas-image.product-royal-pet-portrait div.design img,
     div.design-canvas.product-21 > div.custom-design img,
     section#order-page-2.product-royal-pet-portrait form#order-info div.image-mockup div.design > div.custom-design img {
          object-fit: cover;
          object-position:center top;               

     }




     div.design-canvas.product-21,
     section#order-page-2.product-royal-pet-portrait div.image.image-mockup div.design,
     section#order-page-2.product-royal-pet-portrait div.image.image-poster div.design{
          mix-blend-mode:multiply;
     }
     body.canvas div#canvas-image.product-royal-pet-portrait div.design span.profile-image,
     div.design-canvas.product-21 div.custom-design,
     section#order-page-2.product-royal-pet-portrait div.image.image-mockup div.design div.custom-design,
     section#order-page-2.product-royal-pet-portrait div.image.image-poster div.design div.custom-design,
     section#order-page-2.product-royal-pet-portrait div.image.image-design-detail div.design div.custom-design{
          background:#fff2;

          box-sizing:border-box;
          /* Position the custom design on the mockup */

          height:65.5%;
          left:25%;


          opacity:0.9;

          position:absolute;
          top:19%;
          width:50%;



          z-index:1;
     }
     body.canvas div#canvas-image.product-royal-pet-portrait div.design span.custom-design-name,
     section#order-page-2.product-royal-pet-portrait div.image div.design div.custom-design div.custom-design-name{
     }

     body.canvas div#canvas-image.product-royal-pet-portrait div.design span.profile-image img.subject{
          height:100%;
          margin-top:0;
     }
     body.canvas div#canvas-image.product-royal-pet-portrait div.design span.profile-name,
     body.canvas div#canvas-image.product-royal-pet-portrait div.design span.profile-image::before{
          display:none;
     }


     div.design-canvas.product-21 div.custom-design img,

     section#order-page-2.product-royal-pet-portrait div.image.image-mockup div.design div.custom-design img{
          height:100%;
          object-fit:contain;
          object-position:center center;
          width:100%;

     }

     section#order-page-2.product-royal-pet-portrait div.image.image-design-detail div.design{
          mask:none;


     }

     section#order-page-2.product-royal-pet-portrait div.image.image-design-detail div.design div.custom-design{
          left:0;
          height:100%;
          margin:0 auto;
          right:0;

          top:0%;


          width:80%;
     }
     section#order-page-2.product-royal-pet-portrait form#order-info div.image.image-design-detail div.design > div.custom-design img {          
          height:100%;
          object-fit:cover;

          object-position:center center;

          width:100%;
     }
     section#order-page-2.product-royal-pet-portrait div.image.image-poster div.design div.custom-design{
          left:31%;
          height:59%;
          top:10.5%;

          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);
          width:43%;
     }


     section#order-page-2.product-royal-pet-portrait div.image.image-poster div.design{
          mask-image: url('/images/products/product_18_poster_mask.png?v=4');
          mask-repeat: no-repeat;

          mask-size: contain;
         mask-position:center center;
          mix-blend-mode:multiply;
     }


     section#order-page-2.product-royal-pet-portrait form#order-info div.image-poster div.design > div.custom-design img {
          object-fit: cover;





          object-position:center top;               
     }

     div.design-canvas.product-21 div.color-mask,
     section#order-page-2.product-royal-pet-portrait div.image.image-mockup div.color-mask,
     section#order-page-2.product-royal-pet-portrait div.image.image-poster div.color-mask,

     section#order-page-2.product-royal-pet-portrait div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));


          background-size:100% auto;



          height:100%;
          left:0;     

          position:absolute;

          top:0;
          width:100%;
          z-index:0;
          mask-image: url('/images/product-custom-watercolor-portrait-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;

         mask-position:center center;
          opacity:1;
          transition:0.2s ease-out;
          width:100%;

     }

     section#order-page-2.product-royal-pet-portrait div.image.image-poster div.color-mask{

          mask-image: url('/images/products/product_14_poster_mask.png');

     }

     section#order-page-2.product-royal-pet-portrait div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));
          mask:unset;
     }
     body.canvas div#canvas-image.product-royal-pet-portrait div.product-color-mask{
          background:rgb(var(--product-color));     
     }
     section#order-page-2.product-royal-pet-portrait form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-royal-pet-portrait form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }

     body.x_print-image.product-royal-pet-portrait{
        transform-origin:left top !important; transform:scale(0.1); 
     }
     body.print-image.product-royal-pet-portrait div#design{
          height:100%;
     }


     body.print-image.product-royal-pet-portrait div.front-design,
     body.print-image.product-royal-pet-portrait div.front-design div.profile-image{
          height:100%;
          left:0;

          object-fit:cover;
          position:relative;
          top:0;

          width:100%;
     }
     body.print-image.product-royal-pet-portrait div.front-design img.subject{
          display:block;
          object-fit:cover;
          height:100%;
          position:relative;
          margin:0 auto;
          width:100%;
     }


     body.print-image.product- div#background-color{
          background-color:transparent;
     }
     body.print-image.product-royal-pet-portrait div.back-design{

          display:none;
     }








     /* PRODUCT MOCKUP > VICTORIAN ARISTOCRAT PET PORTRAIT */


     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design,
     div.design-canvas.product-22,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-mockup div.design{

          mask-image: url('/images/product-victorian-aristocrat-pet-portrait-mask.png?v=cc');


          mask-repeat: no-repeat;

         mask-position:center center;
          mask-size:100% 100%;
          mix-blend-mode:multiply;

     }
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-design-detail div.design{
          mask:none;
     }
     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design img,



     div.design-canvas.product-22 div.custom-design img,
     section#order-page-2.product-victorian-aristocrat-pet-portrait form#order-info div.image-mockup div.design > div.custom-design img {


          object-fit: cover;
          object-position:center top;               
     }



     div.design-canvas.product-22,
     section#order-page-2.product-royal-victorian-aristocrat-portrait div.image.image-mockup div.design,
     section#order-page-2.product-royal-victorian-aristocrat-portrait div.image.image-poster div.design{

          mix-blend-mode:multiply;

     }
     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design span.profile-image,
     div.design-canvas.product-22 div.custom-design,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-mockup div.design div.custom-design,

     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-poster div.design div.custom-design,

     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-design-detail div.design div.custom-design{
          background:#fff2;


          box-sizing:border-box;

          /* Position the custom design on the mockup */

          height:74%;
          left:22%;

          opacity:0.9;

          position:absolute;
          top:11.5%;
          width:56%;
          z-index:1;
     }
     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design span.custom-design-name,
     section#order-page-2.product-royal-pet-portrait div.image div.design div.custom-design div.custom-design-name{
     }
     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design span.profile-image img.subject{
          height:100%;
          margin-top:0;

     }
     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design span.profile-name,
     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.design span.profile-image::before{
          display:none;
     }


     div.design-canvas.product-22 div.custom-design img,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-mockup div.design div.custom-design img{
          height:100%;

          object-fit:contain;
          object-position:center center;
          width:100%;
     }

     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-design-detail div.design div.custom-design{
          left:0;


          height:100%;
          margin:0 auto;
          right:0;

          top:0%;
          width:80%;
     }

     section#order-page-2.product-victorian-aristocrat-pet-portrait form#order-info div.image.image-design-detail div.design > div.custom-design img {          
          height:100%;
          object-fit:cover;
          object-position:center center;
          width:100%;

     }

     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-poster div.design div.custom-design{
          left:31%;
          height:59%;
          top:10.5%;

          transform:perspective(900px) rotateY(10deg) rotateX(0deg) rotateZ(0deg);



          width:43%;
     }
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-poster div.design{
          mask-image: url('/images/products/product_18_poster_mask.png?v=4');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          mix-blend-mode:multiply;
     }
     section#order-page-2.product-victorian-aristocrat-pet-portrait form#order-info div.image-poster div.design > div.custom-design img {

          object-fit: cover;



          object-position:center top;               




     }
     div.design-canvas.product-22 div.color-mask,


     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-mockup div.color-mask,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-poster div.color-mask,
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));

          background-size:100% auto;
          height:100%;
          left:0;     

          position:absolute;
          top:0;
          width:100%;
          z-index:0;
          mask-image: url('/images/product-victorian-aristocrat-pet-portrait-mask.png?v=2');



          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          opacity:1;
          transition:0.2s ease-out;

          width:100%;
     }

     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-poster div.color-mask{
          mask-image: url('/images/products/product_14_poster_mask.png');
     }
     section#order-page-2.product-victorian-aristocrat-pet-portrait div.image.image-design-detail div.color-mask{

          background:rgb(var(--product-color));
          mask:unset;

     }




     body.canvas div#canvas-image.product-victorian-aristocrat-pet-portrait div.product-color-mask{
          background:rgb(var(--product-color));     
     }
     section#order-page-2.product-victorian-aristocrat-pet-portrait form#order-info.status-generating div.custom-design div.status-bar div.progress,
     section#order-page-2.product-victorian-aristocrat-pet-portrait form#order-info.status-generating div#design-status-message > div.status-bar div.progress{
          animation: progressAnimation 60s linear;
     }

     body.X__print-image.product-victorian-aristocrat-pet-portrait{
        transform-origin:left top !important; transform:scale(0.1); 

     }
     body.print-image.product-victorian-aristocrat-pet-portrait div.front-design{
          height:100%;
          left:0;
          object-fit:cover;
          position:relative;
          top:0;
          width:100%;
     }

     body.print-image.product-victorian-aristocrat-pet-portrait div.front-design img.subject{

          position:relative;
          margin:0 auto;
          width:100%;
     }

     body.print-image.product- div#background-color{
          background-color:transparent;
     }
     body.print-image.product-victorian-aristocrat-pet-portrait div.back-design{

          display:none;
     }



     /* PRODUCT MOCKUP > HEART PRINT TEE */


     section#order-page-2.product-19 div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
          display:block;
     } 
     section#order-page-2.product-19 div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title::after{
          content:'Heather Black Shirt';
     } 
     section#order-page-2.product-19 div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
     }
body.canvas div#canvas-image.product-19 img.product{
     display:none;
}

body.canvas div#canvas-image.product-19{
          background:transparent url('/images/product-19-mockup-heather-black.jpg?v=98') top left;
     background-size:contain;
}
body.is-cart-image.canvas div#canvas-image.product-19 div.design-canvas{
     
}
     section#order-page-2.product-19 div.image div.custom-design{
                    line-height:0.1rem;
     } 
     body.canvas div#canvas-image.product-19 div.design span.profile-image span.profile-name{
          display:none;

     }
     section#order-page-2.product-19 form#order-info.status-generating div#product-image-gallery div.design img{
          background:transparent;
     }


     body.canvas div#canvas-image.product-19 div.design,
     div.design-canvas.product-19 div.design,
     section#order-page-2.product-19 div.image.image-mockup div.design{
          mask-image: url('/images/product-19-mockup-mask.png?v=9');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          mask:unset;
}
/* Position the custom design on the mockup */

     body.canvas div#canvas-image.product-19 div.design span.profile-image,
     div.design-canvas.product-19 div.custom-design,
     section#order-page-2.product-19 div.image.image-mockup div.design div.custom-design,

     section#order-page-2.product-19 div.image.image-design-detail div.design div.custom-design{
          aspect-ratio:1;
          height:auto;




          left:57%;

          object-fit:contain;

          opacity:1;
     
          position:absolute;
          top:25%;

          transform:perspective(400px) rotateX(10deg) rotateY(5deg);
          width:14%;
          z-index:1;
          
     }
     section#order-page-2.product-19 div.image.image-design-detail div.design div.custom-design{
          transform:rotate(0deg);
     }
     body.canvas div#canvas-image.product-19 div.design span.profile-image img.subject{
          height: 100%;
  object-fit: contain;
  object-position: center center;
  width: 100%;


}
     section#order-page-2.product-19 form.status-generating div.image.image-mockup div.design div.custom-design{
          left:50%;
          width:30%;

     }


     section#order-page-2.product-19 form.status-generating div.image.image-mockup div.design div.custom-design div.status-bar{
          top:150%;

     }
     section#order-page-2.product-19 form.status-generating div.image.image-mockup div.design div.custom-design div.custom-design-name{
          display:none;
     }
     
     body.canvas div#canvas-image.product-19 div.design span.profile-image::before{



          display:none;
     }

     body.print-image.product-19 div.profile-image div.profile-name,
     body.canvas div#canvas-image.product-19 div.design span.custom-design-name,
     div.design-canvas.product-19 div.custom-design-name,
     section#order-page-2.product-19 div.image div.design div.custom-design-name{
          display:block;
          mask-repeat: no-repeat;
          mask-size: contain;
          mask-position:center center;
          position:absolute;
          bottom:-35%;
          left:0;



          margin:0 auto;



          right:0;
          top:auto;
          width:80%;
          height:30%;
          z-index:100;
          
     }
     section#order-page-2.product-19{
          /* SET THE DEFAULT COLOR */
         --mockup-contrast-color:55,55,55;
     }
     body.print-image.product-19 div.profile-image div.profile-name,
     body.canvas div#canvas-image.product-19 div.design span.custom-design-name,
     div.design-canvas.product-19 div.custom-design-name,
     section#order-page-2.product-19 div.image div.design div.custom-design-name{

          background-color:rgb(var(--product-color));
          opacity:0.7;
     }
     div.design-canvas.product-19 div.custom-design-name img,
     body.canvas div#canvas-image.product-19 div.design span.custom-design-name img{

          display:none;
     }


     body.canvas div#canvas-image.product-19 div.product-color-mask,
     div.design-canvas.product-19 div.color-mask,
     section#order-page-2.product-19 div.image.image-mockup div.color-mask,
     section#order-page-2.product-19 div.image.image-design-detail div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background-size:100% auto;
          height:100%;

          left:0;     
          position:absolute;
          top:0;
          width:100%;

          z-index:0;
          mask-image: url('/images/product-shirt-with-pet-photo-name-mask.png?v=2');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

          opacity:1;


          width:100%;
          display:none;
     }
/* Background design*/
     body.print-image.product-19 .profile-image::after,
     div.design-canvas.product-19 div.custom-design::after,
     section#order-page-2.product-19 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after,

     div.design-canvas.product-19 div.custom-design::before,
     section#order-page-2.product-19 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::before{
                    background:#9b6da3;
          background-color: rgba(var(--mockup-contrast-color), 1);


          background-color:#fff;
          content:'';
          display:block;
          height:120%;
          margin-top:0;
          mask-image: url('/images/products/product_30_custom_design_background.png');
          mask-image:url("/images/products/product_16_custom_design_background.png?v=12");          
          mask-image:var(--background-style-url);
          border-radius:50%;
          mask-repeat: no-repeat;
          mask-size:100% auto;
         mask-position:center top;
          opacity:0.6;
          left:-10%;
          position:absolute;


          top:-18%;
          width:120%;
          z-index:-15;

          visibility:visible;
     }

     div.design-canvas.product-19 div.custom-design::before,
     section#order-page-2.product-19 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::before{
          background-color: rgba(var(--product-color), 1);

          mask:unset;
}
/* Mockup color mask*/
section#order-page-2.product-19 div.image.image-mockup {
  background: transparent url('/images/product-19-mockup-heather-black.jpg?v=3') center center no-repeat;
    background-size: auto;
  background-size: contain;
}
section#order-page-2.product-19 div.image.image-mockup img.mockup {
  position: relative;
  pointer-events: none;
  mix-blend-mode: multiply;
  z-index: 10;
}

/* Product details */
section#order-page-2.product-19 form div#product-image-gallery div.carousel-cell div.image.image-product-details::after,
section#order-page-2.product-19 form div#product-image-gallery div.carousel-cell div.image.image-product-details::before{
     display:none;

}
     section#order-page-2.product-19 div.image.image-product-details div.design div.custom-design{

          left:20.5%;
          top:42%;
          transform:perspective(400px) rotateX(10deg) rotateY(5deg);
          width:3%;

          z-index:1;
     }
     section#order-page-2.product-19 div.image.image-product-details div.design.copy-2 div.custom-design{
          left:70%;
          top:41%;
          transform:perspective(400px) rotateX(10deg) rotateY(5deg);
          width:10%;
          z-index:10;
     }
/* Product measurements */

section#order-page-2.product-19 form div#product-image-gallery div.carousel-cell div.image.image-product-measurements::after,
section#order-page-2.product-19 form div#product-image-gallery div.carousel-cell div.image.image-product-measurements::before{
     display:none;
}
     section#order-page-2.product-19 div.image.image-product-measurements div.design div.custom-design{
          left:15.5%;
          opacity:0.8;
          top:39%;
          transform:perspective(400px) rotateX(10deg) rotateY(5deg);

          width:3%;

          z-index:1;
     }
     section#order-page-2.product-19 div.image.image-product-measurements div.design.copy-2 div.custom-design{
          left:39.5%;
          top:39.5%;
     }

     section#order-page-2.product-19 div.image.image-product-measurements div.design.copy-3 div.custom-design{
          left:64.5%;
          top:40%;
          width:3.5%;
     }
     section#order-page-2.product-19 div.image.image-product-measurements div.design.copy-4 div.custom-design{
          left:88.5%;
          top:41%;
          width:3.5%;
     }
/* Increase the opacity of the background design in the product gallery links */
     a.product-link div.design-canvas.product-19 div.custom-design::before{
          opacity:1
     }
     section#order-page-2.product-19 div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));
          mask:unset;
     }
section#order-page-2.product-19 div.image.image-design-detail div.design-canvas{
          mask-image: url('/images/product-19-details-mask.png?v=7');

          mask-repeat: no-repeat;
          mask-size: cover;
         mask-position:center center;
}
     section#order-page-2.product-19 div.image.image-design-detail div.design div.custom-design{
          height:60%;
          left:0;
          margin:0 auto;

          right:0;
          top:14%;
          width:60%;
     }    
section#order-page-2.product-19 div.image.image-design-detail div.color-mask{

     background-color:#353535;
     display:block;

     opacity:;
     mix-blend-mode:multiply;
     z-index:0;
}
     body.print-image.product-19{
          background:transparent;
     }     


     body.X_print-image.product-19 div#print{
          border:5px solid #000;
         transform:scale(0.15);

          transform-origin:top left;
     }
     body.print-image.product-19 div#design{

          left:0;
          height:100%;
          margin:0 auto;
          right:0;
          top:0%;
          width:100%;
     }
     body.print-image.product-19 div#design {
          height:100%;

          position: relative;
     }
     body.print-image.product-19 div#design div.front-design{

          height:100%;
     }
     body.print-image.product-19 div.profile-image{
          aspect-ratio:1;
          /* Position the custom design on the mockup */
          height:auto;

          left:68%;
          left:63%;
          object-fit:contain;     
          position:absolute;
          top:1%;
          width:18%;
          width:22%;
          z-index:1;

     }
     body.print-image.product-19 div.front-design img.subject{
          height:100%;
          position:absolute;


          margin:0 auto;
          width:100%;
     }
     body.print-image.product-19 div.design div.profile-name img.name{
          visibility:hidden;
     }
     body.print-image.product-19 div#background-color{

          background-color:transparent;
     }
     body.print-image.product-19 div.back-design{
          display:none;

     }
     



     /* PRODUCT MOCKUP > VINTAGE BOOTLEG SHIRT */
    


     section#order-page-2.product-vintage-bootleg-pet-shirt div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,
     section#order-page-2.product-vintage-bootleg-pet-shirt div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
          display:block;
     } 
     section#order-page-2.product-vintage-bootleg-pet-shirt div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{

     }
     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-design-detail div.design,



     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-mockup div.design{



          mix-blend-mode:multiply;
     } 
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design span.profile-image span.profile-name{

          display:none;

     }

     body.print-image.product-vintage-bootleg-pet-shirt .profile-image img.subject,
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design span.profile-image img.subject,

     div.design-canvas.product-13 div.custom-design,
     section#order-page-2.product-vintage-bootleg-pet-shirt form:not(.status-generating) div#product-image-gallery div.design div.custom-design{


          background:transparent url("/images/products/product_13_custom_design_background.png") center center no-repeat;
          background-size:contain;
          margin-top:0;

     }
     body.print-image.product-vintage-bootleg-pet-shirt .profile-image::after,
     div.design-canvas.product-13 div.custom-design::after,

     section#order-page-2.product-vintage-bootleg-pet-shirt form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after{

          background-color: rgba(var(--mockup-contrast-color), 1);
          background-image: linear-gradient(to bottom, #e25134 20%, #f3a829 100%);


          bottom:0;
          height:10%;
          content:'';


          display:block;
          mask-image: url("/images/fur-fam-square.svg");
          mask-repeat:no-repeat;

          mask-size:88% 88%;
          mask-position:center center;

          position:absolute;

          right:0;
          width:10%;
     }
     section#order-page-2.product-vintage-bootleg-pet-shirt form#order-info.status-generating div#product-image-gallery div.design img{
          background:transparent;
     }
     div.design-canvas.product-13 div.custom-design,
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design span.profile-image,
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design div.custom-design,
     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-mockup div.design div.custom-design,


     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-design-detail div.design div.custom-design{
          /* Position the custom design on the mockup */
          height:42%;
          left:30%;
          object-fit:contain;

          opacity:1;


          position:absolute;
          top:29%;
          width:42%;
          z-index:10;
     }
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design span.profile-image::before{
          display:none;
     }

     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.product-color-mask,

     div.design-canvas.product-13 div.color-mask,


     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-mockup div.color-mask,
     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-design-detail div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));

          background-size:100% auto;



          height:100%;
          left:0;     
          position:absolute;
          top:0;
          width:100%;
          z-index:0;
          mask-image: url('/images/product-vintage-bootleg-pet-shirt-mask.png?v=m');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;

          opacity:1;




          width:100%;
     }
     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-design-detail div.color-mask{

          background:rgb(var(--product-color));
          mask:unset;
     }

     div.design-canvas.product-13 div.custom-design-name,
     body.print-image.product-vintage-bootleg-pet-shirt .profile-name,
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design span.custom-design-name,

     section#order-page-2.product-vintage-bootleg-pet-shirt form#order-info.generate-name-image-1 div.image div.design div.custom-design-name{
          background:transparent;
          display:block;
          mask-image:unset !important;
          mask:unset !important;
          height:25%;
          left:0;

          position:absolute;
          margin:0 auto;

          right:0;

          top:-15%;
          width:90%;

          z-index:-10;
     }
     div.design-canvas.product-13 div.custom-design-name img,
     body.print-image.product-vintage-bootleg-pet-shirt .profile-name img,
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.design span.custom-design-name img,
     body.canvas div#canvas-image.product-vintage-bootleg-pet-shirt div.image div.design div.custom-design-name img,

     section#order-page-2.product-vintage-bootleg-pet-shirt form#order-info.generate-name-image-1 div.image div.design div.custom-design-name img{     
          opacity:1;
          display:block;
          height:100%;
          mask:unset !important;
          object-fit:contain;

          visibility:visible;

          width:100%;
     }
     section#order-page-2.product-vintage-bootleg-pet-shirt div.image.image-design-detail div.design div.custom-design{
          height:70%;
          left:0;
          margin:0 auto;
          right:0;
          top:20%;
          width:70%;
     }

     



     body.X___print-image.product-vintage-bootleg-pet-shirt{
          background:#555 !important;
          border:10px solid red;
        transform-origin:left top !important; transform:scale(0.1); 
     }
     body.print-image.product-vintage-bootleg-pet-shirt div#print{

     }
     body.print-image.product-vintage-bootleg-pet-shirt div.front-design{
          left:0;
          margin:15% auto;

          position:relative;
          right:0;
          top:5%;
          width:80%;
     }
     body.print-image.product-vintage-bootleg-pet-shirt div.front-design img.subject{
          aspect-ratio:1;
          position:relative;
          margin:0 auto;

          width:100%;
     }


     body.print-image.product-vintage-bootleg-pet-shirt div#background-color{
          background-color:transparent;
     }

     body.print-image.product-vintage-bootleg-pet-shirt div.back-design{
          display:none;
     }


     /* PRODUCT MOCKUP > STUDIO TEE */


     section#order-page-2.product-32 div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,


     section#order-page-2.product-32 div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
          display:block;
     } 
     section#order-page-2.product-32 div.image.image-design-detail div.design,
     section#order-page-2.product-32 div.image.image-mockup div.design{
     } 
     body.canvas div#canvas-image.product-32 div.design span.profile-image span.profile-name{
          display:none;
     }
     div.design-canvas.product-32,
     section#order-page-2.product-32 form:not(.status-generating) div#product-image-gallery div.image-mockup div.design-canvas{
          mask-image:url("/images/product-32-mockup-mask.png?v=9"); 

          mask-repeat: no-repeat;
          mask-size:cover;
         mask-position:center top;
          mask:none;
}
body.canvas.product-32.is-cart-image div#canvas-image div.design-canvas,
section#order-page-2.product-32 div.image.image-mockup{
     background:transparent url('/images/product-32-mockup-pepper.jpg?v=3') center center no-repeat;
     background-size:contain;
}
body.canvas.product-32.is-cart-image div#canvas-image div.design-canvas{
     border-radius:0;
     height:100%;
     left:0;
     position:absolute;
     top:0;
     width:100%;
     z-index:0;
}



section#order-page-2.product-32 div.image.image-mockup img.mockup{

     position:relative;

     pointer-events:none;
     mix-blend-mode:multiply;
z-index:10;
}
section#order-page-2.product-32 div.image.image-two-models div.design{
     mask:unset;
}


     body.print-image.product-32 .profile-image img.subject,
     body.canvas div#canvas-image.product-32 div.design span.profile-image img.subject,
     div.design-canvas.product-32 div.custom-design,
     section#order-page-2.product-32 form:not(.status-generating) div#product-image-gallery div.design div.custom-design{
          background:transparent;
          border-radius:50%;
          margin-top:0;
     }
/* BACKGROUND STYLE */
     /* Background design*/
     body.print-image.product-32 .profile-image::after,
     div.design-canvas.product-32 div.custom-design::after,
     section#order-page-2.product-32 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after,


     div.design-canvas.product-32 div.custom-design::before,
     section#order-page-2.product-32 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::before{
          background-color:transparent;
          background-image: linear-gradient(to bottom, #fff2 5%, #fff 50%);
          background:#fff;


          content:'';
          display:block;
          height:110%;
          margin-top:0;
          mask-image:url("/images/products/product_16_custom_design_background.png?v=12");          
          mask-image:var(--background-style-url);

          border-radius:50%;
          mask-repeat: no-repeat;
          mask-size:cover;
         mask-position:center bottom;
          opacity:0.8;
          left:-5%;
          position:absolute;

          width:110%;

          z-index:-15;
          
          top:-8%;
          
          height:140%;
          height:auto;
          aspect-ratio:1;
          left:-10%;
          top:-5%;
          width:120%;
          background:transparent;
          background-image: linear-gradient(to top, #fff2 5%, #fff 50%);
           background: radial-gradient(circle at 50% 90%, #fff3 20%, #fff 30%);
          background:rgb(var(--product-color));
          background:transparent;
          background-image: linear-gradient(to top, #fff2 5%, rgb(var(--product-color)) 15%);
          visibility:visible;
     }
     div.design-canvas.product-32 div.custom-design::after,
     section#order-page-2.product-32 form:not(.status-generating) div#product-image-gallery div.design div.custom-design::after{          

          background-image: linear-gradient(to bottom, #fff0 30%, rgb(var(--product-color)) 100%);
          background:rgb(var(--product-color));
          background:transparent;
          mask:unset;  
          opacity:1;
          z-index:-20;     
     }   
     /* Increase background design opacity in the product link preview so we can see the design better*/
     a.product-link div.design-canvas.product-32 div.custom-design::before{

          opacity:1;
     }
section#order-page-2.product-32 form.status-generating div#product-image-gallery div.design div.custom-design::before{
          display:none;
     }
     section#order-page-2.product-32 form#order-info.status-generating div#product-image-gallery div.design img{
          background:transparent;
     }
/* Position the custom design on the mockup */
     div.design-canvas.product-32 div.custom-design,
     body.canvas div#canvas-image.product-32 div.design span.profile-image,
     body.canvas div#canvas-image.product-32 div.design div.custom-design,
     section#order-page-2.product-32 div.image.image-mockup div.design div.custom-design,
     section#order-page-2.product-32 div.image.image-design-detail div.design div.custom-design{

          height:auto;
          aspect-ratio:1;
          left:40%;

          object-fit:contain;
          opacity:1;
          position:absolute;

          transform:rotate(4deg);
          top:20%;
          width:22%;
          z-index:10;

mix-blend-mode:normal;
           image-rendering: crisp-edges; /* or crisp-edges */
          -webkit-backface-visibility: hidden;
  backface-visibility: hidden;

}

/* Product Details */
section#order-page-2.product-32 form div#product-image-gallery div.carousel-cell div.image.image-product-details::after,
section#order-page-2.product-32 form div#product-image-gallery div.carousel-cell div.image.image-product-details::before{
     display:none;
}

section#order-page-2.product-32 div.image.image-product-details div.design{
     mask:unset;
}
     section#order-page-2.product-32 div.image.image-product-details div.design div.custom-design{
          left:21%;
          top:47.5%;
          width:12%;
}
/* Two Models */
section#order-page-2.product-32 div.image.image-two-models{
     background:transparent url('/images/product-32-two-models-pepper.jpg?v=2') center center no-repeat;

     background-size:contain;
}
section#order-page-2.product-32 div.image.image-two-models img.two-models{
     position:relative;
     pointer-events:none;
     mix-blend-mode:multiply;
z-index:10;
}
section#order-page-2.product-32 div.image.image-two-models div.design{
     mask:unset;
}
     section#order-page-2.product-32 div.image.image-two-models div.design div.custom-design{
          left:28%;
          top:21%;
          width:24%;

          transform:perspective(200px) rotateY(15deg);
}
     section#order-page-2.product-32 div.image.image-two-models div.design.copy-2 div.custom-design{
          left:64%;
          top:33%;
          width:22%;
          transform:perspective(200px) rotateY(-20deg) rotateZ(3deg);
          
}


body.canvas div#canvas-image.product-32 div.design span.profile-image::before{
          display:none;
     }
body.canvas div#canvas-image.product-32 img.product{
     display:none;
}
body.canvas div#canvas-image.product-32 div.color-mask{
     mix-blend-mode:multiply;

}


     body.canvas div#canvas-image.product-32 div.product-color-mask,
     div.design-canvas.product-32 div.color-mask,
     section#order-page-2.product-32 div.image.image-mockup div.color-mask,
     section#order-page-2.product-32 div.image.image-design-detail div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));
          background-size:100% auto;
          height:100%;
          left:0;     
          position:absolute;
          width:100%;
          z-index:0;
          mask-image: url('/images/product-vintage-bootleg-pet-shirt-mask.png?v=m');
          mask-repeat: no-repeat;
          mask-size: contain;
         mask-position:center center;
          opacity:1;


          transition:all 0.2s;
          width:100%;
          display:none;
     }

     section#order-page-2.product-32 div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));
          mask:unset;
     }
     /* Place the name */
     div.design-canvas.product-32 div.custom-design-name,
     body.print-image.product-32 .profile-name,
     body.canvas div#canvas-image.product-32 div.design span.custom-design-name,
     section#order-page-2.product-32 form#order-info.generate-name-image-1 div.image div.design div.custom-design-name{

           background-color: rgba(var(--mockup-contrast-color), 0.8);
          background:rgb(var(--product-color));
         display:block;

          height:25%;
          left:0;

          position:absolute;
          margin:0 auto;

          right:0;
          top:-20%;
          width:90%;
          bottom:-27%;
          top:auto;
          height:20%;
          z-index:-10;

     }
     div.design-canvas.product-32 div.custom-design-name img,
     body.print-image.product-32 .profile-name img,

     body.canvas div#canvas-image.product-32 div.design span.custom-design-name img,
     body.canvas div#canvas-image.product-32 div.image div.design div.custom-design-name img,



     section#order-page-2.product-32 form#order-info.generate-name-image-1 div.image div.design div.custom-design-name img{     
          display:block;
          height:100%;
          visibility:hidden;

          width:100%;
     }
     section#order-page-2.product-32 div.image.image-design-detail div.design{
          background:#222d;
          mask:unset;
}
     section#order-page-2.product-32 div.image.image-design-detail div.design div.custom-design{
          transform:none;
          aspect-ratio:1;
          height:60%;
          left:0;
          margin:0 auto;
          opacity:1;
          right:0;
          top:12%;
          width:auto;
     }



/* Hide navy from the study tee product color */
section#order-page-2.product-32 div.order-field div.type-product_color_select div.view-options > a[data-name="Navy"]{
     display:none !important;
}


body.X__print-image.product-32{

        transform-origin:left top !important; transform:scale(0.1); 
     }
     body.print-image.product-32 div#print{
     }


body.print-image.product-32 div#design{
     height:100%;
     width:100%;
}

     body.print-image.product-32 div.front-design{


          height:100%;
          left:0;
          margin:0 auto;

          position:relative;
          right:0;
          top:0%;
          width:100%;
     }
body.print-image.product-32 div.front-design div.custom-design{


     aspect-ratio:1;
     height:auto;
     left:0;
     margin:0 auto;
     right:0;
     top:12.5%;
     width:90%;
     width:68%;
     
     top:5%;
     width:60%;
}
body.print-image.product-32 div.front-design div.color-mask{
          display:none;
}
body.print-image.product-32 div.front-design img.subject{
          aspect-ratio:1;

          position:relative;
          margin:0 auto;



          width:100%;
     }





     body.print-image.product-32 div#background-color{
          background-color:transparent;
     }
     body.print-image.product-32 div.back-design{
          display:none;
     }





/* PRODUCT MOCKUP > RETRO MOON SHIRT */

     section#order-page-2.product-retro-moon-shirt div#product-image-gallery div.carousel-cell div.image.image-design-detail div.color-title,


     section#order-page-2.product-retro-moon-shirt div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
          display:block;
     } 
     section#order-page-2.product-retro-moon-shirt div#product-image-gallery div.carousel-cell div.image.image-mockup div.color-title{
     }

     section#order-page-2.product-retro-moon-shirt div.image.image-design-detail div.design,
     section#order-page-2.product-retro-moon-shirt div.image.image-mockup div.design{
          mix-blend-mode:multiply;
     }
     div.design-canvas.product-17 div.custom-design::after{
          background-color: rgba(var(--mockup-contrast-color), 1);
          background-image: linear-gradient(to bottom, #d4c9a8 20%, #9f8b5c 100%);

          bottom:0;
          height:10%;
          content:'';
          display:block;
          mask-image: url("/images/fur-fam-square.svg");
          mask-repeat:no-repeat;

          mask-size:88% 88%;



          mask-position:center center;

          position:absolute;




          right:5%;

          width:10%;
     }

     body.print-image.product-retro-moon-shirt .profile-name,
     body.canvas div#canvas-image.product-retro-moon-shirt div.design span.profile-image span.profile-name{
          display:none;
     }

     section#order-page-2.product-retro-moon-shirt form#order-info.status-generating div#product-image-gallery div.design img{

          background:transparent;
     }
     body.print-image.product-retro-moon-shirt div.front-design,

     body.canvas div#canvas-image.product-retro-moon-shirt div.design span.profile-image img,
     div.design-canvas.product-17 div.custom-design,
     section#order-page-2.product-retro-moon-shirt div#product-image-gallery div.design div.custom-design{
          background:transparent url("/images/products/product_17_custom_design_background.png?v=4") center center no-repeat;


          background-size:contain;
          margin-top:0;
     }
     body.canvas div#canvas-image.product-retro-moon-shirt div.design span.profile-image,
     div.design-canvas.product-17 div.custom-design,
     section#order-page-2.product-retro-moon-shirt div.image.image-mockup div.design div.custom-design,
     section#order-page-2.product-retro-moon-shirt div.image.image-design-detail div.design div.custom-design{





          /* Position the custom design on the mockup */
          height:auto;
          left:34%;
          object-fit:contain;
          opacity:0.9;
          position:absolute;
          top:22%;
          width:38%;
          z-index:1;
     }
     body.canvas div#canvas-image.product-retro-moon-shirt div.design span.profile-image::before{
          display:none;
     }


     
     div.design-canvas.product-17 div.color-mask,
     section#order-page-2.product-retro-moon-shirt div.image.image-mockup div.color-mask,
     section#order-page-2.product-retro-moon-shirt div.image.image-design-detail div.color-mask{
          /* Place the blank mockup */
          background:rgb(var(--product-color));

          background-size:100% auto;

          height:100%;
          left:0;     
          position:absolute;
          top:0;
          width:100%;
          z-index:0;

          mask-image: url('/images/product-retro-moon-shirt-mask.png?v=15');
          mask-repeat: no-repeat;

          mask-size: contain;
         mask-position:center center;
          opacity:1;

          width:100%;

     }
     body.canvas div#canvas-image.product-retro-moon-shirt .product-color-mask{
          background:rgb(var(--product-color));

     }
     section#order-page-2.product-retro-moon-shirt div.image.image-design-detail div.color-mask{
          background:rgb(var(--product-color));

          mask:unset;
     }

     section#order-page-2.product-retro-moon-shirt div.image.image-design-detail div.design div.custom-design{

          height:90%;
          left:5%;



          top:5%;
          width:90%;
     }



     body.print-image.product-retro-moon-shirt{
        transform-origin:left top !important; 
        transform:scale(0.1); 
     }
     xbody.print-image.product-retro-moon-shirt div.front-design{
          left:0;
          margin:15% auto;
          position:relative;
          right:0;
          top:5%;
          width:80%;


     }
     body.print-image.product-retro-moon-shirt div.front-design img.subject{
          aspect-ratio:1;

          position:relative;
          margin:0 auto;
          width:100%;
     }

     body.print-image.product-retro-moon-shirt div#background-color{
          background-color:transparent;
     }



     body.print-image.product-retro-moon-shirt div.back-design{
          display:none;
     }



     



     /* IMAGE THEMES
          set image, background, and font color for themes
     */



     .color-forest{
          --mockup-color:107,172,183 !important;
          --mockup-contrast-color:242,229,207 !important;
     }

     .color-forest .product-mockup .profile-image:before,
     .color-beach .product-mockup .profile-image:before{
          background-color:transparent !important;
          background:transparent url("/images/themes/forest-photo-bg.png?v=4") center center no-repeat;
          background-size:107% auto;
          border-radius:0;


     }

     .color-forest.style-painting .product-mockup .profile-image:before{
          background-image:url("/images/themes/forest-painting-bg.png?v=4");

     }

     .color-forest.style-pop .product-mockup .profile-image:before{
          background-image:url("/images/themes/forest-pop-bg.png?v=4");
     }


     .color-forest.style-3d .product-mockup .profile-image:before{

          background-image:url("/images/themes/forest-3d-bg.png?v=4");
     }




     .color-forest.style-kawaii .product-mockup .profile-image:before{
          background-image:url("/images/themes/forest-kawaii-bg.png?v=4");
     }



     .color-forest.style-one-line .product-mockup .profile-image:before{

          background-image:url("/images/themes/forest-one-line-bg.png?v=5");
          background-color:rgb(var(--mockup-color)) !important;
          border-radius:50%;



     }
     .color-forest.style-anime .product-mockup .profile-image:before{
          background-image:url("/images/themes/forest-anime-bg.png?v=4");
     }

     .color-beach.style-original .product-mockup .profile-image:before{ background-image:url("/images/themes/beach-photo-bg.png?v=4"); }
     .color-beach.style-painting .product-mockup .profile-image:before{ background-image:url("/images/themes/beach-painting-bg.png?v=4"); }
     .color-beach.style-pop .product-mockup .profile-image:before{ background-image:url("/images/themes/beach-pop-bg.png?v=4"); }
     .color-beach.style-3d .product-mockup .profile-image:before{ background-image:url("/images/themes/beach-3d-bg.png?v=4"); }
     .color-beach.style-kawaii .product-mockup .profile-image:before{ background-image:url("/images/themes/beach-kawaii-bg.png?v=4"); }
     .color-beach.style-one-line .product-mockup .profile-image:before{ 
          background-image:url("/images/themes/beach-one-line-bg.png?v=5"); 
          background-color:rgb(var(--mockup-color)) !important;
          border-radius:50%;
     }
     .color-beach.style-anime .product-mockup .profile-image:before{ background-image:url("/images/themes/beach-anime-bg.png?v=4"); }


     a.mockup-link > span.view-color_swatches span.color.color-beach::before,
     div#order-options div.order-field div.type-color_select div.view-options > a.color-beach span.swatch::before,






     a.mockup-link > span.view-color_swatches span.color.color-forest::before,
     div#order-options div.order-field div.type-color_select div.view-options > a.color-forest span.swatch::before{

        content:'\f724';



          color:#f2e5cf;
        font-family:"Font Awesome 7 Pro";


          font-size:1.8rem;

          font-weight:600;
          font-weight:400;
          position:absolute;

          left:0;

          text-align:center;
          text-shadow:0 0 5px #222a;
          top:-2px;


          height:40px;
          width:40px;
     }
     a.mockup-link > span.view-color_swatches span.color.color-beach::before,
     div#order-options div.order-field div.type-color_select div.view-options > a.color-beach spayn.swatch::before{
          color:#04c0df;
          content:'\f82b';

          text-shadow:none;
     }


     a.mockup-link > span.view-color_swatches span.color.color-forest::before,

     a.mockup-link > span.view-color_swatches span.color.color-beach::before{

          font-size:1.4rem;
          width:25px;
     }








     /* STYLE CUSTOMIZATIONS */


     .color-forest.style-one-line .product-mockup .profile-image{
     }
     .color-forest.style-one-line .product-mockup .profile-image img.subject{
     }


      /* PRODUCT-MOCKUP > IMG */


      .product-mockup img.product{
          border-radius:1rem;
           border-bottom-left-radius:0;



           border-bottom-right-radius:0;
           mix-blend-mode:multiply;
           position:relative;
           opacity:1;

           z-index:120;
      }



      .product-mockup > img.pup{
           mix-blend-mode:multiply;
           object-fit:contain;
           object-position:center;
           position:absolute;
           z-index:10;


      }


     .product-mockup.product-tote-bags > img.pup{
           left:0;
           top:51%;

           height:40%;
           width:100%;
      }
      .product-mockup.product-ceramic-mugs > img.pup{
           height:50%;



           left:0;
           top:32%;



           width:87%;
      }
      .product-mockup.product-canvas-prints > img.pup{
           height:70%;
           left:7%;
           top:16%;
           width:57%;
      }

      .product-mockup.product-matte-posters > img.pup{



           height:70%;
           left:27%;

           top:18%;

           width:45%;
      }
      .product-mockup.product-throw-pillows > img.pup{
           height:55%;
           left:0;

           top:23%;
           width:100%;
      }



     /* HOME HERO */







     section#home-hero{
          margin-top:4rem;
          padding:1rem 1rem 1rem 1rem;
     }
     section#home-hero > div.custom-container{
          /*! border-bottom:6px solid #fff5; */
     }
     section#home-hero::after{
          background:#fff5;





         background: linear-gradient( to top, #fffa, #fff0 100%);

          bottom:0;

          content:'';
          display:block;
          display:none;
          height:100px;
          left:0;
          margin:0 auto;
          position:absolute;
          right:0;
          width:100%;
          z-index:-40;
     }
     section#home-hero p.intro-header{
          letter-spacing:2px;
          font-size:0.9rem;
          margin:2rem 0 0 0;
     }


     section#home-hero h1{
          font-size:4.5rem;
          font-weight:300;
          letter-spacing:-0.05rem;

          line-height:4.5rem;
          margin:.5rem 0 1rem 0;

          text-align:left;
     }
     section#home-hero h1 span.masterpiece{
          display:inline-block;
          font-weight:500;
          position:relative;
     }
     /* Sparkle overrides for SVGs */
        .svg-sparkle { position: absolute; fill: currentColor; }
        .text-pink-400 { color: #f472b6; }
        .text-pink-500 { color: #ec4899; }
        .bg-pink-100 { background-color: #fce7f3; }
        .bg-pink-200 { background-color: #fbcfe8; }
        .border-pink-100 { border-color: #fce7f3; }
        .text-orange-200 { color: #fed7aa; }
        .text-orange-400 { color: #fb923c; }
        .text-yellow-400 { color: #facc15; }
      /* Sparkle Animations */
        @keyframes twinkle {
            0%, 100% { opacity: 0; transform: scale(0.5) rotate(0deg); }
            50% { opacity: 1; transform: scale(1.2) rotate(45deg); }
        }
        .animate-twinkle-1 { animation: twinkle 3s ease-in-out infinite; }
        .animate-twinkle-2 { animation: twinkle 3s ease-in-out infinite 1s; }
        .animate-twinkle-3 { animation: twinkle 3s ease-in-out infinite 2s; }

     section#home-hero h1::before{
          background:transparent url("/images/products/default_design_3.jpg") center center no-repeat;

          background-size:contain;
          box-shadow:0 0 10px 10px #fff;


          border-radius:50%;
          content:'';
          display:inline-block;
          display:none;
          height:4rem;
          margin:0 1rem 0 0;
          vertical-align:middle;




          width:4rem;

     }

     section#home-hero h1 strong{
          font-weight:700;

     }


     section#home-hero h1 i.heart{
          font-size:3rem;
              transform:rotate(25deg);
              text-shadow:0 0 5px #fff;

     }
     section#home-hero p.lead{



       font-family: "Karla", serif;
          font-size:1.4rem;
          line-height:2.4rem;


          margin:0 0 2.5rem 0;

          text-align:left;
     }

     section#home-hero p.lead i{
          color:var(--alert);
          display:none;

          margin:0 0 0 0.25rem;
          transform:rotate(15deg);
       animation: float 6s ease-in-out infinite;
     }
section#home-hero div#hero-product-gallery {
     aspect-ratio:1;

     background:#555;
          border-radius:0;

     box-shadow:0 0 0 1rem #fff;
          margin:0rem 0 0 1rem;
          margin:2rem auto;
          max-height:700px;
          object-fit:contain;
          object-position:center center;
          height:auto;
     overflow:hidden;
          position:relative;


          width:100%;

          z-index:100;
}
section#home-hero div#hero-product-gallery div.frame{
     box-shadow:0 0 0 1rem #fff;
     padding:0;
     overflow:hidden;
}
section#home-hero div#hero-product-gallery div.frame.product-31{
height:40%;
}

section#home-hero div#hero-product-gallery div.frame.product-32{
height:80%;
}
section#home-hero div#hero-product-gallery a.product-link{
     aspect-ratio:1;
     border-radius:0;
     margin:0;
     padding:0;
     height:100%;
     transform:unset;
     width:auto;
}
section#home-hero div#hero-product-gallery a.product-link.product-31{
     transform:translateX(-10%);
}
section#home-hero div#hero-product-gallery a.product-link.product-32{
     transform:translateX(-32%);
}
section#home-hero div#hero-product-gallery a.product-link.product-16{
     transform:translateX(-17%);
}

section#home-hero div#hero-product-gallery a.product-link > img{
margin:0;
}
section#home-hero div#hero-product-gallery a.product-link div.design-canvas{
}

section#home-hero div.microcopy{

          color:#333;
          font-size: 0.8rem;
          margin-top: 0.5em;
     }

     @keyframes float {
       0% {

         text-shadow: 5px 4px 2px rgba(0, 0, 0, 0.05);
         transform: translatey(0px) rotate(0deg);
       }
       25% {

         text-shadow:-5px 10px 5px rgba(0, 0, 0, 0.1);
         transform: translatey(-8px) rotate(-20deg);
       }
       50% {
         text-shadow:5px 4px 2px rgba(0, 0, 0, 0.05);

         transform: translatey(0px) rotate(0deg);



       }
      75% {
         text-shadow:0px 10px 5px rgba(0, 0, 0, 0.1);
         transform: translatey(-8px) rotate(10deg);
       }
       100% {


         text-shadow:5px 4px 2px rgba(0, 0, 0, 0.05);
         transform: translatey(0px) rotate(0deg);

       }
     }






     section#home-hero div#home-hero-list{

          color:#2228;



          margin:1.5rem 0 1.5rem -.5rem;

          position:relative;

     }

     @media (min-width:768px) {
          section#home-hero div#home-hero-list::before,

          section#home-hero div#home-hero-list::after{

          content:'';
          border-top:5px solid #fffa;
          position:absolute;
          left:18%;
          top:1.05rem;
          width:29%;

          z-index:-10;
          }


     }
     section#home-hero div#home-hero-list::after{


     left:51%;
     }

     section#home-hero div#home-hero-list i{

          border-radius:4rem;




          color:#fff;
          text-shadow:0 0 9px #fff2;
          color:#fff;
          height:2.4rem;

          line-height:2.4rem;
          width:2.4rem;
     }
     section#home-hero div#home-hero-list > div{

          position:relative;
          text-align:left;
          line-height:1.4rem;
          padding:0 1rem 0 0;
     }

     xsection#home-hero div#home-hero-list i{
          font-size:1.5rem;
          margin:0 0.25rem 0 0;


          position:relative;

          top:0.2rem;


          left:0;
          margin:0;
          top:-0.4rem;    
          font-size:2.4rem;
          margin:0.5rem 1rem 0rem 0;
          position:relative;
     }
     section#home-hero div#home-hero-list i{
          font-size:2.4rem;
     }

     section#home-hero div#select-your-pet-container{
          display:none;
     }
     section#home-hero div.add{
          margin:-2rem 0 2rem 0;
     }

     section#home-hero div.add a.start,
     a.btn.start,
     section#home-hero div.add a.best-sellers,
     div#home-featured-product a.btn{
          background:#fef9fb;
          border:3px solid var(--alert);
          border:none;
          border-radius:5rem;
          color:var(--alert-dark);
          display:inline-block;
          font-weight:bold;
          margin:1.5rem 1rem 0.5rem -.5rem;
          padding:0.5rem 1rem;
               width:auto;
          box-shadow:0 0 0px 0px #fff, 0 0 0px 3px var(--alert);
     }

     a.btn.start,
     section#home-hero div.add a.start{

     

          background:var(--alert);
          color:#fff;
          text-shadow:0 0 4px #4445;

     }


     a.btn.start:hover,
     section#home-hero div.add a:hover,
     div#home-featured-product a.btn:hover{
          box-shadow:0 0 5px 2px var(--alert);
          box-shadow:0 0 0px 5px #fff, 0 0 0px 8px var(--alert), 0 0 9px 8px var(--alert);
     }
     section#home-hero div.add a.how-it-works{

     border-color:#333;
     }


     section#home-hero div#select-your-pet-container div#select-your-pet-menu{
     background:#fff6;
          border-radius:10rem;     
          padding:1.2rem 1rem 0 1rem;
          display:none !important;;

     }
     section#home-hero div#select-your-pet-container a.edit{
     }
     section#home-hero div#select-your-pet-container div.view-pets{

     display: grid;
       grid-template-columns: repeat(auto-fit, minmax(70px, 70px));

       gap:1rem; 

     }
     section#home-hero div#select-your-pet-container div#select-your-pet-menu div.pet a.pet{



          border-radius:10rem;
          height:61px;
          padding:0;
          width:61px






     }
     section#home-hero div#select-your-pet-container div#select-your-pet-menu a.new{
          height:61px;
          margin:0;

          padding:0;
          width:61px

     }
     section#home-hero div#select-your-pet-container div#select-your-pet-menu a.new i{
          line-height:60px;

          font-size:30px;
     }
     section#home-hero div#select-your-pet-container div#select-your-pet-menu a.new{

          color:#fff0;




     }

     section#home-hero div#select-your-pet-container div#select-your-pet-menu div.pet a.pet span.profile-image{
          height:60px;

          margin:0;
          width:60px
     }
     section#home-hero div#select-your-pet-container div#select-your-pet-menu div.pet a.pet span.name{
          display:none;


     }


     /*


     section#home-hero div#select-your-pet-container div.add a:hover{
           animation:pulseOutlineWarning .7s;

     }

     section#home-hero div#select-your-pet-menu{
          background:#fff4;

          border-radius: 1rem;
          color:var(--bs-dark);

          padding:0rem 0 0 0;



          position:relative;

     }

     section#home-hero div#select-your-pet-menu::before{
          content:'';

          border-bottom:5px solid #fffa;
          border-top:5px solid #fffa;
          display:none;



          height:100%;
          position:absolute;
          top:0;
          left:0;
          margin:0 auto;
          right:0;


          width:calc(100% - 8rem);
     }
     section#home-hero div#select-your-pet-menu div.order-field div.view-pets{
          padding-top:1.5rem;


          text-align:center;
     }

     section#home-hero div#select-your-pet-menu div#field-select-your-pup a.edit{
          color:#888;
          top:0rem;


          right:0rem;
          z-index:100;
     }
     section#home-hero div#select-your-pet-menu div#field-select-your-pup.editing a.edit{
          top:-0.5rem;

     }

     section#home-hero div#select-your-pet-menu span.label{
          margin:1rem 0 0 2rem;

     }
     */
     section#home-hero div#home-hero-image{
     position:relative;
          z-index:0;
     }
     section#home-hero div#home-hero-image a.mockup-link{
          box-shadow:none;
          margin:0;
          padding:0;
     }
     section#home-hero div#home-hero-image a.mockup-link:hover{

     box-shadow:none;
     }
     section#home-hero div#home-hero-product{

          margin:-1rem 0 0rem 0;

          position:relative;

          z-index:10;
     }

     section#home-hero div#home-hero-product img#default-before-photo{
          background:#fff;
          border:7px solid #fff;
          border-radius:0.5rem;





          display:none;
          opacity:;
          position:absolute;

          left:5%;
          top:0%;
          width:90%;

          z-index:20;
     }
     section#home-hero div#global-select-style{

          display:none;




     }



      body.has-pets section#home-hero div#global-select-style{
          display:block;
           display:none;
          position:relative;


          text-align:center;
          z-index:100;
     }

     body.ready.loaded-pet-menu:not(.has-pets) section#home-hero div#home-hero-product img#default-before-photo{
          animation:heroShowBeforePhoto 3s;
               display:block;
          display:none;

               transform:rotate(-15deg);

               opacity:1;
               left:0%;

               top:5%;
               width:30%;    
          z-index:20;
     }



     @keyframes heroShowBeforePhoto {
          0% { 
               opacity:1;


               transform:rotate(0deg);

               left:5%;
               top:0%;
               width:90%;    
          z-index:20;


          }

          40% { 


               opacity:1;
               transform:rotate(0deg);
               left:5%;
               top:0%;

               width:90%;    

          z-index:20;


          }
          60% {




               transform:rotate(-15deg);
               opacity:1;

               left:0%;
               top:5%;

               width:30%;    
          }
          100% {

          }
      }







     body.has-pets section#home-hero div#home-hero-product img#default-before-photo{
          display:none;


     }

     section#home-hero div#home-hero-product div.hero-product{

          position:relative;
          z-index:10;

     }

     /*
     section#home-hero div#home-hero-product > div.hero-product a.mockup-link > span{

          display:none;
     }
     section#home-hero div#home-hero-product > div.hero-product a.mockup-link > span.product-ceramic-mugs{



          display:block;
     }
     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) a,
     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) a span.mockup-front{
     }
     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) span.profile-image{
          aspect-ratio:1/1;



          bottom:auto;

          height:70%;

          max-height:400px;


          left:0;
          margin:0 auto;
          right:0;

          top:10%;




          width:auto;


     }
     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) img.product,
     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) span.product-color-mask{

          display:none;

     }
     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) span.profile-image::after{

          background: linear-gradient( to top, #849FB4 50%, #fff0 100%);
          border-bottom-left-radius:500px;
          border-bottom-right-radius:500px;

          bottom:0%;




          content:'';

          display:block;
          display:none;
          left:0;
          margin:0 auto;
          height:50%;
          position:absolute;
          width:100%;
          z-index:100;
     }

     section#home-hero div#home-hero-product > div.hero-product:nth-of-type(2) span.profile-name{







          background:#fff !important;
          bottom:-28%;
          left:0;

          margin:0 auto;
          position:absolute;
          right:0;
          z-index:200;
     }


     section#home-hero div#home-hero-product > div.hero-product {
          display:none;
     }
     section#home-hero div#home-hero-product > div.hero-product.product-crewneck-sweatshirts{
          display:block;
     }


     section#home-hero div#home-hero-product > div.hero-product a.mockup-link{
          background:transparent;



          margin:0 0 5% 10%;
          padding:0;
          width:80%;
     }
     @media (max-width:576px) {
          :root{
               --hero-image-box-shadow:#fff0;
          }

          section#home-hero div#home-hero-product > div.hero-product a.mockup-link{
               margin:0 0 0 0%;
               width:110%;
          }
          body.ready.loaded-pet-menu section#home-hero div#home-hero-product img#default-before-photo{
               border:3px solid #fff;

               border-radius:0.25rem;

          }
     }
     section#home-hero div#home-hero-product > div.hero-product a.mockup-link .product-mockup .profile-image::before{
          box-shadow:0 0 0px 7px var(--hero-image-box-shadow);
          background:#849FB4;

          opacity:1;
     }




     section#home-hero div#home-hero-product > div.hero-product a.mockup-link .product-mockup.updated-design .profile-image::before{
          animation:pulseOutlineUpdatedHeroDesign 0.5s;





     }








     section#home-hero div#home-hero-product > div.hero-product a.mockup-link > span.mockup-front{

     }

     section#home-hero div#home-hero-product > div.hero-product span.view-color_swatches{
          display:none;
     }

     section#home-hero div#home-hero-image div#home-hero-product{
     }

     section#home-hero div#global-select-style{
          bottom:0rem;




          margin:0rem auto 0rem auto;
          left:0;

          opacity:0;
          right:0;

          text-align:center;

          transition:all .2s;
          vertical-align: middle;






          z-index:100;          
     }
     section#home-hero div#global-select-style.is-active{



          opacity:1;
     }


     section#home-hero div#global-select-style div.label{
          display:inline-block;




          font-weight:bold;
               padding:0.5rem 1rem 1rem 0;;
          vertical-align: top;

     }
     section#home-hero  div#global-select-style div.view-style_options{
          display:inline-block;
          vertical-align: middle;
     }
     section#home-hero  div#global-select-style a.style.template-copy{
          background:#436D8E;

          border:none;
          box-shadow:0 0 0px 2px #fff0;     

          color:#fff;
          margin:0 1rem 1rem 0;
     }
     section#home-hero  div#global-select-style a.style.template-copy.generating{
     background:#fff;

          box-shadow:none;
     }
     section#home-hero div#global-select-style a.style.template-copy:hover{





          box-shadow:0 0 0px 3px #fff;     

     }

     section#home-hero div#global-select-style a.style.template-copy.active{
          animation:pulseOutlineStyleWhite .7s;

          box-shadow:0 0 0px 5px #fff;     
          transition:all .2s;
     }
     section#home-hero div#select-your-pet-container{

          text-align:center;

     }


     section#home-hero div#select-your-pet-menu{
          background:#fff0;

          color:#fff;

          display:inline-block;



          margin:0 auto;

          padding:0 3rem 0 0;

          padding:0;


          text-align:center;

          width:calc(100% - 6rem);
     }
     section#home-hero div#select-your-pet-menu div.order-field div.view-pets{
          text-align:center;
     }
     */
     section#home-hero div#select-your-pet-menu button.flickity-button{

          background:#fff;

          border-radius:100px;

          color:var(--bs-dark);
          opacity:0.6;
          margin-top:-1.8rem;
          height:4rem;



     }
     section#home-hero div#select-your-pet-menu button.flickity-button:hover{
          background:#fff;

          opacity:1;
     }

     section#home-hero div#select-your-pet-menu button.flickity-button.previous {
          left:-4rem;

     }
     section#home-hero div#select-your-pet-menu button.flickity-button.next {

          right:-4rem;
     }

     section#home-hero div#select-your-pet-menu button.flickity-button[disabled]{
          opacity:0;
     }

     section#home-hero div#select-your-pet-container div.add a::before{
              color:#fff;


            content:'\f030';
          display:none;
               font-family:"Font Awesome 7 Pro";
          font-size:1.6rem;


          line-height:1.6rem;
              font-weight:700;

            margin:0 1rem 0 0 ;
          position:relative;
          top:0.1rem;
     }



/* HOME CUSTOMIZATION BANNER */

        

        
        /* ================================
           TRANSITION STRIP - Compact Version

           ================================ */
        .customize-strip {
            padding: 3rem 0 3.5rem;
            background: var(--form-attention);
            border-top: 1px solid rgba(0,0,0,0.04);

            border-bottom: 1px solid rgba(0,0,0,0.04);
        }
        
        .strip-header {
            text-align: center;
        }
        
        .strip-title {
            font-size: 1.75rem;
            margin-bottom: 0.5rem;
        }
        
        .strip-subtitle {
            margin: 0;
        }
        
        /* Patterns Row */

        .patterns-row {
            display: flex;
            justify-content: center;
            gap: 1.25rem;
            margin-bottom: 1.75rem;
            flex-wrap: wrap;
        }

        div.pattern-thumb.template-copy {
            display:inline-block;
             text-align: center;
            transition: transform 0.2s ease;
        }
        
        
        div.pattern-thumb.dreamy span.pattern-thumb {
               background:#5550 var(--background-style-dreamy-url) center bottom no-repeat; 
             background-position:center 70% !important;
          }
div.pattern-thumb.confetti span.pattern-thumb{
               background:#5550 var(--background-style-confetti-url) center bottom no-repeat; 
}
div.pattern-thumb.wildflower span.pattern-thumb{
               background:#5550 var(--background-style-wildflower-url) center bottom no-repeat; 
}
div.pattern-thumb.wavy span.pattern-thumb{
               background:#5550 var(--background-style-wavy-url) center bottom no-repeat; 
}

div.pattern-thumb.spotlight span.pattern-thumb{
               background:#5550 var(--background-style-spotlight-url) center bottom no-repeat; 
}
        div.pattern-thumb span.pattern-thumb {
             aspect-ratio:1;
                background-size:250% auto !important;
             background-position:center center !important;
            background:transparent;
            border-radius:0.25rem;
             display:inline-block;
            height: auto;
            object-fit: cover;
             position:relative;
            transition: all 0.2s ease;
           width:120px;
        }
        div.pattern-thumb:nth-of-type(2) span.pattern-thumb {

            transition: all 0.2s ease;
             transition-delay:0.05s;

}
        div.pattern-thumb:nth-of-type(3) span.pattern-thumb {

            transition: all 0.3s ease;
             transition-delay:0.0.6s;
}
        div.pattern-thumb:nth-of-type(4) span.pattern-thumb {

            transition: all 0.4s ease;
             transition-delay:0.07s;
}

/*
div.pattern-thumb span.pattern-thumb::before{
          aspect-ratio:1;
          background:transparent url("/images/products/style_19_design_front_1.png") center center no-repeat;
          background-size:contain;

          content:'';
          display:inline-block;
          height:auto;
          vertical-align:middle;
          border:none;
          border-radius:0;
          left:0;
          margin:0 auto;
          right:0;
          position:absolute;
          top:10%;
          width:80%;
     }
     div.pattern-thumb:nth-of-type(2) span.pattern-thumb::before{

          background-image:url("/images/products/style_19_design_front_2.png");
     }
     div.pattern-thumb:nth-of-type(3) span.pattern-thumb::before{

          background-image:url("/images/products/style_19_design_front_3.png");
     }
     div.pattern-thumb:nth-of-type(4) span.pattern-thumb::before{
          background-image:url("/images/products/style_19_design_front_4.png");
     }
*/
     body.has-custom-pet div.pattern-thumb span.pattern-thumb::before{
          aspect-ratio:1;
          background:transparent url("/images/products/style_19_design_front_1.png") center center no-repeat;
          background-size:contain;
          content:'';
          display:inline-block;
          height:auto;
          vertical-align:middle;
          border:none;
          border-radius:0;
          left:0;
          margin:0 auto;
          right:0;
          position:absolute;
          top:10%;
          width:80%;
          background-image:var(--pet-image-url);
     }
body.page-how-it-works div.patterns-row{
margin:0;
}
body.page-how-it-works div.pattern-thumb span.pattern-thumb{
border-radius:0.5rem;
     width:4rem;
}
body.page-how-it-works div.pattern-thumb span.pattern-thumb::before {
     display:none;
}

        .pattern-thumb-label {
            font-size: 0.8rem;
            margin-top: 0.5rem;
            display: block;

        }
        
        /* Divider */
        .strip-divider {
            display: flex;
            align-items: center;
            justify-content: center;

            gap: 1rem;

            margin-bottom: 1.5rem;
             opacity:0.8;
        }
        
        .strip-divider-line {
            height: 1px;
            width: 60px;
             background:#bbb;
        }
        


        .strip-divider-text {
             color:#222;
            font-size: 0.8rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
        }
        
        /* Colors Row */
        .colors-row {
            display: flex;

            justify-content: center;
            gap: 0.6rem;
            flex-wrap: wrap;
        }

        
        .color-swatch {
            width: 36px;
            height: 36px;
            border-radius:50%;
            border: 3px solid white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
             margin-bottom:2rem;
        }
        
        .color-swatch:hover {
            transform: scale(1.15);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        
        .color-swatch.active {
            box-shadow: 0 0 0 2px #333, 0 4px 12px rgba(0,0,0,0.15);
        }
        

        /* Tooltip on hover */
        .color-swatch::after {
            content: attr(data-name);
            position: absolute;
            top: -22px;
            left: 50%;
            transform: translateX(-50%);
            font-size: 0.7rem;
            opacity: 0;
            white-space: nowrap;
            transition: opacity 0.15s ease;
            pointer-events: none;
             color:#333;
        }
        
        .color-swatch:hover::after {
            opacity: 1;
        }
        
        /* Bridge to gallery */
        .gallery-link {
            text-align: center;
            margin-top: 1rem;
        }
        
        .gallery-link a {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.8rem;
            font-weight: 600;
            color: #555;
            text-decoration: none;
            padding: 0.6rem 1.25rem;
            border-radius: 50px;
            background: white;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
            transition: all 0.2s ease;
        }
        
        .gallery-link a:hover {
            color:var(--alert-dark);
            box-shadow: 0 4px 16px rgba(61, 79, 95, 0.2);

        }
        
        .gallery-link a svg {
            width: 16px;
            height: 16px;
            transition: transform 0.2s ease;
        }
        
        .gallery-link a:hover svg {
            transform: translateY(2px);
        }
        
        /* ================================
           RESPONSIVE

           ================================ */
        @media (max-width: 575px) {
            .patterns-row {
                gap: 0.75rem;
            }
            
            .pattern-thumb-img {
                width: 60px;
                height: 60px;
            }
            
            .pattern-thumb-label {
                font-size: 0.65rem;
            }
            
            .color-swatch {
                width: 32px;
                height: 32px;
            }
            
            .strip-title {
                font-size: 1.5rem;
            }
        }
        




     /* HOME SIX STYLES */



     .art-style-card {
               background-color:transparent;
                 border-radius: 20px;

                 overflow: hidden;

                 margin-bottom: 1.5rem;

                 transition: transform 0.3s;
                 height: 100%;
             }


             .style-image {

                 width: 100%;
                 height: auto;
                 background-color: #e1f4e2;
                  border-radius:1rem;

                  padding:0.5rem;
                  margin:0 auto;
                  max-width:180px;

             }

             .style-name {

                  font-size:0.9rem;
                 text-align: center;
                 padding: 0.5rem;

                 font-weight: 600;


                 color: #333;
             }

             .feature-icon {

                  aspect-ratio:1;
                  font-size:1.9rem;

                 width: 70px;

                 height: 70px;

                 border-radius: 50%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 border: 2px solid var(--bs-dark);
                 margin-right: 1rem;
                  position:relative;


             }
             .feature-icon.no-hidden-fees::after {
                  content:'';

                  border-top:2px solid var(--bs-dark);
                  display:block;
                  left:0;
                  position:absolute;
                  top:50%;
                  transform-origin:center center;
                  transform:rotate(45deg);
                  width:102%;

               }


             .feature-text {
                  font-size:1.3rem;
             }


             .features-section {

                 margin: 3rem 0;

             }



             .testimonial-section {
                 background-color: #fff;



                 border-radius: 20px;
                 padding: 2rem;
                 margin-bottom: 3rem;

                 position: relative;
             }

             .testimonial-bubble {
                 background-color: #f0f0f0;



                 border-radius: 2rem;

                 padding: 0.8rem 1.2rem;

                  position:relative;
                 margin-bottom: 0.8rem;
                  z-index:2;

             }
     .testimonial-bubble:before {
       content: "";
       position: absolute;
       z-index: 0;



       bottom: 0;

       left: -7px;
       height: 20px;

       width: 20px;

       background: #f0f0f0;

       border-bottom-right-radius: 15px;
     }


     .testimonial-bubble:after {
       content: "";

       position: absolute;
       z-index: 1;
       bottom: 0;



       left: -10px;
       width: 10px;
       height: 20px;
       background: white;


       border-bottom-right-radius: 10px;
     }

             .testimonial-name {
                 font-style: italic;

                 text-align: right;
                 margin-top: 1rem;

                 color: #666;
             }
             .testimonial-section img.testimonial-product{

                  display:block;
                  position:absolute;
                  height:160%;


                  top:-40%;
                  width:auto;


                  z-index:5;
               }



             /* Override Bootstrap column gutters for the art styles grid */
             .art-styles-row {
                 --bs-gutter-x: 0.75rem;
             }



/* HOME FEATURED PRODUCT */

div#home-featured-product{
     margin-bottom:3rem;
     margin-top:3rem;
     text-align: left;
}

div#home-featured-product div.info{
     background:#f9e7de;
     float:left;

     padding:3rem;

     width:33%;
}
div#home-featured-product div.pretitle{

     font-size:0.8rem;
          text-transform:uppercase;
          letter-spacing: 2px;
}
div#home-featured-product h4{
     font-size:1.7rem;

     letter-spacing:-0.09rem;
     margin:0.25rem 0 0 0;
}
div#home-featured-product span.price{
     display:block;

     font-weight:bold;
     margin:0.75rem 0;

}
div#home-featured-product span.price::before{
     content:'$';



}
div#home-featured-product .row {
            min-height: 300px;

        }
        
div#home-featured-product .content-card {
            background: linear-gradient(135deg, #f5e6d3 0%, #e8d5c4 100%);
     background:#f5e6d3;

background:var(--form-attention);
            border-radius: 1rem;
     border-bottom-right-radius:0;


     border-top-right-radius:0;
            padding: 2rem;
            height: 100%;
            display: flex;
            flex-direction: column;

            justify-content: center;
        }
        

div#home-featured-product div.image-container{

     background:#f5e6d3;
background:var(--form-attention);

            height: 100%;
            position: relative;

            overflow: hidden;
        }
div#home-featured-product div.image-container.image-1 a.product-link,

div#X_home-featured-product div.image-container.image-1 img{

    mask-image: radial-gradient(ellipse at 42% 50%, #000 0%, #000 50%, transparent 50.2%);
    mask-size: 200% 250%;
    mask-position: 0% 50% ;
}
div#home-featured-product div.image-container.image-2{
     border-radius:1rem;
     border-top-left-radius:0;



     border-bottom-left-radius:0;

}
div#home-featured-product a.product-link{
     border-radius:0;
     margin:0;
     padding:0;
     transform:unset;
     width:100%;
}
div#home-featured-product a > img{
            width: 100%;
            height: auto;
            object-fit: cover;
            aspect-ratio: 1 / 1;
}


        
        /* Equal height columns */
        .row-eq-height {
            display: flex;
            flex-wrap: wrap;

        }
        
        .row-eq-height > [class*='col-'] {

            display: flex;


            flex-direction: column;
        }
        
        /* Hide second image on medium screens and below */
        @media (max-width: 992px) {
            .hide-on-medium {
                display: none !important;
            }

            div#home-featured-product div.image-container.image-1{
               border-radius:1rem;

               border-top-left-radius:0;
               border-bottom-left-radius:0;

           }
        }
        
        /* Responsive adjustments */
        @media (max-width: 768px) {
            .main-title {

                font-size: 1.75rem;
            }
            

            .content-card {

                padding: 1.5rem;
            }

            
            .royal-section {

                min-height: 350px;
            }
        }

        /* Responsive adjustments */
        @media (max-width: 576px) {
               div#home-featured-product .row{
                    min-height:unset;
             }
             div#home-featured-product .content-card {
               border-radius: 1rem;
               border-bottom-right-radius:0;
               border-bottom-left-radius:0;
             }

             div#home-featured-product div.image-container.image-1{
               border-radius: 1rem;
               border-top-right-radius:0;
               border-top-left-radius:0;

             }
               div#home-featured-product div.image-container.image-1 img{

                    mask:unset;
                    padding:0 2rem 2rem 2rem;
             }
         }




     /* HOME PROMISES */

     section#home-promises{
          /*! clear:both; */

     }
     section#home-promises i{
     font-size:1.6rem;
     }
     section#how-it-works div.step-card img{


          margin-top:1rem;
          height:auto;
          width:100%;


     }
     section#how-it-works div.step-card h4 i{



          color:#aaa;
          margin:0 0.5rem 0 0;


     }
     section#how-it-works > div.mobile:not(.bg-light){
           background: radial-gradient(circle at 100% 45%, #eea8c3 3%, #f9d6ab 80%);

     }
     section#how-it-works a.btn{
          border:3px solid #fff;
     }

     section#how-it-works > div.mobile .card {
          border-top:1px solid #555;
          border-radius:0;
     }
     section#how-it-works > div.mobile .card-body {
          padding:1rem 0;
     }

     section#how-it-works > div.mobile  .feature-icon {


                 width: 4rem;
                 height: 4rem;
                 border-radius: 0.75rem;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 background-color: var(--light);
                 color: var(--primary);
                 font-size: 1.75rem;
                 margin-bottom: 1rem;
             }

     section#how-it-works > div.mobile  .step-number {
                 display: flex;


          font-size:2rem;

                 alyign-items: center;

                 justify-content: center;
                 margin-right: 1rem;
             }
     body.page-order section#home-difference{


          display:none !important;

     }
     section#home-difference img.difference{
          max-height:200px;
          float:left;


          margin:0 2rem 0 0;

     }

     section#how-it-works > div.mobile img{


          border-radius:0.3rem;

          height:auto;



          max-width:200px;
          margin:0 0 1rem 0;



          vertical-align:top;
          width:100%;
     }
     section#how-it-works > div.mobile > p{
          max-width:500px;
     }
     section#section-three-steps{
          clear:both;
     }
     section#section-three-steps img{
          aspect-ratio:1;
          width:100%;
     }

     section#section-three-steps div.icon-container{
          background:rgb(248, 249, 250);
          box-shadow:0 -4px 2px 0 #4445;
          margin:-3rem 0 0 0;
     }
     section#home-comparison div.table-responsive{
          margin:0 auto;

          max-width:800px;

     }
section#home-comparison img{
     aspect-ratio:1;
     border-radius:50%;
     display:block;
     height:auto;
     margin:0 auto 1rem auto;

     object-fit:cover;
     max-width:200px;

     width:60%;
     
}

     section#home-comparison div.table-responsive th,






     section#home-comparison div.table-responsive td{
          padding:1rem 1.5rem;
     }
     section#photo-tips div.rounded-circle{
          aspect-ratio:1;
          color:var(--bs-success);
          height:2rem;

          font-size:2rem;

          line-height:2rem;

          padding:0;
          text-align:center;

          width:2rem;

     }

     section#photo-tips div.no{
     padding-right:0.25rem;

     }

     section#photo-tips div.yes{
     padding-left:0.25rem;
          position: relative;


          margin-bottom:1rem;
          overflow:hidden;
          text-align:center;
     }
     section#photo-tips div.yes::before{
          background:#fff;

          border-radius:50%;
          bottom:-0.8rem;
        content:'';
          display:block;

        font-family:"Font Awesome 7 Pro";
          font-size:1.5rem;
          font-weight:700;
          height:3rem;

          position:absolute;
          right:-0.6rem;
          width:3rem;
          z-index:1;

     }
     section#photo-tips div.yes::after{

          color:var(--bs-success);

        content:'\f058';

          display:block;
        font-family:"Font Awesome 7 Pro";

          font-size:1.5rem;
          font-weight:700;
          position:absolute;
          right:0.2rem;
          bottom:-0.3rem;
          z-index:10;

     }
     section#photo-tips img{
          height:auto;
          width:100%;
     }





     section#photo-tips div.d-flex{

          padding:0 0.5rem;
     }
     @media (max-width:768px) {

          body section#home-hero.has-hero-image{

                  background:radial-gradient(circle at 20% 20%, #fff 0, #fff 5%,  #f9e7de 70%);
               background:transparent;
          }


          body section#home-hero.has-hero-image h1{

               font-size:2.3rem;
               line-height:2.5rem;
               text-align:center;
          }
          body section#home-hero.has-hero-image h1::before{
               height:2rem;
               margin-right:0.5rem;
               width:2rem;
          }

          section#home-hero div#home-hero-product{
               margin:-2rem auto 0rem auto;


               padding:0;

               width:40%;
          }


          section#home-hero p.lead{
               font-size:1.2rem;

               line-height:2rem;
               padding:0 1rem 1rem 1rem;

               text-align:center;


          }
          section#home-hero p.lead i.fa-heart{
          }

          .feature-icon {
               font-size:1.2rem;
               height:40px;

               margin:0 0.5rem 0 0;
               width:40px;
          }
          .feature-text {
               font-size:1rem;
          }

          .testimonial-section img.testimonial-product{
                  display:block;
                  position:absolute;

                  height:100%;
               right:-5%;

                  top:-10%;
               width:auto;
               z-index:0;

               }



          body section#home-hero div#home-hero-product > div.hero-product.product-crewneck-sweatshirts{

              top:-10%;
               left:-5%;

               width:120%;
          }
          body section#home-hero div#home-hero-product > div.hero-product.product-tote-bags{

          right:-70% ;
          transform:rotate(20deg);
          top:-10%;
          width:90%;

          }
          body section#home-hero div#home-hero-product > div.hero-product.product-square-pillows{

          left:-55%;

          top:10%;
          transform:rotate(-20deg);

          width:70%;
          }



          body section#home-hero div#home-hero-product::before{

          height:140%;
               opacity:0.3;
          right:-150%;

          top:-20%;

          width:400%;
          }

          section#home-hero div.add{

          margin:-2rem 0 0 0;
          }
          section#home-hero div.add a{
               font-size:1rem;
               margin:2.5rem auto 0.5rem auto;

               width:100%;
          }
          section#home-hero div.add div.microcopy{
               margin-bottom:1.5rem;
          }






     }
     @media (max-width:576px) {





          section#home-hero div#select-your-pet-menu{

               /*
               margin-left:1rem;


               width:calc(100% - 2rem);

               */

          }

          section#home-hero div#select-your-pet-menu button.flickity-button.previous {

               background:#fff0;

               border:3px solid #fff0;
               color:#Fff;
               border-radius:500px;
               border-top-left-radius:0px;

               border-bottom-left-radius:0px;
               left:-3rem;
          }
          section#home-hero div#select-your-pet-menu button.flickity-button.next {
               background:#fff0;

               border:3px solid #fff0;
               color:#Fff;
               border-radius:500px;
               border-top-right-radius:0px;
               border-bottom-right-radius:0px;

               right:-3rem;
          }
          section div.container div#product-gallery-header div.shop-image span.profile-image {
               height: 125px;
               width: 125px;
          }
          section div.container div#product-gallery-header h3{
               font-size:2rem;

          }
          section div.container div#product-gallery-header h4{
               font-size:1rem;
          }





     }

     section#home-hero div#home-hero-product::before{
     background:transparent url(/images/hero-background.svg) center center no-repeat;
     background-size:100% 100%;


          content:'';
          display:none;
          height:140%;

          opacity:0.3;
          right:-20%;
          top:-20%;

          width:140%;

          position:absolute;
          z-index:1;
     }
     section#X_home-hero div#home-hero-product::after{

           background: radial-gradient(circle at 50% 50%, rgba(221,68,152,0.4) 15%, rgba(221,68,152,0) 60%);
          content:'';






          display:block;
          height:140%;
          right:-10%;
          top:-18%;


          width:140%;
          position:absolute;

          z-index:0;


     }



     X_section#home-hero div#home-hero-product{

     background:transparent url(/images/hero-background.svg) center center no-repeat;
     background-size:100% 100%;
     }


     section#home-hero div#home-hero-product > div.hero-product {

          display:none;
     }

     section#home-hero div#home-hero-product > div.hero-product.product-crewneck-sweatshirts,
     section#home-hero div#home-hero-product > div.hero-product.product-tote-bags,



     section#home-hero div#home-hero-product > div.hero-product.product-square-pillows{
               display:block;
          position:relative;



          z-index:20;
     }





     section#home-hero div#home-hero-product > div.hero-product.product-tote-bags{



          position:absolute;


          right:-30%;
          transform:rotate(-10deg);
          top:0;
          width:70%;
          z-index:10;
     }
     section#home-hero div#home-hero-product > div.hero-product.product-square-pillows{
          position:absolute;
          left:-15%;

          top:15%;
          transform:rotate(20deg);
          width:50%;
          z-index:10;



     }
     section#home-hero div#home-hero-product > div.hero-product.product-tote-bags > a,

     section#home-hero div#home-hero-product > div.hero-product.product-crewneck-sweatshirts > a,
     section#home-hero div#home-hero-product > div.hero-product.product-square-pillows > a{

          background:transparent;
          mix-blend-mode:normal !important;

     }


     section#home-hero div#home-hero-product > div.hero-product a > span.name,

     section#home-hero div#home-hero-product > div.hero-product a > span.price,
     section#home-hero div#home-hero-product > div.hero-product a > span.view-color_swatches,
     section#home-hero div#home-hero-product > div.hero-product a > span.view-product_color_swatches{
          display:none;
     }
     section#home-hero div#select-your-pet-menu span.label,
     section#home-hero div#select-your-pet-menu span.value{
          display:none;

     }
     /*
     section#home-hero div#select-your-pet-menu a.edit{
          color:#fff;

          margin:0;
          right:-4rem;
     }



     section#home-hero div#select-your-pet-menu div.order-field div a.new.icon {

     }

     section#home-hero div#select-your-pet-menu div.order-field div a.new.icon {

         color:var(--bs-dark);

     }
     section#home-hero div#select-your-pet-menu div.order-field div a.new.icon i{
          background-color:var(--alert);

          color:var(--bs-dark);

     }
     section#home-hero div#select-your-pet-menu div.order-field div a.new.icon:hover i{

           animation:pulseOutlineWarning .7s;
          background-color:var(--alert-dark);
          box-shadow:none;     
     }
     section#home-hero div#select-your-pet-menu div.pet a .profile-image::before{

          background:#fffa;

     }
     section#home-hero div#select-your-pet-menu div.pet a:hover .profile-image::before{
          box-shadow: 0px 0px 0px 3px var(--bs-dark);
     }

     section#home-hero div#select-your-pet-menu div.pet.active a .profile-image::before{

          animation:pulseOutlineStyleWhite .7s;
          animation:pulseOutlineStyleDark .7s;
          background:#fffa;
          box-shadow: 0px 0px 0px 4px var(--bs-dark);
     }


     section#home-hero div#select-your-pet-menu div.pet a span.name{
     }
     section#home-hero div#select-your-pet-menu div.pet a:hover span.name,
     section#home-hero div#select-your-pet-menu div.pet.active a span.name{

         color:var(--bs-dark);
     }

     */

     section#home-hero.has-hero-image{
          padding-bottom:0;
       background: linear-gradient(-40deg,
         /* Top-left gradient area */


         #f9e7de 0%,       /* Very light pink at the top-left corner */

         #f9dbe4 22%,      /* Transition to light pink, color of the first main band */

         /* First main band (lightest pink) */

         #f9dbe4 22%,      /* Start of the first main band */






         #f9dbe4 42%,      /* End of the first main band */


         /* Second main band (more saturated pink) */
         #f5b7c5 42%,      /* Start of the second main band */

         #f5b7c5 62%,      /* End of the second main band */



         /* Third main band (orangey-peach) */

         #f7c6af 62%,      /* Start of the third main band */
         #f7c6af 82%,      /* End of the third main band / Start color for the bottom-right gradient */


         /* Bottom-right gradient area */
         #f9e7de 100%      /* Pale yellow/cream at the bottom-right corner */
       );


              background:radial-gradient(circle at 20% 60%, #fff 0, #fff4 10%,  #f8e4dd 70%);
       background: linear-gradient(-40deg,
         /* Top-left gradient area */

         #f9e7de 0%,       /* Very light pink at the top-left corner */


         /* Third main band (orangey-peach) */

         #f7c6af 62%,      /* Start of the third main band */

         /* Bottom-right gradient area */
         #f9e7de 100%      /* Pale yellow/cream at the bottom-right corner */
       );
       background:radial-gradient(circle at 15% 20%, #fff 0, #fff 5%,  #f9e7de 40%, #f9e7de 50%);


          margin-top:4rem;
          background:transparent;
     }


        .hero-blob-1 {
          position: absolute;
          top: -50px;
          right: -50px;

          width: 400px;
          height: 400px;

          background-color: #fbede7;
          border-radius: 50%;

          filter: blur(80px);

          opacity: 1;
          z-index: -1;
        }
        .hero-blob-2 {
          position: absolute;

          bottom: -50px;
          left: -50px;
          width: 400px;
          height: 400px;

          background-color: #fbede7;
          border-radius: 50%;
          filter: blur(80px);
          opacity: 1;
          z-index: -1;
        }


     section#X__home-hero.has-hero-image div#home-hero-product a::after{

          background:transparent url("/images/customize-banner-hero.png") center center no-repeat;

          background-size:contain;
          bottom:0%;
          content:'';
          height:25%;
          display:block;
          left:-5%;
          pointer-events:none;
          position:absolute;
          transition:all 1s ease-out;
          width:110%;
          z-index:200;


          display:none;
     }
     section#home-hero.has-hero-image div#home-hero-image  img.static-hero-image{
          border-radius:0.5rem;
          margin:0rem 0 0 1rem;
          margin:2rem 0;
          max-height:700px;
          object-fit:contain;
          object-position:center center;
          height:auto;
          position:relative;

          width:100%;
          z-index:100;
     }


     @media (max-width:576px) {
          .navbar-brand img,
          body.page-order .navbar-brand img,
          body.X__headroom--not-top .navbar-brand img{
              width:148px;
          }

          nav#mainNav > div.container{
               padding-left:0.5rem;
               padding-right:0;               


          }

          div#global-select-style a.style.template-copy{

               font-size:0.7rem;
               padding:0.75rem 0.5rem;
          }


     }

     @media (max-width:768px) {
          section#home-hero.has-hero-image div#home-hero-image div#home-hero-product{
               width:auto;
          }



     }


     @media (max-width:1200px) {
          section#home-hero h1{
              font-size:2.5em;
               line-height:3rem;

               margin-bottom:0.5rem;


          }
          section#home-hero h1::before{
               height:2.5rem;

               width:2.5rem;
          }
     }

     @media (min-width:576px) {
          section#home-hero div#home-hero-image{


          }
          section#home-hero div#home-hero-product > div.hero-product a.mockup-link > span.mockup-front{
          }
     }

     @media (min-width:768px) {


          section#home-hero div#home-hero-image{
          }

          section#home-hero::before{

               background:radial-gradient(circle at 50% 60%, #fff5 0, #fff4 10%,  #fff0 70%);




          }


     }
     @media (min-width:992px) {





          section#home-hero::before{
               background:radial-gradient(circle at 75% 50%, #fff5 0, #fff4 10%,  #fff0 70%);
               background:transparent;
          }
          section#home-hero div#home-hero-image{
               xborder:4px solid red;

          }

          section#home-hero div#home-hero-product > div.hero-product a.mockup-link > span.mockup-front{

               height:100%;
               left:-0%;



               width:100%;

          }



     }


     @media (min-width:1200px) {


          section#home-hero div#home-hero-image{



               xborder:8px solid red;
          }

     }

     div#global-select-style{
          display:block;

          position: relative;

       overflow-x: auto;

       white-space: nowrap;

       padding: 0 2rem;
       mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
       -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);




     }

     body.page-order div#global-select-style{
          display:none;

     }

     div#global-select-style div.view-style_options{



          margin:1rem 0;
     }
     div#global-select-style span.title{
          color:#555;
          font-weight:bold;
          margin:0 1rem 0 0;



     }
     div#global-select-style a.style.template-copy{



          background:#fff;
            background-color: #f9f9f9;
            background-color: #f1f1f1;
          background:var(--bg);
          background:transparent;
           border:1px solid #888; 
           box-shadow:0px 0px 0px 1px var(--bs-dark);     
          box-shadow:none;
           margin:0.5rem 0.75rem 1rem 0;
          opacity:0.7;
          overflow:hidden;

          padding:0.5rem 1rem;
          position:relative;

     }
     div#global-select-style a.style.template-copy.generating{

          background:#fff;
          box-shadow:none;
     }
     div#global-select-style a.style.template-copy:hover{




          background:var(--bg);
          background:transparent;
          box-shadow:0px 0px 0px 3px var(--bs-dark);
          opacity:1;
          border-color:var(--bg);




     }





     div#global-select-style a.style.template-copy.active{
          background:var(--bg);
          background:transparent;


          border-color:var(--bg);
           animation:pulseOutlineSwatchColorBG .7s;
           box-shadow:0px 0px 0px 2px var(--bg), 0px 0px 0px 5px var(--bs-dark);
           box-shadow:0px 0px 0px 2px #fff, 0px 0px 0px 5px var(--bs-dark);

          opacity:1;
     }








      /* YOUR SHOP */


      section#your-shop-menu{
           background: #fff;

           display:none;
           margin:2rem 0 0rem 0;
           text-align:center;
      }
      section#your-shop-menu div#generate-pup-image{
           display:inline-block;

      }
      section#your-shop-menu div#store-profile-image{




           display:inline-block;

           margin-top:0rem;


           vertical-align:top;
      }

      body.generating section#your-shop-menu div#store-profile-image{

           pointer-events:none;

      }


      section#your-shop-menu div#store-profile-image.generating img{





           border-radius:50%;



           box-shadow:0px 0px 0px 3px #988575;
      }
      section#your-shop-menu div#store-profile-name{



        background:#1272b9;
           height:52px; /* Set to 17% of the profile-image + profile-name sum with 3% betwen them*/

           margin:8px 0 0 0;
           object-fit:contain;


        mask-repeat: no-repeat;


        mask-size: contain;
        mask-position:center center;

           width:100%;
      }




      section#your-shop-menu div#store-profile-name img{
           height:52px; /* Set to 17% of the profile-image + profile-name sum with 3% betwen them*/



           display:none;


           border-radius:none;
           margin:8px 0 0 0;
           object-fit:contain;



           width:100%;





      }

      body.generating section#your-shop-menu div.links ul{


      opacity:0.3;


      }
      section#your-shop-menu div.links{
           display:inline-block;

           margin:0.5rem 0 0 0.5rem;





           position:absolute;

           text-align:left;
           top:0px;
           margin-left:110px;
           vertical-align:top;

      }
      section#your-shop-menu div.links h1{

           font-family: "Arvo", serif;

           font-size:2rem;
           font-weight:bold;


           margin:0.5rem 0 0.5rem 0;

           opacity:0.8;
           padding:0 1rem;
      }

      section#your-shop-menu div.links h1::after{

           content:"'s Shop"
      }

      section#your-shop-menu div.links h3{


           font-size:1rem;

           margin:1rem 0 0 0;
           opacity:0.5;
           padding-left:1rem;
      }

      section#your-shop-menu div.links ul{

           margin:0;
           padding:0;

      }
      section#your-shop-menu div.links ul li{


           display:inline-block;





           width:auto;
      }
      section#your-shop-menu div.links ul li a{
      padding:1rem 1rem;
      }
      section#your-shop-menu div.links ul li::after{

      content:'|';
       color:#5556;



      }





      section#your-shop-menu div.links ul li:last-child::after{
           content:'';


      }

/* SHOP PAGE */

div#shop-page{
     padding-top:3rem;
}
      /* PRODUCT GALLERY */

     section#full-product-gallery{
          clear:both;


           margin:0rem 0;
           padding:0rem 0;
           text-align:center;
      }

     section#full-product-gallery div.view-products{

          margin-top:1rem;
     }
     /* Hide the gallery image of the current order page product */
     section#order-page-2.product-34 section#full-product-gallery div.view-products > div:has(a.product-34),
     section#order-page-2.product-32 section#full-product-gallery div.view-products > div:has(a.product-32),
     section#order-page-2.product-31 section#full-product-gallery div.view-products > div:has(a.product-31),
     section#order-page-2.product-25 section#full-product-gallery div.view-products > div:has(a.product-25),
     section#order-page-2.product-19 section#full-product-gallery div.view-products > div:has(a.product-19),
     section#order-page-2.product-29 section#full-product-gallery div.view-products > div:has(a.product-29),
     section#order-page-2.product-35 section#full-product-gallery div.view-products > div:has(a.product-35),
     section#order-page-2.product-36 section#full-product-gallery div.view-products > div:has(a.product-36),
     section#order-page-2.product-16 section#full-product-gallery div.view-products > div:has(a.product-16){
          display:none;
     }


section#full-product-gallery h2{

      }

      section#full-product-gallery div.product{
      margin:1rem 0 2rem 0;


           overflow:hidden;
      }
      section#full-product-gallery div.product a.card{

           background:#fff;
           border-radius:0.5rem;

           cursor:pointer;
      }
      section#full-product-gallery div.product a.card:hover{
           background:#fff;
      }

      section#full-product-gallery div.product a.card h5{



           color:#444;




      }


      section#full-product-gallery div.product a.card:hover h5{
           color:#1272b9;
      }


     section#full-product-gallery div#select-style{
          background:#fff;
          border-radius:0.75rem;
          display:inline-block;
          margin:-2rem 0 3rem 0;
          padding:0.5rem 0 0 0;
     }
     section#full-product-gallery div#select-style div.label{
          display:inline-block;
          padding:0 1rem;
     }
     section#full-product-gallery div#select-style div.view-style_options{

          display:inline;
          vertical-align:middle;


     }

     section#full-product-gallery div.product div.card h6.price.is-starting-price-1::before{
           color:#777;
           content:'Starting at';
           display:block;





           font-size:0.9rem;
           position:relative;
           top:-0.2rem;





      }



      section#full-product-gallery div.product div.is-new-arrival-,



      section#full-product-gallery div.product div.card-footer{
           display:none;
      }






      /* CHANGE PAGE SUBJECT */


      div#change-page-subject{

           background:#444;

           color:#fff;
           margin:-2.5rem 0 0 0;
           padding:1rem;
           text-align:center;


      }

      div#change-page-subject span.label{
           display:inline-block;
           text-align:right;
           width:25%;



      }
      div#change-page-subject select{




           min-width:100px;

           margin-left:1%;
           width:40%;


           display:inline-block;
      }
       body.page-home section.cover .background[class*="-overlay"]::after {

           opacity: 0.7;
           background: #232323;
      }

       img#front-america-dogs-logo{
           margin-top:2rem;

           height:60%;
           max-width:100%;
      }

       section#front-cover h1::before{




           background:transparent url("/images/america-dogs-figure.svg?v=2") center center no-repeat;

           background-size:100% 200%;
           content:'';


           display:block;
           height:300px;
           height:30vh;


           margin:2rem auto;

      }
       section#front-cover h1{
           font-family: "Leckerli One", cursive;

           font-weight: 400;


           font-style: normal;
           position:relative;

           z-index:2;

      }


       section#front-cover h1 span{

           color:#ffffffbb;
           font-family: "Arvo", serif;



           font-weight: 700;
           font-style: normal;
           display:block;






           font-size:2rem;


           font-weight:normal;
      }
       div#home-star-dogs{


           position:absolute;



           z-index:0;

      }
       div#home-star-dogs img{

           border-radius:50%;
           height:200px;
           left:0%;
           object-fit:cover;
           position:absolute;

           top:0%;
           width:200px;
      }
      div.theme-banner,

       div#home-adventures-banner{
            border-radius:0.5rem;

            margin:0 0 1rem 0;

            overflow:hidden;
         position:relative;
      }
      div.theme-banner::after,




       div#home-adventures-banner::after{
         background:#3337;

         background: linear-gradient( to top, #000a, #0000 40%);
         content:'';

         display:block;


         height:100%;
         left:0;


         position:absolute;
         top:0;
         width:100%;

          z-index:1;

      }
      div.theme-banner img,




      div#home-adventures-banner img{



           display:inline-block;
           height:25vh;
           object-fit:cover;


           width:33.33%;


      }

      div.theme-banner.theme-count-3 img,

      div#home-adventures-banner.theme-count-3 img{


           height:30vh;

      }


      div.theme-banner h1{
           color:#fff;

           position:absolute;
           text-align:center;

           top:40%;

           width:100%;
           z-index:100;











           bottom:0;

           left:2rem;
           top:auto;

           width:auto;



      }




      div#home-adventures-banner a.view-all{
        border-radius:5rem;
        border:2px solid #fff;
           bottom:20%;
           font-size:1.2rem;

           font-weight:bold;
           height:auto; 
           letter-spacing:-0.05rem;
        left:0;
        line-height:1.5rem; 


        margin:0 auto;









           padding:2rem 0 2rem 2.5rem;

         position:absolute;

        right:0;


        max-width:400px;

        z-index:5;

      }
      div#home-adventures-banner a.view-all i{


        font-size:2.5rem;
           position:absolute;



        left:1rem;
        top:30%;
      }












      div#dog-list-carousel{





           display:none;
      }

      div.dog-list-thumbnails a:not(.template){
           color:#aaa;
           display:inline-block;
           margin-bottom:2rem;
           text-align:center;


           vertical-align:top;
      }

      div.dog-list-thumbnails a img{



           border-top-left-radius:0.5rem;
           border-top-right-radius:0.5rem;
           height:150px;
           display:block;

           margin:0 auto;
           padding:0.5rem 0 0 0;

           object-fit:cover;

           transition:all .4s;


           width:100%;     

      }
      div.dog-list-thumbnails a:hover{


           color:#222;



      }

      div.dog-list-thumbnails a:hover img{

           padding:0;


      }



      /* BLANK THEME IMAGES */

      .product-image img.blank-theme, img.blank-theme{
           background: rgb(251,249,249);
           background: radial-gradient(circle, rgba(251,249,249,1) 33%, rgba(206,207,205,1) 90%);


      }
       .product-image img+img.blank-theme, a:hover img.blank-theme{

           background: rgb(255,255,255);

           background: radial-gradient(circle, rgba(255,255,255,1) 38%, rgba(148,151,240,1) 100%);



      }

       a.active img.blank-theme{
           background: rgb(255,255,255);
           background: radial-gradient(circle, rgba(255,255,255,1) 33%, rgba(145,206,240,1) 90%);
           background: rgb(255,255,255);



           background: radial-gradient(circle, rgba(255,255,255,1) 33%, rgba(101,193,244,1) 90%);
           background: rgb(255,255,255);
           background: radial-gradient(circle, rgba(255,255,255,1) 20%, rgba(38,46,225,1) 90%);
           background: rgb(255,255,255);
           background: radial-gradient(circle, rgba(255,255,255,1) 38%, rgba(83,88,231,1) 100%);
      }


      /* PRODUCT-IMAGE . SHOW-THUMBNAILS */




      .product-image {

           position:relative;

           margin-bottom:.75rem 
      }



       .product-image img {
           max-width:100% 
      }


       .product-image:hover img+img {
           opacity:1 
      }
       .product-image a span.mockup::before{
           content:'';
           height:100%;

           left:0;
           background: linear-gradient(

            to top,
            #0005,
            #0000 25%
          );
           position:absolute;
           top:0;

           width:100%;

           z-index:1000;

      }


      .product-image a {


           position:relative;
           display:block 
      }

       .product-image img+img {





           transition:all .25s;
           transition-delay:0s;
           position:absolute;
           top:0;
           left:0;
           opacity:0 
      }
       .product-image.show-thumbnails img+img{


           bottom:0;

           opacity:1;
           top:auto;
           width:25%;



      }








       .product-image.show-thumbnails img+img+img{
           left:25%;
      }

       .product-image.show-thumbnails img+img+img+img{

           left:50%;
      }
       .product-image.show-thumbnails img+img+img+img+img{

           left:75%;




      }
       .product-image {
           position:relative;
           margin-bottom:.75rem 



      }


      .product-image a span.mockup{


           border-bottom:4px solid #fff;





      }

       .product-image a > span.product-layer-preview {
           display:block;
           max-width:100%;

      }


       .product-image:hover a > span.template-copy.product-layer-preview+span.template-copy.product-layer-preview {


           opacity:1 
      }




      .product-image.dog-image a {


           padding-bottom:0;


      }


      .product-image a {
           padding-bottom:1rem;
           position:relative;
           display:block;





           transition:all 0s;
      }
       .product-image a span.product-layer-preview.template-copy + span.product-layer-preview.template-copy {
           transition:all .2s;
           transition-delay:0s;
           position:absolute;
           bottom:0;

           left:0;

           opacity:0 
      }
       .product-image a span.parent-name{
           color:#222;
           display:block;
           font-size:0.8rem;

           font-weight:bold;





           padding:0.5rem 0 0 0;







      }
       .product-image a span.name{





           color:#222;
      }




      .product-image a span.product-name{
           color:#222;
           display:block;



           font-weight:bold;
      }
      .product-image a span.product-price{

      color:#222
      }
      .product-image a:hover{

           background:#4726e1;

           color:#fff;
      }
      .product-image a:hover span.product-name,
      .product-image a:hover span.product-price{
           color:#fff;
           padding-left:1rem;
      }



      .product-image a span.dog-colors{






          display:block;





          margin:-40px 0 0 -5px;
      }
      h1 span.dog-colors img.template{
           display:none;

      }





      h1 span.dog-colors img.template-copy,
      .product-image a span.dog-colors img.template-copy{
           background: rgb(251,249,249);


           background: radial-gradient(circle, rgba(251,249,249,1) 33%, rgba(206,207,205,1) 90%);





          border:4px solid #fff;

          border-radius:50%;
      display:inline-block;

          height:50px;
          margin:0.5rem 0rem;



          opacity:1;


          object-fit:cover;

          position:relative;
          max-width:16%;
      width:50px;


      }
      h1 span.dog-colors img.template-copy{
           border:none;

           margin:-1rem 0.5rem 0 0;
      }


      /* PAGE DOG */

      h1, body.page-dogs h1{
             font-family: "Karla", sans-serif;
       font-optical-sizing: auto;



           font-style: normal;

           font-size:3rem;
           font-weight:300;
      }
      p.page-info{

           color:#777;



           font-style:italic;
      }
      p.page-info i{

           color:#4726e1;



      }
      section#page-dog:not(.has-theme-id) div#select-adventure,
      section#page-dog div#dog-color-select{

           display:none;
      }
       body.page-dogs h4 span{


           color:#ababab;



           display:inline-block;

           font-weight:normal;
           margin:0 1rem 0 0;

      }

      /* PAGE DOGS */
       div#related-products span.product-layer-preview,
       div#product-page-gallery span.product-layer-preview{
           opacity:0;
          /* width: 62.5%;

           height: 50%;
           top: 15%;

           left: 18.75%;


           width: 40%;
           height: 40%;
           top: 20%;
           left: 30%;



           */
            display:none;


           height:100%;
           left:0;
           top:0;



           transition:all 1s;
           width:100%;
      }
       div#related-products span.product-layer-preview.active,



      div#product-page-gallery span.product-layer-preview.active{


           opacity:1;

            display:block;
           transition:all 0.5s;
      }


      /* SELECT THUMBNAIL */

       div.select-thumbnail{
           margin:0 0 0rem 0;
      }


       div.select-thumbnail a:not(.template){



           color:#333;

           display:inline-block;

           padding:.5rem;

           text-align:center;



           text-decoration:none;

      }
       div.select-thumbnail a img:not(.template){

           box-shadow:0px 0px 4px #5550;
           display:block;
           height:200px;


           object-fit:cover;

           margin:0 auto 0.25rem auto;




          /*! padding:5px;
           */
           transition:all 0.2s;
           width:200px;

      }




       div.select-thumbnail.size-medium a img:not(.template){
           border-radius:0.5rem;



           height:170px;
           margin-bottom:20px;
           margin-top:20px;

      }
       div.select-thumbnail.size-medium a.active img{
           height:200px;
           margin-bottom:10px;

           margin-top:0px;
      }
       div.select-thumbnail.size-small a img:not(.template){
           border-radius:1rem;

           height:105px;






           width:105px;
      }
       div.select-thumbnail a:hover img{
           border-color:#fff;
           box-shadow:0px 0px 0px 3px #fff, 0px 0px 5px 3px #4726e1;

      }

       div.select-thumbnail a.active img{
           box-shadow: 0px 0px 0px 3px #fff, 0px 0px 5px 3px #4726e1, 0px 0px 0px 7px #4726e1;
      }
       div.select-thumbnail a.active{


           color:#4726e1;

           pointer-events:none;
      }
      div.select-thumbnail a span.name{
           display:block;
           padding-top:0.25rem;


      } 
      div.select-thumbnail a.hidden{
           display:none;
      }

       div#dog-list-carousel.select-thumbnail{



           padding:0;

           transition:all 0.5s;


      }

       div#dog-list-carousel.select-thumbnail figure{

           margin:0;




      }

       div#dog-list-carousel.select-thumbnail a.active{

           background:#4726e1;


           color:#fff;
           border-radius:1rem;




           pointer-events:none;


      }


       div#dog-list-carousel.select-thumbnail a.active span{

           color:#fff;



      }
       .loading-inner-data div#dog-list-carousel.select-thumbnail{
           opacity:0.5;
           pointer-events:none;







      }



      /* PRODUCT GALLERY */

       div#product-gallery figure.product-image a{
           display: block;


           position: relative;
           width: 100%;





          /* Responsive width */
           padding-top: 100%;



          /* Equal to width for square aspect ratio */
           overflow: hidden;

          /* Hide overflowing parts of the images */
      }
       div#product-gallery figure.product-image a:hover{



           border-color:#1171ba;
           border-radius:4px;
           box-shadow:0px 0px 0px 5px #1171ba;
      }


       div#product-gallery figure.product-image span.theme{
           animation: imageFade 12s infinite;

           display:block;
           height:100%;
           left:0px;
           position:absolute;

           top:0px;

           transition:all 0.5s ease-out;
           width:100%;
           z-index:0;
      }
       div#product-gallery figure.product-image a span.view-images{

           display:block;
      }

       div#product-gallery figure.product-image img{

           object-fit:cover;




           object-position:bottom left;
           height:100%;
           opacity:0.4;
           transition:all 0.5s ease-out;

           z-index:-10;


      }
       div#product-gallery figure.product-image img.active{
           opacity:1;
           z-index:0;

      }
       @keyframes imageFade {




           0%{

              z-index:0;
               width:100%;
          }
           25%, 50% {

              z-index:5;

              width:100%;


          }



           75%{


              z-index:5;
          }

           75%, 99% {


               z-index:5;



               width:0%;
          }



          /* Adjust these percentages based on number of images */

           100%{
              z-index:0;

               width:0%;
          }
      }
      /* Animation delay for each image */
       div#product-gallery figure.product-image span.theme:nth-last-of-type(2) {

           animation-delay:3s;
      }
       div#product-gallery figure.product-image span.theme:nth-last-of-type(3) {


           animation-delay:6s;
      }



      /* ADVENTURES PAGE */

      section#page-adventures{



          min-height:300px;
      }








      /* PAGE - My DOG */



      section#upload-photo div.upload-section{

           background-color: #fff;
           padding:0 3rem;


      }

      section#upload-photo div.container{
           text-align:center;
      }
      section#upload-photo div.container > video{
           display:block;
           margin:0 auto;

           height:6rem;
           opacity:0.3;




           transition:all .5s;
           transition-delay:5s;

           width:6rem;
      }
      body:not(.ready) section#upload-photo div.container > video{
           opacity:0;

           transition-delay:0s;
      }


      section#upload-photo div.container > h3{

           background:transparent url('/images/get-started.svg') center center no-repeat;
           background-size:contain;
           color:#c52b32;

           color:transparent;


           font-size:2rem;

           font-weight:bold;

           height:6rem;
           margin:1rem 0 1rem 0;
           text-align:center;
      }



              .step-indicator {

                  margin-bottom: 20px;
                   position:relative;

                   text-align:center;
              }
              .step-indicator .step {

                   color:#bbbdbf;






                  position:relative;
                   z-index:10;



                   text-align:center;

              }


              .step-indicator .step .number {
                  background-color: #d0d2d3;
                  border-radius: 50%;





                  color: #FFF8ED;






                   display:inline-block;

                   font-size:1.5rem;



                  font-weight: bold;


                   height:3rem;
                   line-height:3rem;


                   width:3rem;

              }

              .step-indicator .step.active h5 {
                  color: #2d2b2c;

              }
              .step-indicator .step.active .number {


                  background-color: #2d2b2c;

              }
      .step-indicator div.line-container{
                  background-color: #d0d2d3;

           bottom:1.25rem;



                  height:0.5rem;
           left:25%;
           position:absolute;
           width:50%;
                   z-index:0;
      }
              .step-indicator .step.active + .line {

              }
              .preview-section {
                  background-color: #fff;



                  padding: 30px;
                  border-radius: 8px;

                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
              }
              .upload-section h3 {

                  margin-bottom: 20px;

              }

              .upload-section .form-group {
                  margin-bottom: 20px;
              }
              .submit-btn {
                  width: 100%;
                  font-size: 18px;

                  padding: 10px;
                  background-color: #1272b9;

                  color: #fff;
                  border: none;

                  border-radius: 5px;
              }
              .submit-btn:hover {
                   box-shadow:0 0 0px 4px #fff, 0 0 5px 5px #1272b9;
                   color:#fff;
                }
              .preview-section {
                  text-align: center;
                  margin-top: 20px;
              }

              .preview-section .style-options {

                  display: flex;
                  justify-content: center;


                  gap: 15px;
              }

              .preview-section .style-options div {
                  text-align: center;


              }
      div.preview-section div.style-options div.generate-image.generated::before{

           background: radial-gradient(circle, rgba(255,255,255,1) 38%, rgba(148,151,240,1) 100%);     

      }




      div.preview-section div.style-options p{
           margin:1rem 0;
      }

      div.preview-section div.style-options div.example-photo img{

           border-radius:0.25rem;
      }





      /* ADD YOUR PUP */

     div.modal{
          z-index:3005;
     }
     div.modal-backdrop{

          z-index:3000;
     }
      div.modal-content{


           border-radius:1.5rem;



      }


      div#add-your-pup-modal div.modal-header{
           background:transparent url("/images/add-your-pup.svg?v=2") center 1rem no-repeat;

           background-size:65% 100%;

           background:none;

      }
      div#add-your-pup-modal.add-more div.modal-header{

           background:transparent url("/images/add-another-pooch.svg?v=3") center 1rem no-repeat;


           background-size:65% 100%;
           background:none;



      }
      div#add-your-pup-modal div.modal-header{
           padding:1rem 1rem;
     }
     div#add-your-pup-modal div.modal-header h1{
          font-size:2.5rem;
           margin:2rem 0 0 0;
           padding:0;
           opacity:1;
           overflow:hidden;


           text-indent:-1000px;


                 transition:all .2s;
           visibility:visible; 

           width:100%;








           margin:0;
           text-indent:0;
           text-align:center;

           height:auto;

      }
     div#add-your-pup-modal:not(.generated) div.modal-header h1 span.generated,

     div#add-your-pup-modal.generated div.modal-header h1 span.add{

          display:none;

     }
     div#add-your-pup-modal div.modal-header h1 i{
           color:var(--alert-dark);
     }
     div#add-your-pup-modal.generating div.modal-header,
      div#add-your-pup-modal.generating div.modal-header h1{
           height:1px;

           opacity:0;


           margin:0;
           padding:0;

           visibility:hidden;
      }


      div#add-your-pup-modal div.modal-header .btn-close {

        margin: -4rem -1rem -2rem auto;


      }
      div#add-your-pup-modal div.modal-body{
           padding-top:0;
           padding:0 1rem 0rem 1rem;
      }


      form#upload-form div#generated-dog,
      div#add-your-pup-modal.generating form#upload-form > div,

      div#add-your-pup-modal.generating form#upload-form > button,
      div#add-your-pup-modal.generated form#upload-form > div,
      div#add-your-pup-modal.generated form#upload-form button#submit-upload-photo,



      div#add-your-pup-modal.generating form#upload-form.has-photo button#submit-upload-photo,
      div#add-your-pup-modal.generated form#upload-form.has-photo button#submit-upload-photo{





           display:none;
      }
      div#add-your-pup-modal.generating form#upload-form > div#generated-dog,

      div#add-your-pup-modal.generated form#upload-form > div#generated-dog{
           display:block;
      }
      div#add-your-pup-modal.generated div.modal-header{
           background-image:url("/images/what-a-cute-pup.svg");
           background-repeat:no-repeat;
           background-position:center center;

          background-size:78%;
          background:transparent;
     }



     div#add-your-pup-modal.pet-type-2.generated div.modal-header{


           background-image:url("/images/what-a-cute-cat.svg");
           background-position:center center;
          background-size:70%;
          background:transparent;

     }

     div#add-your-pup-modal.generated div.modal-header h1{
     }
      div#add-your-pup-modal.generated div.modal-header button{

      display:none;



      }

      div#add-your-pup-modal form#upload-form {
           position:relative;
          padding-bottom:1rem;


     }

      div#add-your-pup-modal form#upload-form div.form-group{
           margin:0 0 1rem 0;
      }

     div#add-your-pup-modal form#upload-form label.name-label,
     div#add-your-pup-modal form#upload-form label.photo-label{
          display:none;
     }
     div#add-your-pup-modal form#upload-form div.image-upload small{
          display:block;
          padding:0.5rem 0 0 0;
          text-align:center;


     }

     div#add-your-pup-modal form#upload-form.has-photo div.image-upload small,
     div#add-your-pup-modal form#upload-form.has-photo div#modal-photo-guide{

     display:none;
     }

     div#add-your-pup-modal form#upload-form div.incomplete-message{
     background-color: #fff;

     border: 1px solid #cdcdcd;
     border-radius: 4px;

       bottom:30px;


     box-shadow: 0 2px 4px rgba(0,0,0,.13);
       left:0;
          margin:0 auto;
          right:0;


          opacity:0;

       padding:1rem;
          pointer-events:none;
       position:absolute;
          text-align:center;
           transition:all 0s;
          visibility:hidden;

          width:300px;

          z-index:10;
     }
     div#add-your-pup-modal form#upload-form div.incomplete-message i{


     color:#ff361c;
          display:inline-block;
          margin-right:0.5rem;
          font-size:1.5rem;
     }
     div#add-your-pup-modal form#upload-form.show-incomplete div.incomplete-message{

          opacity:1;
           transition:all .2s;


          visibility:visible;
     }
     div#add-your-pup-modal form#upload-form.incomplete-name div.incomplete-message span.photo,
     div#add-your-pup-modal form#upload-form.incomplete-photo div.incomplete-message span.name{


          display:none;
     }
     div#add-your-pup-modal form#upload-form div.incomplete-message::before {
       content: "";
       width: 0px;
       height: 0px;
       position: absolute;
       bottom:-20px;





          border-top: 10px solid #ccc;
       border-bottom: 10px solid transparent;
       border-left: 10px solid transparent;


       border-right: 10px solid transparent;
          left:0;




          margin:0 auto;
       right:0;

       z-index:100;

     }
     div#add-your-pup-modal form#upload-form div.incomplete-message::after{
          bottom:-18px;




       content: "";


       width: 0px;



       height: 0px;
       position: absolute;
       border-top: 10px solid #fff;
       border-bottom: 10px solid transparent;

       border-left: 10px solid transparent;

       border-right: 10px solid transparent;

          left:0;

          margin:0 auto;
       right:0;
       z-index:100;
     }








     div#add-your-pup-modal form#upload-form button#submit-upload-photo{


          display:none;
          margin-top:1rem;
          position:relative;
           transition:all .2s;
      }



     body.uploading-image div#add-your-pup-modal form#upload-form div.image-upload,

     div#add-your-pup-modal form#upload-form.loading div.image-upload,


     div#add-your-pup-modal form#upload-form.has-photo div.image-upload{
          pointer-events:none;

     }
     div#add-your-pup-modal form#upload-form.has-photo button#submit-upload-photo{
           background-color:#7EC242;
           background-color:var(--alert);

     display:block;
     margin-top:-0.5rem;
     }
     div#add-your-pup-modal form#upload-form.has-photo button#submit-upload-photo::before{


        content:'\f005';
          color:#fffc;
        font-family:"Font Awesome 7 Pro";
          font-weight:600;
          margin:0 0.5rem 0 0;
     }
     div#add-your-pup-modal form#upload-form.has-photo button#submit-upload-photo:hover{
                   box-shadow:0 0 0px 4px #fff, 0 0 5px 5px var(--alert);

           background-color:var(--alert-dark);

     }




     body.uploading-image div#add-your-pup-modal form#upload-form button#submit-upload-photo{

          opacity:0.5;

          pointer-events:none;


     }

     div#add-your-pup-modal form#upload-form.show-incomplete button#submit-upload-photo{


          box-shadow:none;




          cursor:default;




          opacity:0.5;


          z-index:0;


     }


     div#add-your-pup-modal form#upload-form button.btn-secondary{


           display:block;

           display:none;
           margin:1rem 0 0 0;


           opacity:0.5;

           width:100%;
      }


     /* MODAL PHOTO GUIDE */

     div#add-your-pup-modal div#modal-photo-guide{
          background:var(--bs-light);


          background: #efe3dd;
          background:#fff;
          background: #efe3dd;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 80%);
          background: #efe3dd;

          border-radius:0.3rem;
          margin:2rem -35px -2rem -35px;
          margin:2rem -20px -1rem -20px;


          margin:2rem 0px -0.5rem 0px;


          padding:1rem 20px 2rem 20px;
          position:relative;
          overflow:hidden;

     }


     div#add-your-pup-modal div#modal-photo-guide h3{
          font-size:1.4rem;

          font-family:"Karla";
          margin-bottom:0.5rem;

     }
     div#add-your-pup-modal div#modal-photo-guide h3 i{
          font-size:1.4rem;

          margin-right:0.5rem;


     }
     div#add-your-pup-modal div#modal-photo-guide img{

          background:#fff;

          border-bottom-left-radius:0.2rem;
          border-bottom-right-radius:0.2rem;
          height:auto;
          padding:0.5rem;

          width:100%;
     }
     div#add-your-pup-modal div#modal-photo-guide span.title{
          background:#fff;
          border-top-left-radius:0.2rem;
          border-top-right-radius:0.2rem;


          display:block;

          font-size:0.9rem;

          font-weight:bold;


          padding:0.25rem 0;
          text-align:center;
     }
     div#add-your-pup-modal div#modal-photo-guide div.col-6{
          position:relative;
     }
     div#add-your-pup-modal div#modal-photo-guide div.col-6::before{
          background:#fff;
          border-radius:50%;
          bottom:0rem;
        content:'';
          display:block;
        font-family:"Font Awesome 7 Pro";
          font-size:1.5rem;
          font-weight:700;
          height:2.6rem;
          position:absolute;



          right:0.25em;
          width:2.6rem;


          z-index:1;



     }
     div#add-your-pup-modal div#modal-photo-guide div.col-6::after{

          color:var(--bs-success);
        content:'\f058';
          display:block;

        font-family:"Font Awesome 7 Pro";
          font-size:1.5rem;
          font-weight:700;
          position:absolute;

          right:1rem;
          bottom:0.25rem;
          z-index:10;
     }



      div#modal-profile-image{
           display:block;
           text-align:center;
           pointer-events:none;
           vertical-align:top;

           width:100%;
      }
      div#modal-profile-image{




           display:inline-block;
      }
      div#modal-profile-image div.profile-image{

           margin-bottom:0;
           transition:all .2s;
     }
     div#generated-dog p{


           color:var(--bs-dark);

      }
      div#modal-profile-image p{

           margin:-1rem 0 2.5rem 0;
      }
      div#add-your-pup-modal.generating div#modal-profile-image div::before,

      div#add-your-pup-modal.generating div#modal-profile-image a::before{
           background:#fff0;
     }




     div#add-your-pup-modal.generating div#modal-profile-image .profile-image{

          background:#fff;


          height:15rem;
     }
     div#add-your-pup-modal.generating div#modal-profile-image .profile-image > img{

          opacity:0;
     }

     div#add-your-pup-modal.generating.generated-photo-style div#modal-profile-image .profile-image > img{

          border-radius:1rem;

          height:12rem;
          width:12rem;
          opacity:1;
          top:20%;
          z-index: 0;
     }





     div#add-your-pup-modal.generated div#modal-profile-image .profile-image::before{
           animation:pulseOutlineUpdatedDesign 2s;

     }

     div#modal-profile-image a::before,
      div#modal-profile-image div::before{
           background:#e3ecf1;
           box-shadow:0px 0px 0px 0px #988575;
      }
      div#modal-profile-image a{


           border-radius:50%;
           margin:0 1rem;

      }

      div#modal-profile-image a.generated::before{
           box-shadow:none;

      }
      div#modal-profile-image a.generated,

      div#modal-profile-name a{

           cursor:pointer;



      opacity:0.7;
           pointer-events:all;     
      }
      div#modal-profile-image a#modal-profile-image-style-1.profile-image img{
           border-radius:0px;
      }


      div#modal-profile-image a.generated:hover,
      div#modal-profile-name a:hover{
      opacity:1;

      }





      div#modal-profile-image a.generated.active::before,

      div#modal-profile-name a.active{

           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px #1272b9;

           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px #1272b9, 0px 0px 5px 7px #1272b9;



      }
      div#modal-profile-image a.generated:hover,


      div#modal-profile-name a:hover{

           box-shadow:0px 0px 0px 3px #1272b9;
      }

      div#modal-profile-image a.generated.active{
           pointer-events:none;




      opacity:1;

      }
      div#add-your-pup-modal.generating div#modal-profile-name{
           display:none;

      }

      div#modal-profile-name{
           text-align:center;

      }
      div#modal-profile-name a,


      div#modal-profile-name > div{
           background:#e3ecf1;
           border-radius:1rem;
           display:inline-block;
           margin:0 0.5rem;



           padding:1rem;
      }
      div#modal-profile-name a.active{
           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px #1272b9;

           box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px #1272b9, 0px 0px 5px 7px #1272b9;
           opacity:1;

           pointer-events:none;
      }

      div#modal-profile-name > div,
      div#modal-profile-name a span{
           border-radius:0px;
           display:inline-block;

           object-fit:contain;
        background:var(--bs-dark);

        mask-repeat: no-repeat;
        mask-size: contain;
        mask-position:center center;
      }

      div#modal-profile-name a.generating{





           background:transparent url("/l.svg") center center no-repeat;
           background-size:100% 100%;


      }



      div#modal-profile-name div img,
      div#modal-profile-name a img{
           border-radius:none;
           height:4rem;
           object-fit:contain;
           visibility:hidden;

           width:100%;
      }
      div#add-your-pup-modal div#generated-dog div#modal-change-name{
      display:none;
      }



      /* PROGRESS BAR */

     div#add-your-pup-modal.generated div.progress{


          height:1px;
          opacity:0;
     visibility:hidden;
     }
     .progress {

        padding: 0px;



        border-radius: 0.25rem;

        background:#5552;

        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);

           display:block;
           height:1.5rem;


           margin:0.5rem 1rem;
          opacity:1;

        transition: 0.15s linear;
      }
      .progress-moved .progress-bar {

        width: 100%;

        background-color: #1272b9;

        background-color:var(--alert);
        background-color:var(--bs-dark);
        animation: progressAnimation 38s linear;
        border-radius: 0.2rem;


           height:1.5rem;


      }
      .progress-bar {
           height:2rem;
        border-radius: 0.2rem;


        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));

        transition: 0.4s linear;
          transition-property: all;


        transition-property: width, background-color;
      }

      @keyframes progressAnimation {

        0% {
          width: 0%;
        }







        100% {
          width: 100%;
        }

      }


      /* CONTINUE BUTTON / GENERATING MESSAGE */


      div#add-your-pup-modal div#generated-dog button.continue{
           margin:2rem 0 0 0;



           width:100%;

      }


      div#add-your-pup-modal div#generated-dog button.continue::before{
      content:'Continue';
      }

      div#add-your-pup-modal.generating div#generated-dog button.continue{
           animation: pulseFade 2s infinite;
           background:#fff;

           border-color:#fff;;


           color:#a08c60;

          color:var(--alert-dark);
           font-size:1.5rem;
           font-weight:bold;


           margin-top:0;
           pointer-events:none;
      }


      div#add-your-pup-modal.generated div#generated-dog button.continue span{
      display:none;

      }


      div#add-your-pup-modal.generating div#generated-dog button.continue::before{
           animation: wave 2s infinite;
        content:'\e2ca';

           display:inline-block;

        font-family:"Font Awesome 7 Pro";

           font-size:1.5rem;
           font-weight:200;
           margin-right:1rem;


           background:#fff;
           border-radius:50%;
           font-size:5rem;
           height:10rem;
           left:0;
           line-height:10rem;


           margin:0 auto;


           position:absolute;
           right:0;
           top:9%;
             transition:all .15s;

         width:10rem;
      }
      div#add-your-pup-modal.generating div#generated-dog button.continue::before,
      div#add-your-pup-modal.generating.generated-photo-style div#generated-dog button.continue::before{
          height:15rem;
          top:3%;
          font-size:7rem;
          line-height:15rem;


          width:17rem;
     }
     div#add-your-pup-modal.generating div#generated-dog button.continue.step-1 span::after{ 
          content:' pooch'; }
     div#add-your-pup-modal.pet-type-2.generating div#generated-dog button.continue.step-1 span::after{ 
          content:' kitty'; }



     div#add-your-pup-modal.generating div#generated-dog button.continue.step-0::before{ content:'\e0b7'; }
     div#add-your-pup-modal.generating div#generated-dog button.continue.step-2::before{ content:'\f004'; }

      div#add-your-pup-modal.generating div#generated-dog button.continue.step-3::before{ content:'\f5a9'; }
      div#add-your-pup-modal.generating div#generated-dog button.continue.step-4::before{ content:'\f53f'; }
      div#add-your-pup-modal.generating div#generated-dog button.continue.step-5::before{ content:'\f55d'; }
      div#add-your-pup-modal.generating div#generated-dog button.continue.step-6::before{ content:'\f890'; }

      div#add-your-pup-modal.generating div#generated-dog button.continue.step-7::before{ content:'\f5d7'; }

      div#add-your-pup-modal.pet-type-2.generating div#generated-dog button.continue.step-7::before{ content:'\f578'; }
      div#add-your-pup-modal.generating div#generated-dog button.continue.step-8::before{ content:'\f1b0'; }






      /* UPLOAD FORM */





      div.image-upload a.upload-button{
        background:var(--alert);
        border-radius:0.5rem;

           color:#555;
        display:inline-block;
        padding:0.5rem 2rem;
        position:relative;

        text-decoration:none;

           width:100%;
           z-index: 10;
      }

      div.image-upload a#upload-photo-button.upload-button::before{

           content:'Select Photo';
      }
      div.image-upload a.upload-button:hover{
        background:var(--alert-dark);
      }
      div.image-upload a.upload-button:active{
        background:#bbb;


        border-style:inset;



      }
      div#add-new-design-modal div.image-upload a.upload-button.replace-file{
        display:none;






      }
      div#add-new-design-modal.edit-design div.image-upload a.upload-button.replace-file{

        display:inline-block;


      }
      form.uploading a.upload-button.replace-file{

        opacity:0.5;
        pointer-events:none;


      }
      div.image-upload a#upload-photo-button.upload-button.uploading::before{
      content:'Uploading';

     position:relative;







           z-index:10;
      }

     div.image-upload.loading a#upload-photo-button.upload-button::before{

                animation: wave 2s infinite,  alertPulse 2s infinite;
          content:'\f1b0';
          display:inline-block;


           font-family:"Font Awesome 7 Pro";

           font-size:2rem;
           margin:-0.5rem 1rem 0 0;
          position:relative;
           top:0.25rem;
           z-index:10;
     }
     div.image-upload.loading a#upload-photo-button.upload-button::after{


           content:'Verifying';

          animation: alertPulse 2s infinite;

          position:relative;

           z-index:10;

      }
     @keyframes alertPulse {

          0% {
               color:var(--alert);

               color:var(--bs-dark);
          }

          50% {
               color:#fff;
          }

          100% {
               color:var(--alert);
               color:var(--bs-dark);
          }
     }

     div.image-upload.loading a#upload-photo-button.upload-button span.upload-progress{


          animation: progressAnimation 14s linear;
          background:var(--alert);
          background:var(--bs-dark);

          border-radius:0.25rem;
          display:block;


          height:100%;




          left:0;
          position:absolute;

          top:0;
          width:100%;
          z-index:0;
     }


     div.image-upload.loading small{

          visibility:hidden;

     }

     div.image-upload a.upload-button{


           height:3rem;

           line-height:2rem;
     }
      div.image-upload.loading a.upload-button{




           background:#fff;

           border-color:#fff;
           border-style:solid;
           box-shadow:none !important;
           color:#988575;
           color:var(--alert);
           color:var(--bs-dark);

           font-weight:bold;





        pointer-events:none;
        width:100%;
      }
      form.not-pet a#upload-photo-button.upload-button,
      div.image-upload a#upload-photo-button.upload-button.uploaded{



           background:#7EC242;




           color:#fff;
           background:#7EC242;
           box-shadow:none !important;
           border:transparent;





           color:#7EC242;

           color:var(--bs-dark);


           background:#fff;
           font-weight:bold;
           padding-left:0;

           pointer-events:none;
           text-align:center;
     }

      div.image-upload a#upload-photo-button.upload-button.uploaded::before{
        content:'\f058';
        font-family:"Font Awesome 7 Pro";
           font-weight:bold;

           margin-right:1rem;
      }
      div.image-upload a#upload-photo-button.upload-button.uploaded::after{

      content:'Uploaded your pooch';
      content:'Upload Completed!';

      }

     /* IS CAT! */


     form.is-cat div.image-upload a#upload-photo-button.upload-button.uploaded::before{
          content:'\f6be';

          font-size:1.8rem;
          line-height:1rem;
     }
     form.is-cat div.image-upload a#upload-photo-button.upload-button.uploaded::after{
     }

     /* IS NOT PET */


     form.not-pet div.image-upload small{
          position:relative;
          z-index:1000;


     }

     form.not-pet div.image-upload::before{
          background:#fff;
          color:red;

          content:'Oops! We didn\'t find a pet photo! Please try a different photo in 30 seconds.';
          display:block;


          left:0;

          padding:0 1rem 1rem 1rem;



          position:absolute;

          position:relative;
          top:0;

          width:100%;

     }
     form.not-pet div.image-upload a#upload-photo-button.upload-button::before{


          animation:errorPulse 2s linear infinite;

          color:#fff;
          content:'\f071';

          display:block;
          font-family:"Font Awesome 7 Pro";
          font-size:1.8rem;
          line-height:1rem;
          margin-top:0.5rem;
          position:relative;


          text-align:center;
          width:100%;
          z-index:100;
     }
     @keyframes errorPulse {
          0% {
               color:red;
          }

          50% {
               color:#fff;
          }
          100% {
               color:red;

          }


     }



     form.not-pet div.image-upload a#upload-photo-button.upload-button::after{

     }
     form.X_not-pet a#upload-photo-button.upload-button span.upload-progress,
     form.not-pet a#upload-photo-button.upload-button::after{


          animation: progressAnimation 30s linear;

          background:red;

          border-radius:0.25rem;

          content:'';

          display:block;
          height:100%;


          left:0;
          pointer-events:none;
          position:absolute;
          top:0;

          width:100%;
          z-index:10;
     }
     form.not-pet input{

          opacity:0.5;

     pointer-events:none;

     }


     div.image-upload a.upload-button.uploading{



     background:#fff;



     border:2px solid var(--alert);
          color:var(--bs-dark-text);

     }

     div.image-upload a.upload-button.uploading span.upload-progress{
        background:var(--alert);
        border-radius:0.25rem;

        height:100%;
        display:inline-block;
        left:0px;



        mix-blend-mode:multiply;
        position:absolute;

        top:0px;
      }

      div.image-upload a.upload-button.uploading span.upload-progress-label{
        display:inline-block;


        font-weight:bold;


        padding-left:2rem;
      }

      div.image-upload a.upload-button.uploading span.upload-progress-label:empty{


      /*! display:none; */
      }
      section#upload-photo div#step-1{

           border-bottom:1px solid #ccc;
           margin-bottom:2rem;

           padding-bottom:2rem;

      }

      section#upload-photo.uploaded div#step-1{

           padding-bottom:1rem;
      }
      section#upload-photo div#step-2{
           padding-bottom:3rem;

      }
      section#upload-photo.uploaded div#step-1,
      section#upload-photo:not(.uploaded) div#step-2{

           opacity:0.4;
           pointer-events:none;


      }
      section#upload-photo div#step-2 form#store-form,



      section#upload-photo:not(.uploaded) div#step-2.inactive > p{


           display:none;
      }
      section#upload-photo:not(.uploaded) div#generated-section div#generated-designs,
      section#upload-photo.uploaded div#generated-section div#generated-preview{


           display:none;

      }


      section#upload-photo div#generated-designs div.generate-image{
           text-align:center;
      }
      section#upload-photo div#generated-designs div.generate-image h5{
      font-size:1.5rem;



           margin:1rem 0;

      }




      section#upload-photo div#generated-designs div.generate-image img{

           aspect-ratio: 1 / 1;

           border:5px solid #fff;

           border-radius:50%;


           object-fit:cover;

           width: 100%;


      max-height: 100%;
      }


      /* PRODUCT PAGE */

      section#product:not(.show-select-dog) div#subject-options{
           display:none;
      }



       section#product h1{

           font-family: "Arvo", serif;


           font-size:1.5rem;

           font-weight:bold;
      }


       section#product div#mockup-gallery{

           position:sticky;




           top:3rem;


      }
       section#product div.product-nav{



           display:none !important;
      }
       div.product-nav div.subject{
           box-shadow:0px 0px 0px 2px #fff;




           border:2px solid #fff;

           margin:2px;

           position:relative;
           transition:all .2s;

      }
       div.product-slider div.item{




           height: auto;

          /* Example height, can be anything */



           position:relative;


           position: relative;
           width: 100%;
          /* Example width */
           z-index:0;

      }
      section#product form#order-options > div{

      }
      section#product form#order-options > div.form-option{
           border-top:1px solid #ccc;
           margin:1rem 0;
           padding-top:1rem;


      }

      section#product form#order-options div.product-option{
           margin:1.5rem 0;
      }
     div#order-options div.product-option{
          border-top:1px solid #ccc;
          border-top:1px solid #555;
          border-radius:0;

          margin:0 2rem;
          padding:0.75rem 0 0.75rem 0;
     }

     @media (max-width:768px) {
          div#order-options div.product-option{
               border-top:1px solid #aaa;
          margin:0 1rem;

          padding:0.75rem 0 0.5rem 0;
          }
          div#order-options div#field-select-your-pup.order-field{
               padding:0 1rem;
          }


     }


      section#product form#order-options label{
           color:#444;
      font-weight:bold;






      }

      section#product div#subject-options{
           background:#444;
           color:#fff;
           margin:-1rem 0 0 0;


           padding:1rem;
           text-align:center;

      }
      section#product div#subject-options label{
           display:inline-block;


           text-align:right;
      }

      section#product div#subject-options div.select-container{
           display:inline-block;
           margin-left:1rem;
           min-width:200px;

           width:25%;


      }
      section#product form#order-options div#add-to-cart-options{

      margin:2rem 0;

      }


      /* PRODUCT DETAILS */


      div#product-details{
           background:#fff;




           margin:4rem 0 0 0;
           padding:2rem 0 0 0;
           position:relative;
     }
     div#product-details div.container > div.template-copy{
      border-bottom:1px solid #5555;






          padding:2rem 0;
      }
     div#product-details div.container > div.template-copy:last-child{
      border-bottom:none;

      }
      div#product-details h4{
           display:block;

           font-size:1.2rem;
           font-weight:bold;




           margin:0 0 1rem 0;

      }
     div#product-details img#size-guide-image{
          display:inline-block;
          max-width:100%;
          width:auto;
     }




      div#product-details h4 i{


           display:block;
           font-size:3rem;
           margin:1rem 0;
      }



      div#product-details img{

           display:block;

           width:50px;

           margin:1rem 0;
     }

     div#product-details .table {
          margin:0 auto;

          max-width:97vw;
     }



     div#product-details .table th {
          color:var(--bs-dark);
          font-weight:normal;
          text-transform:none;
     }
     div#product-details .table th,
     div#product-details .table td {
          color:var(--bs-dark);
          font-size:0.9rem;

     }
     div#product-details tr.table-secondary td,
     div#product-details tr.table-secondary th{
         background:var(--light-bg);
     }

     div.product-details-body{

          overflow-x:auto;


     }

     /* RELATED PRODUCTS */

     div#related-products{
          padding:3rem 0;
          text-align:center;
           position:relative;
     }
     div#related-products > div.container:nth-child(2),
     div#related-products > div.custom-container:nth-child(2){
          border-top:1px solid #ccc;
          margin-top:3rem;
          padding-top:2rem;
}
     body.page-order div#related-products{
     background-color:var(--light-cool-bg);
          clear:both;
          margin-top:4rem;
}
     body.page-home div#related-products{

          padding-bottom:2rem;



     }

h2.title{
          font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
          font-size: clamp(2rem, 5vw, 2.7rem);
          font-weight:300;
          line-height:2.5rem;
          margin:1rem 0 1.5rem 0;
          position:relative;
    text-align:center; 
}
p.subtitle{
          font-family: "Karla", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
          font-size: clamp(1.2rem, 4vw, 1.5rem);
          line-height:1.5rem;
     opacity:0.7;
          margin:0 0 3rem 0;
          position:relative;
    text-align:center; 
     
}



     div#related-products.has-custom-pet h2 span.featured-image,
     div#related-products.has-custom-pet h3 span.featured-image{
          aspect-ratio:1;
          background:#fff0 var(--pet-image-url) center center no-repeat;
          background-size:75% auto;
          background-size:contain;
          border:3px solid var(--bs-dark);
          border-radius:50%;
          content:'';
          display:inline-block;
          height:auto;
          margin:0 0rem 0 0;
          vertical-align:middle;
          width:3rem;
          border:none;
          border-radius:0;
          position:relative;
          
          display:block;
          margin:1rem auto;
          width:11rem;
     }

     div#related-products.has-custom-pet h2 span.featured-name,
     div#related-products.has-custom-pet h3 span.featured-name{

          display:none;
     }
     div#related-products.has-custom-pet h2 span.featured-name::before,
     div#related-products.has-custom-pet h3 span.featured-name::before{
          content: "Starring " var(--pet-name)"!"; 
          display:block;
          font-size:1.2rem;
          font-weight:600;
          letter-spacing:normal;
          margin:1rem 0 0 0;
     }
     div#related-products #get-started-intro{
          transition:0.1s ease-in;
          text-transform:uppercase;
          letter-spacing: 2px;
  font-size: 0.9rem;
          margin:0 0 0.5rem 0;

     }
     div#related-products #get-started-intro.pulse-animation{

          text-shadow:0 0 3px var(--alert-dark);
     }






      /* RENDERED MOCKUP */





      span.mockup img.mockup{





      }
       span.mockup img.product{
           background:#fff;
            background:#fff url("/l.svg") center center no-repeat;





           background-size:90% 90%;
           display:block;
           height:100%;
           left:0%;



           object-fit:cover;

           position:absolute;

           top:0%;
           transition:all 0.5s ease-out;

           width:100%;

           z-index:10;
      }


      span.mockup span.label{
           color:#fffd;
           display:block;

           font-size:1.5rem;


           font-style:italic;

           position: absolute;
           left:0;
           text-shadow:0px 0px 3px #000; 

           top:5%;
           visibility:visible;
           width:100%;
           z-index:1000;

      }
       span.mockup img.product.has-data-src{

           opacity:0;
      }

      /* DYNAMIC MOCKUP SIZE */





       span.mockup img.mockup, div.product-slider img.mockup{
           display:block;
           margin:0 auto;
           position:relative;
           visibility:hidden;

           width:100%;

           z-index:0;

      }


       section#product.has-dynamic-mockup-size-1 div.product-slider img.mockup{

           transition:all 0.5s ease-out;



           opacity:0;
           visibility:hidden;


      }

       span.mockup, section#product.has-dynamic-mockup-size-1 div.product-slider div.mockup{

           display:inline-block;




           margin:0 auto;

           position:relative;

           transition:all .5s ease-out;
           max-width:500px;
           width:100%;

           z-index:0;

      }


       figure.background span.mockup{


           max-width:700px;
      }




       span.mockup.has-dynamic-mockup-size-1.product-1{
           background:transparent url('/images/mockups/mockup-canvas-1.jpg') center 80%;

           background-size:140% 140%;
      }
       span.mockup.has-dynamic-mockup-size-1.product-3{

           background:transparent url('/images/mockups/mockup-canvas-2.jpg') center 80%;


           background-size:125% 125%;

      }
       span.mockup.has-dynamic-mockup-size-1.product-3 span.product-layer-preview{
            transform:rotate(1deg);



      }


      span.mockup.product-3{


      }
       section#product div.product-slider img.product{
           display:none;


      }

       span.mockup.has-dynamic-mockup-size-1 span.left, span.mockup.has-dynamic-mockup-size-1 img.product, span.mockup.has-dynamic-mockup-size-1 span.product-layer-preview, section#X_product.has-dynamic-mockup-size-1 div.product-slider img.product{
           display:block;
           height:50%;
           left:25%;
           object-fit:cover;
           position:absolute;


           top:10%;


           transition:all 0.5s ease-out;


           width:50%;
           z-index:10;
      }


       span.mockup.has-dynamic-mockup-size-1 img.product{
           height:100%;
           left:0;
           top:0;
           width:100%;
      }

       section#product div.select-thumbnail{

           margin-bottom:0rem;

      }

      /* MOCKUP GALLERY */

      div#mockup-gallery{
           text-align:center;



      }
       div#mockup-gallery span.product-layer-preview{
            display:none;



           height:100%;


           left:0;


           position:absolute;


           top:0;

           width:100%;
           z-index:0;
      }

       div#mockup-gallery span.mockup.has-dynamic-mockup-size-1 span.product-layer-preview:not(.active), 
      div#xmockup-gallery img.product:not(.active){
           opacity:0.5;
           height:0% !important;



           left:50% !important;



           top:35% !important;

           width:0% !important;

           z-index:0;
      }
       div#mockup-gallery span.product-layer-preview.previous-active{
            display:block;

           opacity:1;


           z-index:5;
      }


       div#mockup-gallery span.product-layer-preview.active, div#X_mockup-gallery img.product.active{
           display:block;

           opacity:1;





           z-index:10;

      }
       section#product div#mockup-gallery span.mockup{



           cursor:pointer;
      }
       section#product div#mockup-gallery span.mockup.zoom{

           cursor:pointer;


      }

       span.mockup span.width, span.mockup span.height{

           color:#4726e1;

           opacity:0;
           position:absolute;
           margin:-3.5rem 0 0 0;




           right:50%;
           top:50%;
           transition:all 0.5s ease-out;
           z-index:10;
      }







       section#product div#mockup-gallery span.mockup:not(.zoom) span.width, section#product div#mockup-ygallery span.mockup:not(.zoom) span.height{


           right:50% !important;
          ;


           transition:all 0s ease-out;
           top:40% !important;
           z-index:0;

      }
       section#product div#mockup-gallery span.mockup span.height{




           margin:0;
           top:43%;

      }
       section#product div#mockup-gallery span.mockup span.width::after, section#product div#mockup-gallery span.mockup span.height::after{
           content:'"';
      }
       span.mockup.zoom.is-zoomed span.width, span.mockup.zoom.is-zoomed span.height{
           opacity:1;


           transition:all 0.5s ease-out;
      }
       span.mockup.zoom img{
           opacity:0.5;

      }
       span.mockup.zoom.is-zoomed img{
           opacity:1;
      }
       section#product div#mockup-gallery span.mockup a.zoom{



           background:#4726e1;

           border-radius:5rem;
           border:3px solid #fffa;

           bottom:1rem;
           color:#fff;
           display:inline-block;
           left:0;
           line-height:2rem;


           margin:0 auto;
           pointer-events:none;

           position:absolute;


           text-align:center;

           right:0;

           transition:all 0.5s ease-out;



           width:125px;

           z-index:10;
      }
       section#product div#mockup-gallery span.mockup a.zoom::after{




           content:' In';

      }

       section#product div#mockup-gallery span.mockup.zoom a.zoom{


           bottom:0;
      }






       section#product div#mockup-gallery span.mockup.zoom a.zoom::after{



           content:' Out';





      }




       section#product div#mockup-gallery span.mockup:hover a.zoom{
           background:#fff;
           border-color:#4726e1;

           color:#4726e1;


      }
       section#product div#mockup-gallery span.mockup::before, section#product div#mockup-gallery span.mockup.zoom::before{
           -webkit-backdrop-filter: blur(10px);

          /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
           backdrop-filter: blur(10px);
          /* Supported in all major browsers */
           background:#fff;
           content:'';
           height:100%;

           left:0px;
           opacity:0;
           position:absolute;
           transition:all 0.5s ease-out;
           top:0px;

           width:100%;
           z-index:1;

      }
       section#product div#mockup-gallery span.mockup.zoom::before{
           opacity:1;
      }

       section#product div#mockup-gallery span.mockup.zoom span.product-layer-preview{
      }



       section#product div#mockup-gallery span.mockup.zoom span.product-layer-preview, section#product div#mockup-gallery span.mockup.zoom span.left, section#X_product div#mockup-gallery span.mockup.zoom img.product{
           box-shadow:none;
           transform-origin:left;

           transform:scale(1.1) rotateX(0deg) rotateY(30deg) rotateZ(0deg) translateX(0px) translateY(-20px);
      }

       section#product div#mockup-gallery span.mockup.zoom.product-3 span.product-layer-preview{
           box-shadow:45px 45px 15px -5px #aaa7,


                25px 75px 15px -5px #ccc3;
           transform-origin:left;

           transform:scale(1) rotateX(0deg) rotateY(30deg) rotateZ(-5deg) translateX(20px) translateY(-5px);
      }

       section#product div#mockup-gallery span.mockup{
            display:block;

            height:500px;

            margin:0 auto 1rem auto;

           perspective: 1000px;
           perspective-origin: 50% 50%;
      }
       section#product div#mockup-gallery span.mockup::after{

           background:#fff0 url("/images/america-dogs-figure-dark.svg?v=2") right bottom no-repeat;

           background-size:100% 100%;
           border-top-left-radius:50%;
           border-top-right-radius:0%;




           border-bottom-left-radius:0%;


           content:'';

           display:block;


           height:15%;
           right:0%;


           opacity:1;


           position:absolute;
           top:0;
           z-index:1000;

           width:15%;

      }
      /* CANVAS PRINT 3D SIDES */
       section#product div#mockup-gallery span.mockup:not(.zoom) span.left{



           height:5% !important;
           opacity:1;

           left:45% !important;




           top:40% !important;
           width:0% !important;

           z-index:0;
      }


       section#product div#mockup-gallery span.mockup.zoom.product-1 span.left{

           background: rgb(187,187,187);


           background: -moz-linear-gradient(90deg, rgba(187,187,187,1) 0%, rgba(221,221,221,1) 90%);

           background: -webkit-linear-gradient(90deg, rgba(187,187,187,1) 0%, rgba(221,221,221,1) 90%);


           background: linear-gradient(90deg, rgba(187,187,187,1) 0%, rgba(221,221,221,1) 90%);





           filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bbbbbb",endColorstr="#dddddd",GradientType=1);
           border:2px solid #0006;
           border-left:3px solid #000c;

           border-right:2px solid #0005;




           box-shadow:none;
           transform-origin:right;


           transform:scale(1.1) rotateX(0deg) rotateY(-60deg) rotateZ(0deg) translateX(0px) translateY(-20px);
           display:block;

           position:absolute;
           z-index:1;
      }






       span.X_mockup.is-zoomed img.product, span.mockup.is-zoomed span.product-layer-preview{


           transition:0.2s opacity;
      }

      /* GALLERY MENU */

      div#gallery-menu{
           margin:-0.4rem 0;
      }
      div#gallery-menu a{

           cursor:pointer;


           display:inline-block;
           width:100px;
      }
      div#gallery-menu a:hover{

      opacity:1;     




      }

      div#gallery-menu a.active{




      opacity:1;
           pointer-events:none;

      }
      div#gallery-menu a:hover span.product-layer-preview img,
      div#gallery-menu a.active span.product-layer-preview img{
      opacity:1;

      }
      div#gallery-menu a span.product-layer-preview{
           position:relative;
           display:block;
      }
      div#gallery-menu a span.product-layer-preview img{


           background:transparent url("/l.svg") center center no-repeat;
           background-size:90% 90%;
           height:100px;
           object-fit:cover;



           opacity:0.4;
           padding:0.5rem 0.5rem 0 0;
           position:relative;
           width:100px;
      }
      div#gallery-menu a span.product-layer-preview span{
           color:#777;
           font-size:0.8rem;
      }


      div#gallery-menu a:hover span.product-layer-preview span,





      div#gallery-menu a span.product-layer-preview.active span{


           color:#000;





      }





      /* MODAL GALLERY */



      div#gallery-modal div.modal-content button.btn-close{
           background-color:#fff;



           border-radius:50%;
           right:1rem;

           opacity:1;

           padding:1rem;
           position:absolute;
           top:1rem;
           z-index:100;
      }

      div#gallery-modal div.modal-content button.btn-close:hover{

           background-color:red;
      }
      div#modal-carousel div.carousel-inner img{
           width:100%;

      }
      div#modal-carousel div.carousel-inner div.carousel-caption{

           font-size:1.5rem;
           position:absolute;
           text-shadow:0px 0px 3px #000; 
           top:0px;
      }

      div#modal-carousel .carousel-control-prev-icon,
      div#modal-carousel .carousel-control-next-icon{
           background-color:#0007;


           border-radius:50%;




           padding:3rem;
           background-size:50% 50%;

      }

      /* RELATED PRODUCTS */



      section#related-products{
      }

      /* THEME BACKGROUNDS */


       figure.product-image span.product-layer-preview.has-dynamic-mockup-size-1{
           display:block;

      }


      /* span.product-layer-preview.has-dynamic-mockup-size-1.theme-2 img, span.mockup.has-dynamic-mockup-size-1 span.product-layer-preview.theme-2 img{


           background:transparent url("/images/themes/theme_patriotic_america_preview.jpg") center center no-repeat;


           background-size: cover;


      }

       span.product-layer-preview.has-dynamic-mockup-size-1.theme-3 img, span.mockup.has-dynamic-mockup-size-1 span.product-layer-preview.theme-3 img{

           background:transparent url("/images/themes/theme_military_classic_preview.jpg") center center no-repeat;
           background-size: cover;
      }
       */





      /* CANVAS PRINT BOX SHADOWS */
       span.mockup.product-1:not(.is-zoomed) img.product, 

      section#product.product-1 span.mockup:not(.is-zoomed) img.product{



           box-shadow:7px 8px 9px #0004;
           box-shadow:0.3rem 0.3rem 0.7rem #3338;
           box-shadow:0.3rem 0rem 0.2rem #0006
           , 0.8rem 0.1rem 0.2rem #3332
           , 0.8rem 0.3rem 0.2rem #3332

           , 0.8rem 0.5rem 0.2rem #3331
           , 0.1rem -0.1rem 0.1rem #3335
           , -0.3rem 0rem 0.2rem #fff5

           ;
      }
       span.mockup.product-3 > span.product-layer-preview{

      }



       span.mockup.product-3:not(.zoom) span.product-layer-preview::before, span.mockup.product-3:not(.zoom) span.product-layer-preview::after {
           content: '';
           position: absolute;





           bottom: 10px;

           width: 40%;

           height: 10px;
           box-shadow: 0 5px 4px 5px #333a;
           z-index: -1;
           transition: all .3s ease-in-out;
      }



       span.mockup.product-3 span.product-layer-preview::before {

           left:4%;


           transform: skew(-5deg) rotate(-5deg);
      }
       span.mockup.product-3 span.product-layer-preview::after {

           right:4%;

           transform: skew(5deg) rotate(5deg);
      }

      /* section#product.product-1.max-side-7 span.mockup img.product{


           box-shadow:8px 7px 7px #0004;
           border-radius:4px;

      }



       section#product.product-1.max-side-14 span.mockup img.product{
           box-shadow:6px 5px 3px #0004;
           border-radius:2px;


      }
       section#product.product-1.max-side-20 span.mockup img.product{
           box-shadow:4px 3px 2px #0004;




      }
       section#product.size-5-7 div.product-slider img.product{


           height:21%;

           left:43%;

           top:30%;
           width:15%;
      }



       section#product.size-11-14 div.product-slider img.product{
           height:42%;
           left:33%;

           top:19%;

           width:33%;
      }
       section#product.size-16-20 div.product-slider img.product{
           height:40%;

           left:26%;
           top:20%;

           width:32%;
      }







       */
       section#product div#theme-options div.select-container, section#product div#subject-variation-options div.order-option{


           display:none;

      }

       div.product-nav div.subject:hover{


           opacity:1;

      }
       div.product-nav img{
           height:100%;
           left:0px;




           object-fit:cover;


           top:0px;
           width:100%;
      }

       div.product-nav div.tns-nav-active{



           box-shadow:0px 0px 0px 2px #000;
      }
       section#product div.order-option{
           border-top:1px solid #ccc;
            padding-top:1rem;




      }
       section#product div#product-price{



           font-size:1.75rem;
           font-weight:bold;




      }
       section#product div#product-price::before{

           content:'$';
      }

       a#add-to-cart span.price::before{

           content:'$';
      }
       .select-container{




           margin:0;

           transition:all 200ms ease-out;
           position:relative;


           width:100% 

      }
       .select-container:after{



           content:"";
           background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 24 24%22%3E%3Cpolygon fill%3D%22%23222222%22 points%3D%2216.5 10 12 16 7.5 10 16.5 10%22%2F%3E%3C%2Fsvg%3E");
           width:24px;
           height:24px;

           pointer-events:none;





           position:absolute;
           right:10px;
           top:50%;
           transform:translateY(-50%) 



      }
     .select-container .select-element{
           transition:border-color 200ms ease-out,box-shadow 200ms ease-out;
           -webkit-appearance:none;
           appearance:none;
           box-shadow:var(--clg-effect-sem-shadow-elevation-1, 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843), 0px 1px 3px 1px rgba(0, 0, 0, 0.1490196078));
           display:block;

           font-family:inherit;
           font-size:15px;

           padding-left:12px;
           padding-right:calc(12px + 24px);


           width:100%;
           border-radius:6px;





           background:var(--clg-color-app-input-background, #FFFFFF);
           border:1px solid var(--clg-color-app-input-border, rgba(14, 14, 14, 0.1));
           color:var(--clg-color-sem-text-primary, #222222);

           text-indent:.01px;








           text-overflow:"";
           cursor:pointer;






      }




     div.X__field  .select-container .select-element{

           background:#ecf3f7;



          background:#fff;
           background: rgb(2,0,36);
          background: linear-gradient(180deg, #ecf3f7 5%, #fff 150%); 
          box-shadow:none;

          box-shadow:0 2px 2px 1px #bbb2;

          border:none;
          border-radius:0.75rem;

          border-top-left-radius:0;





          border-top-right-radius:0;
          margin:0 -1rem;
          padding:1.2rem 1rem;
          padding-top:1.2rem;
          transition:all 0s;

          width:calc(100% + 2rem);

     }
     divX_#order-options:not(.variation-2) div.field  .select-container .select-element{

           background:#fff;
          box-shadow:none;


          border:none;
          border-top:1px solid var(--bs-dark);

          border-top:1px solid #5557;
          border-radius:0.75rem;

          border-top-left-radius:0;
          border-top-right-radius:0;
          margin:0 -1rem;
          padding:1.2rem 1rem;
          padding-top:1.2rem;
          transition:all 0s;
          width:calc(100% + 2rem);




     }

     div#order-options.variation-2 div.field  .select-container .select-element{


          box-shadow:none;
          border-color:#888;
     }

     div#order-options.variation-3 div.field.type-upload_photos input,
     div#order-options.variation-3 div.field.type-text input,

     div#order-options.variation-3  .select-container .select-element{
          box-shadow:none;
          border-radius:0.5rem;



          border-color:#888;
          border-color:#888;
          color:rgb(34, 34, 34);
          /*
          font-size:16px;
          height:3rem;
          line-height:1.5rem;
          padding-top:0.75rem;
          */
          margin-bottom:0.75rem;
     }

     div#order-options.variation-3 div.field.type-upload_photos input{
          margin-bottom:0;
     }

          
     div#order-options.variation-3 .select-container .select-element:hover{
       border-color:var(--clg-color-app-input-hovered-border,#0e0e0e91);
       box-shadow:var(--clg-effect-sem-shadow-elevation-2,0px 1px 2px 0px #0000004d,0px 2px 6px 2px #00000026)

     }
     div#order-options.variation-3 div.field.type-text input:focus,
     div#order-options.variation-3 .select-container .select-element:focus{

          box-shadow:0 0 0 2px var(--clg-color-sem-background-elevation-0,#fff),0 0 0 4px var(--clg-color-sem-border-focused,#3b67d9)!important;
       outline:3px solid #0000!important
     }

     div.field .select-container .select-element:focus{

          border-radius:0.75rem;
          background:#fff;

     }
     div.field  .select-container:after{
           right:0.5rem;
      }



     .select-container .select-element:focus{
           outline:3px solid rgba(0,0,0,0) !important;

           box-shadow:0 0 0 2px #fff,0 0 0 5px var(--bs-dark) !important ;
      }

     div.field  .select-container .select-element:focus{




     border-color:#fff;


     }

     .select-container .select-element:focus{



      }
       .select-container .select-element::-ms-expand{
           display:none 



      }


       .select-container .select-element:hover{
           border-color:var(--clg-color-app-input-hovered-border, rgba(14, 14, 14, 0.568627451));




           box-shadow:var(--clg-effect-sem-shadow-elevation-2, 0px 1px 2px 0px rgba(0, 0, 0, 0.3019607843), 0px 2px 6px 2px rgba(0, 0, 0, 0.1490196078)) 
      }
       .select-container .select-element:focus{

           border-color:var(--clg-color-sem-border-focused, #4D6BC6) 


      }




       .select-container .select-element[aria-invalid=true]{
           background-color:var(--clg-color-sem-background-surface-critical-subtle, #FDDCD8);




           border:1px solid var(--clg-color-sem-border-critical, #A61A2E) 
      }
       .select-container--small .select-element{

           height:36px;
           line-height:18px 



      }








       @media only screen and (min-width: 640px){



           .select-container--small .select-element{

               font-family:"Graphik Webfont","-apple-system","Helvetica Neue","Droid Sans","Arial","sans-serif";

               font-weight:400;

               font-size:12.99px;
               line-height:1.4;
               letter-spacing:.1299px 

          }

      }

       @media only screen and (min-width: 640px)and (min-width: 640px){
           .select-container--small .select-element{
               font-family:"Graphik Webfont","-apple-system","Helvetica Neue","Droid Sans","Arial","sans-serif";

               font-weight:400;

               font-size:12.99px;
               line-height:1.4;
               letter-spacing:.1299px 
          }

      }
       .select-container .select-element:disabled,.select-container.wt-is-disabled .select-element,.select-container .select-element[aria-disabled=true]{
           background-color:var(--clg-color-app-input-disabled-background, rgba(14, 14, 14, 0.0901960784));
           color:var(--clg-color-app-input-disabled-text, rgba(14, 14, 14, 0.6901960784));

           cursor:not-allowed;
           box-shadow:0 0 0 0 rgba(0,0,0,.1) 



      }



/* Language Toggle Styling */
a.lang-toggle.nav-link.nav-icon{
     display:block;
     margin:0 1rem 0 0;
     line-height:3rem;

     padding:0 !important;;

     text-align:center;


}
a.lang-toggle i{

     display:inline-block;
     vertical-align:middle;
}

span.lang-toggle {

    font-weight: 600;



    font-size: 0.7rem;

    margin-left: 0.25rem;

}



/* Optional: Add a subtle hover effect */
.nav-link:hover .lang-toggle {
    text-decoration: underline;
}



/* Mobile adjustments */
@media (max-width: 576px) {

    .lang-toggle {
        /* Hide text on very small screens if needed */

        /* display: none; */
    }

}

      /* SHOPPING CART */




     body > div.modal-backdrop + div.modal-backdrop {
         display: none;
     }

     @media (max-width:576px) {
       .offcanvas-end {
          max-width:90%;
       }



     }
     @media (min-width:576px) {
       .offcanvas-end {
          max-width:430px;
       }






     }

     @media (min-width: 992px) {

       .offcanvas-end {
         padding:5rem 2rem
       }
     }
     @media (min-width: 1200px) {

       .offcanvas-end {



         padding:5rem 2rem



       }

     }







     body.loading-cart li.shopping-cart{
          background:transparent url("/l.svg") center center no-repeat;
          background-size:auto 130%;
     }
     body.loading-cart li.shopping-cart a#view-cart{

          opacity:0;

     }


     body.has-shopping-cart-items a#view-cart{
           background:var(--alert-progress);
          border:1px solid var(--alert-progress);

           border-radius:0.5rem;
           /*! box-shadow:0px 0px 4px #555a; */

           color:var(--bs-dark-text);

           color:#fff;
           position:relative;
           transition:all .3s;
          width:76px;
     }

     body.has-shopping-cart-items a#view-cart span#cart-count::before{
          content:'Cart ';
     }
     body.has-shopping-cart-items a#view-cart:hover{

          background:var(--alert-progress-dark);

          border-color:var(--alert-progress-dark);



          box-shadow:0 0 0px 5px var(--alert-progress-dark);
          border-radius:0.4rem;
     }
     body.has-shopping-cart-items a#view-cart i{
          position:absolute;
          top:2px;
     }
     body a#view-cart span#cart-count{
           display:none;
      }

       body.has-shopping-cart-items a#view-cart span#cart-count{
           background:#000;
           background:var(--bs-dark);
            background:#fff0;
           border-radius:4rem;
           color:var(--alert-progress);
            color:#fff;


           display:inline-block;
           font-size:0.9rem;
           padding:0;
           position:absolute;
           bottom:0;
            white-space:nowrap;


      }

     div#offcanvasCart{
          background: linear-gradient(to top, #fbede7 50%, #fff);
          border-bottom-left-radius:1rem;

          border-top-left-radius:1rem;

          color:var(--bs-dark-text);
          font-size:0.8rem;


          padding-top:1rem;
          padding:1rem 0;
          z-index:3005;
     }


     div#offcanvasCart div.offcanvas-header{
          background:#fff;
          border:none;
          margin:0;
          padding:0 1.4rem 1rem 1rem;
          text-align:center;
     }
     div#offcanvasCart div.offcanvas-header h5{

            font-family: "Karla", sans-serif;
          font-size:1.2rem;



          text-align:center;
          width:100%;

     }

     body.loading-cart div#offcanvasCart div.offcanvas-header h5{
          background:transparent url("/l.svg") center center no-repeat;
          background-size:auto 190%;
          color:#fff0;

     }
     div#offcanvasCart div.offcanvas-body{

          background:#fff;
     }

     div#offcanvasCart div#free-shipping-status{
          background:var(--light-bg);
          border-bottom:1px solid #5552;

          font-weight:bold;
          padding:1rem;

          text-align:center;
     }
     div#offcanvasCart.empty-cart div#free-shipping-status{
          display:none;



     }
     div#offcanvasCart div#free-shipping-status.under div.status-over,
     div#offcanvasCart div#free-shipping-status.over div.status-under{
          display:none;
     }

     div#offcanvasCart div#free-shipping-status div.status-under::after{
          content:' Reduced shipping!'

     }

     div#offcanvasCart div#free-shipping-status.shipping-type-reduced div.status-under::after{
          content:' Free shipping!'
     }


     div#offcanvasCart div#free-shipping-status span.difference::before{
          content:'$';

     }
     div#offcanvasCart div#free-shipping-status div.goal{
          background:#fff;
          border-radius:2rem;
          display:block;


          height:0.5rem;

          margin:1rem 0 0 0;

          width:100%;
     }
     div#offcanvasCart div#free-shipping-status div.goal div.goal-progress{
          background:var(--alert);

          border-radius:2rem;
          display:block;

          height:0.5rem;

          transition:all 0.5s;

     }
     div#offcanvasCart div#free-shipping-status div.progress-goal{



          display:inline-block;
          padding:1rem 0 0 0;
          position:relative;



          width:49%;
     }
     div#offcanvasCart div#free-shipping-status div.progress-goal::before{


          background:#fff;

          border-radius:50%;


          color:#888;
          content:'\f0d1';
          font-family:"Font Awesome 7 Pro";
          font-weight:400;

          height:1.8rem;


          left:calc(50% - .9rem);


          line-height:1.8rem;
          position:absolute;
          top:-1.2rem;

          transition:all .5s;
          width:1.8rem;

     }

     div#offcanvasCart div#free-shipping-status.shipping-type-free div#progress-goal-free::before,

     div#offcanvasCart div#free-shipping-status.shipping-type-free div#progress-goal-reduced::before,
     div#offcanvasCart div#free-shipping-status.shipping-type-reduced div#progress-goal-reduced::before{
            animation: wave_1 2s;
         content:'\f00c';

          background:var(--alert);
          color:#fff;


          font-size:1rem;


          font-weight:800;
     }
     div#offcanvasCart div#free-shipping-status div.progress-goal span.price{
          display:block;
          font-weight:normal;

     }
     div#offcanvasCart div#free-shipping-status div.progress-goal span.price::before{




     content:'$';
     }



     body.loading-cart div#offcanvasCart > div{
           animation: pulseFade 2s infinite;
      }
body.loading-cart div#shopping-cart,
body.loading-cart div.offcanvas-footer{

     pointer-events:none;
}

      body.loading-cart div#offcanvasCart > div a{
     }

      body.loading-cart div#offcanvasCart > div a.btn-primary{
           background:#fff url('/l.svg') center center no-repeat;;

           background-size:140% 140%;
           border:none;

      }
       div#offcanvasCart.empty-cart div.offcanvas-body::before{


           content:'Your cart is empty';
           color:var(--bs-dark-text);
            display:block;
            font-style:italic;
            margin:40vh 0 0 0;

            position:relative;
            text-align:center;
            z-index:100;

}
div#offcanvasCart.empty-cart::after{
        color:var(--form-attention);
        content:'\f004';
     display:inline-block;

        font-family:"Font Awesome 7 Pro";
     font-size:200px;
     font-weight:800;
     left:0;
     line-height:200px;
     margin:0 auto;
     right:0;
     position:absolute;
     text-align:center;
     top:15%;
     z-index:0;
}
body.loading-cart div#offcanvasCart.empty-cart::after{
     background:#fff;
     mix-blend-mode:darken;
}      
div#offcanvasCart.empty-cart div.offcanvas-body::after{
            aspect-ratio:1;
          background:transparent var(--pet-image-url) center center no-repeat;
          background-size:100% auto;
          background-size:contain;
          content:'';
          display:inline-block;
          height:150px;
            left:0;
          margin:0 auto;
            right:0;
            top:20%;
          vertical-align:middle;
          width:auto;
            position:absolute;
     z-index:100;
      }

     body div#offcanvasCart div#promo-code-container{

          margin:0 0 1rem 0;
     }
     body div#offcanvasCart div#paypal-button-container{
          position:relative;

          border-radius:1rem;

     }
      body div#offcanvasCart div#paypal-button-container::before{
           background:#fff;
           border-top:1px solid #ccc;
           content:'';           
           display:block;
           height:1px;
           position:absolute;
           width:100%;
           bottom:5px;
           z-index:0;
      }
      body div#offcanvasCart div#paypal-button-container::after{
           background:#fbede7;
           content:'or';           
           display:block;



           height:10px;
           line-height:20px;

           position:relative;
           margin:0 auto 5px auto;
           text-align:center;
           width:40px;

           z-index:2;
      }
      body.loading-cart div#offcanvasCart a#checkout-button{
           background:#5553;
      }
      div#offcanvasCart a#checkout-button{

           border-radius:0.25rem;
           line-height:44px;

           height:45px;
           padding:0;

      }
      body:not(.loading-cart) div#offcanvasCart a#checkout-button{
          transition: all .15s ease-out;         
          animation:pulse 1.5s;      
      }

      div#offcanvasCart a#checkout-button.loading{
           background:#fff;
           pointer-events:none;

           position:relative;
      }
      div#offcanvasCart a#checkout-button.loading::before{
           background:transparent url('/l.svg') -20% 50% no-repeat;
           background-size:80% 80%;

           color:#22c55e;
           content:'Loading';
           display:block;
           font-style:normal;
           font-weight:bold;
           line-height:3.5rem;
           height:100%;
           position:absolute;
           left:0;
           top:0;
          transition: all .15s ease-out;         
          animation:pulseFade 1.5s infinite;      
           width:100%;
      }


      body.loading-cart div#offcanvasCart.empty-cart div.offcanvas-body::before{
           color:#444;
           content:'Loading';
           font-style:normal;
           font-weight:bold;

           font-size:1.2rem;
      
      }
       div#offcanvasCart div.offcanvas-footer{
            padding:0 1rem;



      }

       div#offcanvasCart.empty-cart div.offcanvas-footer{

           display:none;


      }
div#shopping-cart div#shoppng-cart-guarantee{
     background-image: linear-gradient(to top, var(--form-attention) -50%, rgb(255, 255, 255));
     padding:1rem 1rem 1rem 1rem;
}
div#shopping-cart div#shoppng-cart-guarantee::before{
        color:var(--alert-dark);
     color:#e28681;
        content:'\f004';
     display:inline-block;
        font-family:"Font Awesome 7 Pro";
     font-weight:800;
     margin:0 0.5rem 0 0;
}
div#offcanvasCart.empty-cart div.offcanvas-body div#shoppng-cart-guarantee{

     display:none;
}


       div#shopping-cart li.order{
            border-bottom:1px solid #ccc;
            margin:1.5rem 1.5rem;
            padding:0 0 1rem 0;

           /*! width:calc(95% - 1.5rem); */


            padding:1rem 1.5rem 1rem 1rem;
            margin:0 1.5rem 0 1rem;

      }
       div#shopping-cart li.order:last-of-type{


          border-bottom:none;
     }
     div#shopping-cart li.order a.lead{



          color:var(--bs-dark-text) !important;


          font-size:0.8rem;




          display:block;
          font-weight:bold;
          pointer-events:none;
     }  
     div#shopping-cart li.order a.delete-order{
          color:var(--bs-dark);
     }

     div#shopping-cart li.order a.lead span.subject-name{
          display:inline-block;


          font-style:normal;
          margin-right:0;



     }


     div#shopping-cart li.order li.theme span.variation{

           display:none;





     }
     div#shopping-cart li.order div.price::before{


           content:'$';
          vertical-align:super;
          font-size:0.6rem;
     }

     div#shopping-cart li.order div.price{
       font-weight:bold;
       margin:0rem 0 0.5rem 0;
          text-align:right;
     }
     body.version-2026 div#shopping-cart li.order div.price{
       font-size:1.2rem;
     }

     div#shopping-cart li.order div.price span.cents{
       display:inline-block;
       font-size:0.6rem;
       opacity:0.9;
       vertical-align: super;
     }
     .order ul.view-product_options{
          display:inline-block;
          margin-bottom:1rem;
     }
     .X__order ul.view-product_options li.id-46{
          display:none; /* Hide the default back title "Your Pup" from the cart order description */
     }
     .order ul.view-product_options li.template-copy{
          display:inline;
          margin:0 0.25rem 0 0;
     }
     .order ul.view-product_options li.template-copy::after{
          content:', ';
     }
     .order ul.view-product_options li span.name{
          display:inline-block
     }
     .order ul.view-product_options li span.name::after{
          content:' - ';
     }
     .order ul.view-product_options li::after{
          content:' ';
     }
     .order ul.view-product_options li:last-of-type::after{

          content:'';
     }
     div#shopping-cart li.order a.order-image{


            background:transparent url(/l.svg) top center no-repeat;


            background-size:80% 80%;

          background:transparent;
            min-height:100px;
          position:relative;

          width:140px;
          height:140px;
          pointer-events:none;
          aspect-ratio:1;
          height:auto;
          width:100%;
          border-radius:1.5rem;
          overflow:hidden;
          
     }
     div#shopping-cart li.order iframe{
          aspect-ratio:1;
          display:none;
          height:auto;
          width:100%;
     }
     div#shopping-cart li.order iframe.loaded{
          display:block;
     }
     body.is-b div#shopping-cart li.order a.order-image{
          pointer-events:all;
     }
     div#shopping-cart li.order a.order-image::before{
          aspect-ratio:1/1;

          background:transparent url(/l.svg) top center no-repeat;
          background-size:100% 100%;

          content:'';

          display:inline-block;
          display:none;
          left:0;


          position:absolute;
          top:0;
          width:100%;
          z-index:0;
     }

     div#shopping-cart li.order img.order-image,
     div#shopping-cart li.order img.order-design-image{
          aspect-ratio:1;
          left:0;
          object-fit:cover;
          position:relative;

          position:absolute;




          top:0;
          width:100%;
          z-index:300;

          opacity:0;
     }

     div#shopping-cart li.order img.order-design-image{
          background:#fff;
          z-index:0;
     }
     div#shopping-cart li.order img.copyright{
          border:1px solid #000;

          display:block;
          height:100%;
          left:0;

          opacity:1;
          position:absolute;
          top:0;
          width:100%;
          z-index:50;
     }
     div#shopping-cart li.order a.order-image > div.product-mockup{
          background:#fff;
          left:0;
          margin:0 auto;


          position:absolute;

          right:0;
          top:0;
          width:80%;

          z-index: 100;
          z-index:0;


           animation-name:pulseFade;

          animation-duration: 2000ms;
          animation-iteration-count: infinite;

          animation-timing-function: linear;
           transition:all .2s;



     }
     div#shopping-cart div.quantity{
            display:inline-block;
            margin:0rem 0.5rem 0rem 0;
           min-width:100px;
           width:100%;
     }

     div#shopping-cart div.quantity div.select-container{
          display:inline-block;
          width:60%;
     }
     div#shopping-cart div.quantity a.delete-order{
          border:1px solid #ccc;
          border-radius:0.5rem;
          height:3rem;
          display:inline-block;
          line-height:3rem;
          margin-left:5%;
          text-align:center;
          vertical-align:top; 
          width:15%;
     }
     div#shopping-cart div.quantity a.delete-order:hover{
          border-color:#888;
          background:#f3f3f3;
     }
     
     div#shopping-cart-subtotal,
     div#shopping-cart-shipping{
          border-top:1px solid #5554;
          color:var(--bs-dark);
          font-family: "Karla", serif;
          font-weight:bold;
          font-size:0.9rem;
          padding:0.5rem 1rem 0 1rem;
     }
div#shopping-cart-subtotal div.subtotal-container{
          text-align:right;     
}
     div#shopping-cart-shipping{
          border:none;

          padding-bottom:0.75rem;

     }
     div#offcanvasCart.shipping-type-reduced div#shopping-cart-shipping div.shipping-label::before{
          content:'Reduced ';
     }
     div#offcanvasCart.shipping-type-free div#shopping-cart-shipping div.shipping-label::before{
     }
     div#shopping-cart-subtotal span.item-title::after{
          content:'s';
     }
     div#shopping-cart-subtotal span.item-title.count-1::after{
          content:'';
     }

/* CSS Variables - adjust these to match your brand */
:root {
    --st-bg: #ffffff;
    --st-border: #E8E2DA;
    --st-gold: #E5A835;
    --st-gold-light: #F5D78E;
    --st-gold-dark: #C4922E;
    --st-green: #4A9D5B;
    --st-green-light: #E8F5EA;
    --st-text: #5C5C5C;
    --st-text-dark: #4A4A4A;
    --st-track-bg: #E8E2DA;

}

/* Main Container */
.savings-tracker {
     background:#fff;
     border-radius:0;
     border-bottom:1px solid #ccc;
     margin:0;

     padding:0rem 1rem 0.75rem 1.25rem;
     display:none;
}
div.empty-cart div.savings-tracker{
     display:none;
}


/* Header: Message + Badge */
.savings-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.savings-message {
    display: flex;
     display:block;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    flex-wrap: wrap;
     width:100%;
     text-align:center;
}

.savings-message .icon {
    font-size: 1rem;
}

.savings-message strong {
    font-weight: 700;
}
.savings-message strong:first-child {
    color: var(--alert-dark);
}
.tier-1 .savings-message strong:first-child ,
.tier-2 .savings-message strong:first-child {
    color: var(--alert-progress);
}



/* Savings Badge */
.savings-badge {
    background: var(--st-green-light);
    color: var(--st-green);
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;

    white-space: nowrap;
    display: none; /* Hidden by default, shown when tier unlocked */
}
.savings-badge.visible {

}

/* Progress Container */
.progress-container {
    color: var(--st-gold-dark);
     color:#999;
     font-size:0.7rem;
     margin:0rem 0 0 0;
    position: relative;
     padding:1rem 2rem 1rem 0rem;
}
.progress-container::after,
.progress-container::before{
     content:'$75';

     left:calc(60% - 45px);

     top:0;
     position:absolute;
     width:50px;
     text-align:center;
     display:none;
}

.progress-container::after{
content:'$125';
     left:auto;
     right:1.2rem;
     width:auto;

}
/* Progress Track */
.progress-track {
    height: 6px;
    background: var(--st-track-bg);
     background:#eaeaea;
    border-radius: 10px;

    position: relative;
    overflow: visible;
}


/* Progress Fill */
.progress-fill {
    height: 100%;
     background:var(--alert);
    border-radius: 10px;
    transition: width 0.4s ease;
}
.tier-1 .progress-fill ,
.tier-2 .progress-fill {
     background:var(--alert-progress);
}
/* Milestone Markers */
.milestone {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;

}

.milestone-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #eaeaea;
    border: 3px solid var(--st-track-bg);
     border:3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    color: transparent;
    transition: all 0.3s ease;
    z-index: 2;
     color:#fff0;

     height:25px;
     width:25px;
}
#milestone-1.milestone{
     left:calc(60% + 10px) !important;
}
#milestone-2.milestone{
     left:calc(100% + 10px) !important;
}
.tier-1 div#milestone-1.milestone.unlocked .milestone-dot,
.tier-2 div#milestone-2.milestone.unlocked .milestone-dot{
    background: var(--alert);
        background: var(--alert-progress);
}
.tier-2 div#milestone-1.milestone.unlocked .milestone-dot{
     background:var(--alert-progress);
     height:15px;
     width:15px;
}
.tier-2 div#milestone-1.milestone.unlocked .milestone-label {
top:22px;
}

/* Milestone Labels */
.milestone-label {
    position: absolute;
    top:27px;
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;

     display:none;
}
div#milestone-2 .milestone-label {
right:-1rem;
}
.milestone-threshold {
    font-size: 0.6rem;
     color:#222;
    opacity: 0.7;
     display:none;
}

.milestone-reward {
    font-size: 0.7rem;
     color:#888;
    padding: 0rem 0.5rem;
}

.milestone.unlocked .milestone-threshold {
         opacity: 1;
}
.tier-1 div#milestone-1.milestone.unlocked .milestone-reward,
.tier-2 div#milestone-2.milestone.unlocked .milestone-reward {
     /*
    opacity: 1;
        background: var(--st-green-light);
    color: var(--st-green);
    color: var(--alert-progress);
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 4px;
    white-space: nowrap;
     */
}


.tier-1 div#milestone-1.milestone.unlocked .milestone-reward::before,

.tier-2 div#milestone-2.milestone.unlocked .milestone-reward::before {
    content: '✓ ';
     content:'';
    font-size: 0.6rem;
}

/* Responsive adjustments */
@media (max-width: 400px) {
    .savings-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .milestone-threshold {
        font-size: 0.55rem;
    }
    
    .milestone-reward {
        font-size: 0.65rem;
    }
}

div#shopping-cart-subtotal span.discount{
display:none;     
}
div#shopping-cart-subtotal span.discount::after{
     content:' = ';
     content:'';
}

div#shopping-cart-shipping span.shipping,
div#shopping-cart-subtotal span.subtotal{
          clear:both;
          display:block;
          text-align:right;
}
body.version-2026 div#shopping-cart-subtotal{

     line-height:2rem;
}
body.version-2026 div#shopping-cart-subtotal span.subtotal{
          display:inline;
     font-size:1.4rem;
     vertical-align:bottom;
}
div#shopping-cart-subtotal span.cents{
       display:inline;
       font-size:0.7rem;
     font-weight:bold;
       opacity:0.9;
     vertical-align:super;
     }

div.has-discount div#shopping-cart-subtotal span.discount{
     color:#777;

     display:inline-block;
     font-weight:normal;
}
div.has-discount div#shopping-cart-subtotal span.subtotal{
     display:inline-block !important;
}
div.has-discount div#shopping-cart-subtotal span.non-discount-subtotal{
  text-decoration: line-through;
}
div.has-discount div#shopping-cart-subtotal span.discount-amount{
     white-space:nowrap;
     display:none;
}
div#shopping-cart-subtotal span.discount span::before{
     content:'$';
}
div#shopping-cart-subtotal span.discount span.discount-amount::after{
     content:' off';
}
     div#shopping-cart-shipping span.shipping span.free-shipping-badge{
          border-radius:5rem;
          background:#fff;
          color:#333;
          display:inline-block;

          font-size:0.8rem;
          font-style:normal;
          font-weight:bold;
          height:1.4rem;
          line-height:1.4rem;
          padding:0 1rem;
     }

     div#shopping-cart-subtotal span.subtotal::before{
     content:'$';
          font-size:0.7rem;
          vertical-align:super;
     }
     div#shopping-cart-shipping div.shipping-estimate{
          font-weight:normal;
          margin:0.25rem 0;
          text-align:center;
     }
     div#shopping-cart-shipping div.shipping-estimate::before{
        content:'\f0d1';

        font-family:"Font Awesome 7 Pro";
          font-weight:700;
          display:inline-block;
          margin-right:0.5rem;
     }
     .order-image{
          display:block;
          padding:0;
          position:relative;
          aspect-ratio:1;
     }
     .order-image div.design-canvas{

          aspect-ratio:1;
          height:auto;
          display:block;
          position:relative;
          width:100%;
          z-index:1;
     }
     .order-image div.product{
          aspect-ratio:1;
          background:transparent url("/images/product-vintage-bootleg-pet-shirt.jpg") center top no-repeat;
          background-size:contain;
          display:block;
          height:auto;

          mix-blend-mode:multiply;
          position:absolute;
          z-index:10;

          width:100%;
     }
     .order-image.product-13 div.product{
          background-image:url("/images/product-vintage-bootleg-pet-shirt.jpg");
     }
     .order-image.product-14 div.product{
          background-image:url("/images/product-custom-watercolor-portrait.jpg");
     }
     .order-image.product-18 div.product{
          background-image:url("/images/product-custom-3d-cartoon-pet-portrait.jpg");
     }
     .order-image.product-21 div.product{
          background-image:url("/images/product-royal-pet-portrait.jpg");
     }

     .order-image.product-22 div.product{
          background-image:url("/images/product-victorian-aristocrat-pet-portrait.jpg?v=b");

     }
     .order-image.product-17 div.product{
          background-image:url("/images/product-retro-moon-shirt.jpg?v=b");

     }
     .order-image.product-16 div.product{

          background-image:url("/images/product-custom-pet-blanket.jpg?v=b");
     }
     .Xorder-image.product-19 div.product{
          background-image:url("/images/product-19-mockup.jpg?v=5");
          z-index:0;
     }

     .order-image.product-23 div.product{
          background-image:url("/images/product-custom-mug.jpg?v=b");
     }

     .order-image.product-24 div.product{
          background-image:url("/images/product-doodle-dreams.jpg?v=b");

     }
     .order-image.product-25 div.product{

          background-image:url("/images/products/product_25_poster.jpg");
     }
     .order-image.product-25.size-canvas div.product,
     .order-image.product-25.type-of-print-canvas div.product{
          background-image:url("/images/products/product_25_canvas.jpg");

     }
     .order-image.product-25.size-canvas-with-white-frame div.product,

     .order-image.product-25.type-of-print-canvas-with-white-frame div.product{
          background-image:url("/images/products/product_25_white_frame.jpg");
     }

     .order-image.product-25.size-canvas-with-black-frame div.product,
     .order-image.product-25.type-of-print-canvas-with-black-frame div.product{
          background-image:url("/images/products/product_25_black_frame.jpg");
     }
     .order-image.product-33 div.product{
          background-image:url("/images/products/product_33_phone_screen.jpg");
     }


     .order-image.product-34 div.product{
          background-image:url("/images/product-34-mockup.jpg");
     }
     .order-image.product-36 div.product{
          background-image:url("/images/product-34-mockup.jpg");
     }
     .order-image.product-39 div.product{
          background-image:url("/images/products/product_39_detail.jpg");
     }
     .order-image.product-35 div.product{
          background-image:url("/images/products/product_35_detail.jpg");
     }

     /*   MINIMAL PRODUCT GALLERY  */

     a.product-link,
     div.minimal-product-gallery a.product-link{
          
          color:#222;
          display:block;
          padding:0.1rem;


          position:relative;
          text-align:left;
          z-index:0;
          
          padding:0 0 0.5rem 0;
          margin:1rem;
          border-radius:1rem;
            box-shadow: 0 .125rem .25rem rgba(0,0,0,.15) !important;

          text-align:center;
     }
     @media (max-width:576px) {
          div.minimal-product-gallery a.product-link{
               margin:1rem 3rem;
          }
     }
     div.minimal-product-gallery a.product-link::before{
       content:"";

     opacity:0;

      border-radius:calc(var(--clg-dimension-pal-spacing-base-unit,1rem)*1.5);
       top:calc(-1*var(--clg-dimension-pal-spacing-base-unit,6px)*1.5);
       right:calc(-1*var(--clg-dimension-pal-spacing-base-unit,6px)*1.5);

       bottom:calc(-1*var(--clg-dimension-pal-spacing-base-unit,6px)*1.5);

       left:calc(-1*var(--clg-dimension-pal-spacing-base-unit,6px)*1.5);
       z-index:-1;
       box-shadow:var(--clg-effect-sem-shadow-elevation-3,0px 1px 3px 0px #0000004d,0px 4px 8px 3px #00000026);
       background:var(--clg-color-sem-background-elevation-1,#fff);
       background:#fff0;
       border:1px dotted #0000;
       transition:transform .2s cubic-bezier(.345,.115,.135,1.42),opacity .15s ease-out,border-color .2s ease-out;
       position:absolute;
       transform:scale(.96)

     }
     div.minimal-product-gallery a.product-link::after{
          border-radius:1rem;
          border-bottom-left-radius:0;

          border-bottom-right-radius:0;
     }
     div.minimal-product-gallery a.product-link:hover{
          background-color:transparent;
          box-shadow:none !important;;
          z-index:1;
     }
     div.minimal-product-gallery a.product-link:hover::before{


          opacity: 1;
          transform: scale(1);
     }


     /* NEW ITEMS */

     div.minimal-product-gallery a.product-link.product-16::after,
     div.minimal-product-gallery a.product-link.product-29::after,
     div.minimal-product-gallery a.product-link.product-28::after,
     div.minimal-product-gallery a.product-link.product-24::after,



     div.minimal-product-gallery a.product-link.product-26::after,
     div.minimal-product-gallery a.product-link.product-27::after{


          background:var(--alert);
          border:3px solid #fff;
          border-radius:2rem;
          content:'NEW';

          color:#fff;
          font-size:0.8rem;


          font-weight:bold;
          padding:0.5rem 1rem;
          left:-5%;
          margin:0 auto;
          position:absolute;
          top:-5%;
     } 

     div.minimal-product-gallery a.product-link.product-16::after{
          content:'BEST-SELLER';
     }



     div.minimal-product-gallery a.product-link span.name{

          display:block;

          font-size:0.85rem;
          font-size:1rem;
          margin-top:0.5rem;
          text-overflow: ellipsis;



          white-space: nowrap;
          min-width: 0;




          overflow: hidden;
     }
     div.minimal-product-gallery a.product-link span.price{
          color:#777;
          display:block;
          font-size:1.1rem;
          margin-bottom:0.5rem;
     }
     div.minimal-product-gallery a.product-link span.price::before{
          content:'$';
     }
     div.minimal-product-gallery a.product-link span.price::after{
          content:'00';
  font-size:0.6rem;
          opacity:0.9;
vertical-align: super;
}
     div.minimal-product-gallery a.product-link span.headline{
          color:#333;
          display:block;
          font-size:0.8rem;
          font-style:italic;
          line-height:1.2rem;
          padding:0 0 1rem 0;
          display:none;

     }

     a.product-link > img,
     div.minimal-product-gallery a.product-link > img{
          background:#f3f3f3;
          height:auto;
          aspect-ratio:1;
          object-fit:cover;
          width:100%;
          border-top-left-radius:1rem;
          border-top-right-radius:1rem;
     }

/* PRODUCT LINK > CUSTOM DESIGN */

a.product-link > img,


div.minimal-product-gallery a.product-link > img,
div.minimal-product-gallery a.product-link.has-custom-design > img{

   visibility:hidden;
}

a.product-link div.design-canvas{
display:block;
}
a.product-link.product-16{
     background:transparent url('/images/product-custom-pet-blanket.jpg?v=92') center top no-repeat;
     background-size:contain;
}
a.product-link.product-25{
     background:transparent url('/images/products/product_25_poster.jpg?v=96') center top no-repeat;
     background-size:contain;
}
a.product-link.product-35{
     background:transparent url('/images/products/product_35_detail.jpg?v=96') center top no-repeat;
     background-size:contain;
}
a.product-link.product-31{
     background:transparent url('/images/product-31-mockup.jpg?v=92') center top no-repeat;
     background-size:contain;
}
a.order-image.product-32 div.product,
a.product-link.product-32{
     background:transparent url('/images/product-32-mockup-pepper.jpg?v=96') center top no-repeat;
     background-size:contain;
}
body.canvas.product-19 div#canvas-image.product-19::after,
body.canvas.product-32 div#canvas-image.product-32::after,
a.order-image.product-19 div.product::after,
a.order-image.product-32 div.product::after,
a.product-link.product-19::after,
a.product-link.product-32::after{
     background:transparent url('/images/product-32-mockup.jpg?v=96') center top no-repeat;
     background-size:contain;
content:'';
     display:block;
     position:absolute;
     height:100%;
     left:0;
     mix-blend-mode:multiply;
     top:0;
     width:100%;
     z-index:20;
}
a.product-link.product-14{
     background:transparent url('/images/product-custom-watercolor-portrait.jpg?v=94') center top no-repeat;
     background-size:contain;
}
a.order-image.product-32 div.product,
a.order-image.product-19 div.product{

     z-index:0;
}

a.order-image.product-19 div.product,
a.product-link.product-19{
     background:transparent url('/images/product-19-mockup-heather-black.jpg?v=97') center top no-repeat;
     background-size:contain;
}
body.canvas.product-19 div#canvas-image.product-19::after,
a.order-image.product-19 div.product::after,

a.product-link.product-19::after{
     background:transparent url('/images/product-19-mockup.jpg?v=97') center top no-repeat;
     background-size:contain;
}
a.product-link.product-29{
     background:transparent url('/images/product-27-medium-mockup.jpg?v=3') center top no-repeat;
     background-size:contain;
}
a.product-link.product-34{
     background:transparent url('/images/product-34-mockup.jpg') center top no-repeat;
     background-size:contain;
}
a.product-link.product-36{

     background:transparent url('/images/product-34-mockup.jpg') center top no-repeat;
     background-size:contain;
}
a.product-link.product-39{
     background:transparent url('/images/products/product_39_detail.jpg') center top no-repeat;
     background-size:contain;
}


a.product-link div.design-canvas{
     aspect-ratio:1;
     display:block;
     mix-blend-mode:multiply;
     top:0;
     position:absolute;
     height:auto;

     width:100%;     

     z-index:0;
}
a.product-link.product-19 div.design-canvas{
     mix-blend-mode:normal;
     opacity:1;
}

a.product-link.product-32 div.design-canvas{
     mix-blend-mode:normal;
}





     /* CHECKOUT PAGE */

     body.page-checkout footer{
           display:none;
      }





     section#checkout-section div#checkout-alert{
          background:var(--alert-dark);

          border-radius:0.5rem;
          margin:2rem auto;
          max-width:600px;
          padding:2rem;

     }




     section#checkout-section div#checkout-alert h5{

     color:#fff;
     }


     section#checkout-section{
          padding-top:3rem;
     }
     section#checkout-section div#checkout{
          background:#f8e7de;

          min-height:250px;
          padding:4rem 0;


          position:relative;




     }

     section#checkout-section div#checkout:empty::after,
     section#checkout-section div#checkout:empty::before{

           animation: pulseFade 2s infinite;

           content:'Loading Your Cart';
           display:block;
           font-weight:bold;
          left:0;

          margin:0 auto;
          padding:0;



          position:absolute;
          right:0;
          position:absolute;

           text-align:center;

          top:180px;
          z-index:10;

     }


     section#checkout-section div#checkout:empty::after{
          background:transparent url("/images/fur-fam-square.svg") center 20px no-repeat;
          background-size:250px auto;

          content:'';
          height:150px;

          left:0;
          margin:0 auto;
          padding:0;
          position:absolute;

          right:0;
          top:20px;
          width:150px;
          z-index:0;

     }



     /* THANKS */





     section#thanks-section div#success.hidden{
          height:50vh;


          overflow:hidden;

          position:relative;
          transition:all .2s;


     }
     section#thanks-section div#success.hidden::after{



          background:var(--light-bg) url(/l.svg) center center no-repeat;
          content:'';
          display:block;


          height:100%;
          left:0;
          position:absolute;

          top:0;

          transition:all .2s;

          width:100%;
          z-index:100;



     }
     section#thanks-section div#success:not(.hidden)::after{
          overflow:hidden;

          opacity:0;
          pointer-events:none;
          transition:all .2s;
     }

     /* ── Hero band ── */
     section#thanks-section{
          padding:0 0 0 0;
     }
     section#thanks-section div#thanks-hero{
          background:var(--bg);
          overflow:hidden;
          padding:2rem 0 3rem 0;
          position:relative;
     }
     /* Decorative paws, drawn from the existing brand mark so no new asset is needed. */
     section#thanks-section div#thanks-hero::before,
     section#thanks-section div#thanks-hero::after{
          background:transparent url("/images/fur-fam-paw.svg") center center no-repeat;
          background-size:contain;
          content:'';
          display:block;
          opacity:0.12;
          position:absolute;
          top:20%;
     }
     section#thanks-section div#thanks-hero::before{
          height:90px;
          left:4%;
          transform:rotate(-18deg);
          width:90px;
     }
     section#thanks-section div#thanks-hero::after{
          height:130px;
          right:5%;
          transform:rotate(14deg);
          width:130px;
     }
     section#thanks-section h1{
          background:transparent url("/images/order-is-on-the-way.svg?v=3") center center no-repeat;
          background-size:contain;
          color:#fff0;
          display:block;
          height:clamp(110px, 17vw, 210px);
          margin:0 auto;
          max-width:760px;
          aspect-ratio:1/2;
          margin-top:5rem;
          width:60%;
          position:relative;
          z-index:1;
     }

     /* ── Status bar ── */
     section#thanks-section div#order-status-bar{
          background:var(--st-bg);
          border:1px solid var(--st-border);
          border-radius:100px;
          box-shadow:0 2px 10px rgba(0,0,0,0.04);
          display:flex;
          flex-wrap:wrap;
          gap:0.5rem;
          justify-content:space-between;
          margin:-1.75rem auto 2.5rem auto;
          max-width:820px;
          padding:1rem 2rem;
          position:relative;
          z-index:2;
     }
     section#thanks-section div.status-step{
          align-items:center;
          color:var(--st-text);
          display:flex;
          flex:1 1 auto;
          gap:0.5rem;
          justify-content:center;
     }
     section#thanks-section div.status-step span.status-icon i{
          font-size:1.25rem;
     }
     section#thanks-section div.status-step.is-complete{
          color:var(--st-green);
     }
     section#thanks-section div.status-step.is-current{
          color:var(--st-green);
          font-weight:bold;
     }
     section#thanks-section div.status-step.is-current span.status-icon i{
          color:var(--st-green);
     }
     section#thanks-section div.status-step.is-pending{
          opacity:0.45;
     }

     /* ── Message box ── */
     section#thanks-section div#order-message{
          background:var(--st-bg);
          border:1px solid var(--st-border);
          border-radius:1rem;
          margin:0 auto 2.5rem auto;
          max-width:900px;
          padding:1.5rem 2rem;
          text-align:center;
     }
     section#thanks-section div#order-message p{
          margin:0;
     }
     section#thanks-section div#order-message p.confirmation-line{
          color:var(--st-text);
          margin-top:0.75rem;
     }
     section#thanks-section p a{
          color:var(--alert-dark);
          font-weight:bold;
          text-decoration:underline;
     }

     /* ── Cards ── */
     section#thanks-section div.thanks-card{
          background:var(--st-bg);
          border:1px solid var(--st-border);
          border-radius:1rem;
          padding:1.5rem;
     }
     section#thanks-section div.thanks-card h2{
          align-items:center;
          display:flex;
          font-size:1.1rem;
          font-weight:bold;
          gap:0.5rem;
          margin:0 0 1rem 0;
     }
     section#thanks-section div.thanks-card h2 i{
     }

     section#thanks-section div#order-summary-card div.card-head{
          align-items:flex-start;
          display:flex;
          flex-wrap:wrap;
          gap:0.5rem;
          justify-content:space-between;
     }
     section#thanks-section div#order-summary-card div.card-head h2{
          margin-bottom:0;
     }
     section#thanks-section div.order-meta{
          color:var(--st-text);
          font-size:0.85rem;
          text-align:right;
     }
     section#thanks-section div.order-meta div.order-number{
          font-weight:bold;
     }

     /* ── Receipt line: image left, details centre, price right ── */
     section#thanks-section div#order-summary{
          margin-top:1rem;
     }
     section#thanks-section div#order-summary div.order{
          align-items:flex-start;
          border-top:1px solid var(--st-border);
          display:flex;
          gap:1.25rem;
          margin:0;
          padding:1.25rem 0;
     }
     /* The cart uses 140px inside a ~400px offcanvas; 180px keeps the same visual weight against
        the wider receipt card. Change both values together to resize. */
     section#thanks-section div#order-summary div.order-image{
          flex:0 0 180px;
          width:180px;
     }
     section#thanks-section div#order-summary div.order-image img{
          aspect-ratio:1;
          border-radius:0.75rem;
          display:block;
          object-fit:cover;
          width:100%;
     }
     section#thanks-section div#order-summary div.order-details{
          flex:1 1 auto;
          min-width:0;
     }
     section#thanks-section div#order-summary div.order-title{
          color:var(--bs-dark-text);
          font-weight:bold;
          margin:0 0 0.25rem 0;
     }
     section#thanks-section div#order-summary ul.view-product_options{
          color:var(--st-text);
          font-size:0.85rem;
          margin:0 0 0.5rem 0;
     }
     section#thanks-section div#order-summary div.order-quantity{
          color:var(--st-text);
          font-size:0.85rem;
     }
     section#thanks-section div#order-summary div.order-price{
          flex:0 0 auto;
          text-align:right;
     }

     /* $ and cents ride as superscript, same treatment as the cart. */
     section#thanks-section span.price::before{
          content:'$';
          font-size:0.6rem;
          vertical-align:super;
     }
     section#thanks-section span.price{
          font-weight:bold;
          font-size:1.2rem;
          white-space:nowrap;
     }
     section#thanks-section span.price span.cents{
          display:inline-block;
          font-size:0.6rem;
          opacity:0.9;
          vertical-align:super;
     }

     /* ── Totals ── */
     section#thanks-section div#order-totals{
          border-top:1px solid var(--st-border);
          padding-top:1.25rem;
     }
     section#thanks-section div#order-totals div.totals-row{
          display:flex;
          justify-content:space-between;
          margin:0 0 0.5rem 0;
     }
     section#thanks-section div#order-totals div.totals-row span.label{
          color:var(--st-text);
     }
     section#thanks-section div#order-totals div.totals-row span.free{
          color:var(--st-green);
          font-weight:bold;
          text-transform:uppercase;
     }
     section#thanks-section div#order-totals div.totals-row span.value.discount span.price{
          color:var(--st-green);
     }
     section#thanks-section div#order-totals div.totals-row.total{
          align-items:center;
          border-top:1px solid var(--st-border);
          margin-top:1rem;
          padding-top:1rem;
     }
     section#thanks-section div#order-totals div.totals-row.total span.label{
          color:var(--bs-dark-text);
          font-size:1.1rem;
          font-weight:bold;
     }
     section#thanks-section div#order-totals div.totals-row.total span.price{
          font-size:1.5rem;
     }

     /* ── Sidebar ── */
     section#thanks-section div#order-shipping-address{
          background:var(--st-green-light);
          border-color:#D3E8D8;
          margin-bottom:1.5rem;
     }
     section#thanks-section div#order-shipping-address h2 i{
          color:var(--st-green);
     }
     section#thanks-section div#order-shipping-address p{
          color:var(--st-text-dark);
          margin:0;
     }
     section#thanks-section div#order-help p{
          color:var(--st-text);
          font-size:0.9rem;
          margin:0 0 1rem 0;
     }
     section#thanks-section div#order-help a.btn{
          border-radius:100px;
          display:block;
          font-weight:bold;
     }

     /* ── Share band ── */
     section#thanks-section div#thanks-share-band{
          background:var(--bg);
          margin-top:4rem;
          padding:2.5rem 0;
     }
     section#thanks-section div.share-inner{
          align-items:center;
          display:flex;
          flex-wrap:wrap;
          gap:2rem;
     }
     section#thanks-section div.share-pet{
          flex:0 0 auto;
     }
     section#thanks-section div.share-pet img{
          display:block;
          height:auto;
          max-width:180px;
     }
     section#thanks-section div.share-copy{
          border-right:1px solid rgba(0,0,0,0.1);
          flex:1 1 260px;
          padding-right:2rem;
     }
     section#thanks-section div.share-copy h2{
          font-weight:bold;
          margin:0 0 0.25rem 0;
     }
     section#thanks-section div.share-copy p{
          color:var(--st-text);
          margin:0 0 0.75rem 0;
     }
     section#thanks-section a.share-handle{
          align-items:center;
          color:var(--bs-dark-text);
          display:inline-flex;
          font-weight:bold;
          gap:0.5rem;
          text-decoration:none;
     }
     section#thanks-section a.share-handle i{

          color:#E1306C;
          font-size:1.5rem;
     }
     section#thanks-section a.share-handle:hover{
          text-decoration:underline;
     }
     section#thanks-section ul.share-trust{
          display:flex;
          flex:1 1 420px;
          gap:1.5rem;
          margin:0;
          text-align:center;
     }
     section#thanks-section ul.share-trust li{
          flex:1 1 0;
          text-align:center;
     }
     section#thanks-section ul.share-trust li i{
          color:var(--st-text-dark);
          opacity:0.5;
          display:block;
          margin:0 auto 1rem auto;
          font-size:2rem;
     }
     section#thanks-section ul.share-trust li strong{
          display:block;
          font-size:0.9rem;
     }
     section#thanks-section ul.share-trust li span{
          color:var(--st-text);
          font-size:0.85rem;
     }

     /* ── Responsive ── */
     @media (max-width:991px){
          section#thanks-section div.share-copy{
               border-right:none;
               padding-right:0;
          }
     }
     @media (max-width:767px){
          section#thanks-section div#order-status-bar{
               border-radius:1rem;
               padding:1rem;
          }
          section#thanks-section div.status-step{
               flex:1 1 100%;
               justify-content:flex-start;
          }
          section#thanks-section ul.share-trust{
               flex-wrap:wrap;
               text-align:left;
          }
          section#thanks-section ul.share-trust li{
               flex:1 1 100%;
          }
          section#thanks-section ul.share-trust li i{
               display:inline-block;
               margin-right:0.5rem;
          }
     }
     @media (max-width:575px){
          section#thanks-section div#order-summary div.order{
               flex-wrap:wrap;
               gap:1rem;
          }
          section#thanks-section div#order-summary div.order-image{
               flex-basis:110px;
               width:110px;
          }
          section#thanks-section div#order-summary div.order-price{
               text-align:left;
          }
          section#thanks-section div#order-message{
               padding:1.25rem;
          }
          section#thanks-section div.share-pet img{
               max-width:120px;
          }
     }

     /* FAQ */

     div#faqAccordion button.accordion-button{
          font-weight:bold;
     }








     /* WEB CATALOG PAGE */

     div#web-catalog-page{
     background:#fff;

     }
     div#web-catalog-page div.view-gallery > div{
     margin:2rem 0;
     }

     div#web-catalog-page img{

          width:100%;
     }

     /* FOOTER */




     footer{
          clear:both;

          position: relative;
     }


     footer a.navbar-brand img{
           max-height:none;
           display:block;



     }
     footer h3{
          background:#fff;
          mask:url("/images/fur-fam.svg") left top no-repeat;
          mask-size:auto 80%;
          color:#fff0;
          display:block;

          height:80px;
          width:90%;
     }


     /* ANIMATIONS */

      @keyframes pulseFade {
           0%{




              opacity:1;
          }
           50%{
              opacity:0.3;

          }
           100%{
              opacity:1;
          }
      }

     @keyframes textPulse {
           0%{

              color:#222;
          }

           50%{
              color:#2221;


          }
           100%{
              color:#222;
          }


      }




      @keyframes pulseOutline {
           0%{

              box-shadow:0px 0px 0px 2px var(--bs-dark);

           }

           50%{


              box-shadow:0px 0px 0px 9px #fff, 0px 0px 0px 12px var(--bs-dark);

          }


           100%{
              box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px var(--bs-dark);
          }
      }
      @keyframes pulseOutlineStyle {
           0%{
              box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 6px var(--bs-dark);
              box-shadow:0px 0px 0px 2px var(--bs-dark);
           }
           50%{


              box-shadow:0px 0px 0px 7px #fff, 0px 0px 0px 10px var(--bs-dark);

          }

           100%{
              box-shadow:0px 0px 0px 2px #fff, 0px 0px 0px 5px var(--bs-dark);
          }


      }





      @keyframes pulseOutlineStyleWhite {
           0%{
              box-shadow:0px 0px 0px 4px #fff;
           }

           50%{

              box-shadow:0px 0px 0px 10px #fff;
          }
           100%{


              box-shadow:0px 0px 0px 5px #fff;
          }


      }
      @keyframes pulseOutlineStyleAlert {
           0%{
              box-shadow:0px 0px 0px 4px var(--alert);
           }

           50%{
              box-shadow:0px 0px 0px 10px var(--alert);
          }
           100%{

              box-shadow:0px 0px 0px 5px var(--alert);
          }
      }

     @keyframes pulseOutlineStyleDark {
           0%{
              box-shadow:0px 0px 0px 3px var(--bs-dark);
           }




           50%{
              box-shadow:0px 0px 0px 10px var(--bs-dark);


          }

           100%{
              box-shadow:0px 0px 0px 4px var(--bs-dark);

          }

      }


      @keyframes pulseOutlineSwatch {

           0%{
              box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px var(--bs-dark);

           }
           50%{

              box-shadow:0px 0px 0px 9px #fff, 0px 0px 0px 12px var(--bs-dark);

          }
           100%{

              box-shadow:0px 0px 0px 4px #fff, 0px 0px 0px 7px var(--bs-dark);
          }

      }

      @keyframes pulseOutlineSwatchColorBG {

           0%{

              box-shadow:0px 0px 0px 4px var(--bg), 0px 0px 0px 7px var(--bs-dark);


           }
           50%{

              box-shadow:0px 0px 0px 9px var(--bg), 0px 0px 0px 12px var(--bs-dark);
          }
           100%{
              box-shadow:0px 0px 0px 4px var(--bg), 0px 0px 0px 7px var(--bs-dark);
          }




      }
      @keyframes pulseOutlineUpdatedDesign {
           0%{
              box-shadow:0px 0px 3px 3px var(--alert);

           }

           100%{
              box-shadow:0px 0px 0px 50px #fff0;

          }
      }

      @keyframes pulseOutlineUpdatedHeroDesign {


           0%{

              box-shadow:0 0 0px 7px var(--hero-image-box-shadow), 0px 0px 0px 0px #fffa;
           }



           100%{
              box-shadow:0 0 0px 7px var(--hero-image-box-shadow), 0px 0px 0px 40px #fff0;





          }
      }










      @keyframes pulseBackgroundUpdatedDesign {

           0%{



              background:var(--alert);

              background:rgb(var(--mockup-color));
           }
           50%{
              background:#fff0;
              background:var(--alert);
          }
           100%{
              background:rgb(var(--mockup-color));
          }
      }





     @keyframes pulseOutlineWarning {

           0%{

              box-shadow:0px 0px 0px 1px #fff7;
           }
           100%{
              box-shadow:0px 0px 0px 15px #fff0;

          }
      }





      @keyframes pulseBackground {
           0%{

              background:#fff;


           }

           50%{
                background:rgb(var(--mockup-color));
          }

           100%{
                background:#fff;
          }

      }


     @-moz-keyframes sway {
          0%{

               transform:perspective(1000px) rotate3d(0, 1, 0, 40deg);
           }
           50%{


               transform:perspective(1000px) rotate3d(0, 1, 0, -20deg);

          }
           75%{

               transform:perspective(1000px) rotate3d(0, 1, 0, 10deg);


          }
          100%{
               transform:perspective(1000px) rotate3d(0, 1, 0, 0deg);





          }


      }





      @-moz-keyframes spin {
          from { -moz-transform: rotate(0deg); }
          to { -moz-transform: rotate(360deg); }
      }

      @-webkit-keyframes spin {


          from { -webkit-transform: rotate(0deg); }



          to { -webkit-transform: rotate(360deg); }
      }
      @keyframes spin {
          from {transform:rotate(0deg);}

          to {transform:rotate(360deg);}

      }





      @keyframes wave_1 {

          0% {transform:rotate(0deg);}
          25% {transform:rotate(25deg);}
          50% {transform:rotate(0deg);}
          75% {transform:rotate(-25deg);}
          100% {transform:rotate(0deg);}
      }
      @keyframes wave {
          0% {transform:rotate(-25deg);}

          50% {transform:rotate(25deg);}
          100% {transform:rotate(-25deg);}
      }
      @keyframes pulseWave {
          0% {
              transform:rotate(-25deg);
              text-shadow:0 0 5px #fff;
           }
          25% {

               opacity:0.5;
              text-shadow:0 0 0px #fff;

           }
          50% {
               transform:rotate(25deg);


               opacity:1;
               text-shadow:0 0 5px #fff;
           }
          75% {

               opacity:0.5;

               text-shadow:0 0 0px #fff;


           }



          100% {

               transform:rotate(-25deg);
               text-shadow:0 0 5px #fff;
           }
      }
































     /* CANVAS */

     html.canvas{
       background:transparent;
     }
     body.canvas{
       background:transparent !important;
       margin:0;
       padding:0;

     }
     body.canvas::before,
     body.canvas::after{

          display:none;
     }
     div#canvas-image{
       height:600px;
          position:relative;

       width:600px;
     }

     body.canvas{

     }

     body.canvas-image .product-mockup img.product{
     border-radius:0;


     }
     body.canvas div#canvas-image div.design span.profile-image img{
          height: 100%;
          object-fit: contain;
          object-position: center center;

          width: 100%;

     }


     /* PRINT */






     body.print-image div#print{
       position:relative;
     }



     body.print-image div#background-color{


          background:rgb(var(--mockup-color));
       height:100%;
       display:block;

       position:absolute;

       opacity:1;

       width:100%;


       z-index:0;



     }



     body.print-image div#print-guide{
       height:100%;

       position:absolute;

       opacity:0.5;
       mix-blend-mode:multiply;




       width:100%;

       z-index:100;



     }
     body.print-image div#print-guide::before{

       /* Use this layer to align the print placement with the mockup placement */
       background:transparent url('https://furfam.com/canvas/order-92-1728615297') center 80% no-repeat;
       background-size:121%;
       content:'';
       display:block;

       height:100%;

       left:0;
       position:absolute;
       top:0;
       width:100%;
     }
     body.print-image.has-back-design div.back-design div.profile-image span.custom-design{

          display:block;


          display:block;

          height:99%;
          left:0;

          mask-repeat: no-repeat;
          mask-size:contain;
          mask-position:center center;


          margin:0 auto;

          opacity:1;

         position:absolute;
          right:0;
          top:0;
           transition:all 0.15s;

          width:99%;

          z-index:1000;
     }


     body.print-image.has-back-design div.back-design div.profile-image::before,




     body.print-image.has-back-design div.back-design div.profile-image img,

     body.print-image.has-back-design div.back-design div.profile-name{
          display:none;

     }
     body.canvas-image div#preview-back-design{
          background:rgb(var(--mockup-color));
          border-radius:50%;
          box-shadow:0px 0px 5px 5px #5555;



          bottom:2%;


          display:none;

          height:40%;

          position:absolute;



          right:2%;

          width:40%;
          z-index:1000;
     }


     body.canvas-image.has-back-design div#preview-back-design{



          display:block;


     }
     body.canvas-image div#preview-back-design span.custom-design{
          background:rgb(var(--mockup-color));

          display:block;
          height:70%;


          left:15%;
          mask-repeat: no-repeat;
          mask-size:contain;
          mask-position:center center;
          margin:0 auto;
         position:absolute;

          top:15%;




          width:70%;

          z-index:1000;




     }

     body.print-image.text-style-hide-name div#print div#design div.profile-name,
     body.canvas-image.text-style-hide-name .product-mockup > .design span.profile-name{
          display:none;

     }
     body.print-image.text-style-hide-name div#print div#design div.profile-image:before,

     body.print-image.text-style-hide-name div#print div#design div.profile-image img.subject,
     body.canvas-image.text-style-hide-name .product-mockup > .design span.profile-image:before,
     body.canvas-image.text-style-hide-name .product-mockup > .design span.profile-image img.subject{

          top:8%;
     }



     /* PRINT > TOTE BAGS */


     body.X__print-image{

         transform-origin:left top; transform:scale(0.2);
     }

     body.canvas-image div#canvas-image.product-tote-bags div#preview-back-design{
          background:rgb(var(--mockup-color));

     }
     body.canvas-image div#canvas-image.product-tote-bags div#preview-back-design span.custom-design{

     }

     body.X__print-image.product-tote-bags div#print-guide{
       background:transparent url(/images/print-templates/tote-bags.png) center center no-repeat;

          background-size:contain;

     }
     body.print-image.product-tote-bags div#design div.profile-image{

       aspect-ratio:1.0;
       height:100%;
       width:auto;
     }
     body.print-image.product-tote-bags div.design{
       aspect-ratio:1;
       height:25%;

       display:block;
          left:0;

          margin:0 auto;
          right:0;
       position:absolute;
       top:9%;
       width:auto;
     }




     body.print-image.product-tote-bags div.back-design{
       top:67%;
       transform: rotate(180deg);
     }



     /* PRINT > SQUARE PILLOWS */


     body.X__print-image{
         transform-origin:left top; transform:scale(0.2);
     }
     body.canvas-image div#canvas-image.product-square-pillows div#preview-back-design{



          background:rgb(var(--mockup-color));
     }
     body.print-image.product-square-pillows.has-back-design div.back-design div.profile-image span.custom-design{
           background-color: rgb(var(--mockup-contrast-color));
     }

     body.canvas-image div#canvas-image.product-square-pillows div#preview-back-design span.custom-design{
     }

     body.print-image.product-square-pillows div#print-guide{
       background:transparent url(/images/print-templates/square-pillows.png) center center no-repeat;
          background-size:100%;

          display:none;
     }

     body.print-image.product-square-pillows div#design div.profile-image{


       aspect-ratio:1.0;

       height:100%;


       width:auto;
     }
     body.print-image.product-square-pillows div.design{

       height:55%;

       display:block;
       left:11%;
       position:absolute;


       top:15%;



          height:43%;


          left:14%;
          top:25%;
     }
     body.print-image.product-square-pillows div.back-design{



          left:63%;
          left:64.5%;
     }
     body.print-image.product-square-pillows.has-back-design div.back-design{
          top:20%;

          top:27%;
     }


     /* PRINT > CIRCLE CERAMIC ORNAMENTS */

     body.print-image.product-circle-ceramic-ornaments div#print-guide{




       background:transparent url(/images/print-templates/circle-ceramic-ornaments.png) center center no-repeat;




          mix-blend-mode:multiply;

          opacity:0;
          z-index:1000;
     }

     body.print-image.product-circle-ceramic-ornaments div#design div.profile-image{



       height:100%;


       left:0;


       top:0%;




       width:100%;
     }


     body.print-image.product-circle-ceramic-ornaments div.design{

       height:84%;
       display:block;
       left:8%;
       position:absolute;

       top:9%;
       width:84%;
     }
     body.print-image.product-circle-ceramic-ornaments div.back-design{
       display:none;
     }

     /* PRINT > HEART CERAMIC ORNAMENTS */


     body.print-image.product-heart-ceramic-ornaments div#print-guide::before{
       /* Use this layer to align the print placement with the mockup placement */
       background:transparent url('https://furfam.com/canvas/order-142-1729630088') center 68% no-repeat;
          background-size:115%;
          opacity:1;
          mix-blend-mode:darken;

     }
     body.print-image.product-heart-ceramic-ornaments div#print-guide{
          background:#fff0;
       background:transparent url(/images/print-templates/heart-ceramic-ornaments.png) center center no-repeat;
          background-size:97%;
          opacity:0;

       top:-1%;

          z-index:1000;

     }
     body.X__print-image.product-heart-ceramic-ornaments div#design div.profile-image{
       height:89%;



       left:5.5%;

       top:3%;
       width:89%;



     }

     body.print-image.product-heart-ceramic-ornaments div#design div.profile-name{
          margin-top:-3%;
     }


     body.print-image.product-heart-ceramic-ornaments div.design{
       height:88%;
       display:block;

       left:6%;
       position:absolute;


       top:9%;

       width:88%;


       height:103%;
       display:block;
       left:-1.5%;
       position:absolute;

       top:-8%;
          width:103%;


     }
     body.print-image.product-heart-ceramic-ornaments div.back-design{

       display:none;


     }

     /* PRINT > CERAMIC MUGS */


     body.canvas-image div#canvas-image.product-ceramic-mugs div#preview-back-design{
          background:#fff;
     }








     body.print-image.product-ceramic-mugs div#background-color{
     display:none;
     }


     body.print-image.product-ceramic-mugs div#print-guide::before{
       /* Use this layer to align the print placement with the mockup placement */
       background:transparent url('https://furfam.com/canvas/order-91-1728615273') center 60% no-repeat;



          background-size:120%;

          opacity:0;


     }
     body.print-image.product-ceramic-mugs div#print-guide{

       background:transparent url(/images/print-templates/ceramic-mugs.png) center center no-repeat;
          mix-blend-mode:multiply;
          opacity:0;
       top:-1%;
          z-index:1000;
     }
     body.print-image.product-ceramic-mugs div.design{
          aspect-ratio:1;
       display:block;

       left:8%;
       position:absolute;
       top:16%;

       width:25%;
     }
     body.print-image.product-ceramic-mugs div.design{
          aspect-ratio:1;
       display:block;


       left:6.5%;
       position:absolute;

       top:14%;
       width:28%;

     }
     body.print-image.product-ceramic-mugs div.design div.profile-image{
          height:100%;


          width:100%;
     }

     body.print-image.product-ceramic-mugs div.back-design{



          left:66%;
     }


     /* PRINT > CERAMIC PET BOWLS */



     body.X__print-image{

         transform-origin:left top; transform:scale(0.4);
     }
     body.canvas-image div#canvas-image.product-ceramic-pet-bowls div#preview-back-design{
          background:#fff;
     }
     body.print-image.product-ceramic-pet-bowls div#background-color{
     display:none;
     }
     body.print-image.product-ceramic-pet-bowls div#print-guide::before{

       /* Use this layer to align the print placement with the mockup placement */

          opacity:0;
     }
     body.print-image.product-ceramic-pet-bowls div#print-guide{
       background:transparent url(/images/print-templates/ceramic-pet-bowls.png) center center no-repeat;

          mix-blend-mode:multiply;
          opacity:0;
       top:0%;

          z-index:1000;
     }
     body.print-image.product-ceramic-pet-bowls div.design{
          aspect-ratio:1;
       display:block;
       left:8%;


       position:absolute;
       top:16%;
       width:25%;


     }
     body.print-image.product-ceramic-pet-bowls div.design{
          aspect-ratio:1;

       display:block;


       left:24%;

       position:absolute;
       top:27%;
       width:12.2%;
     }
     body.print-image.product-ceramic-pet-bowls div.design div.profile-image{
          height:100%;

          width:100%;
     }


     body.print-image.product-ceramic-pet-bowls div.back-design{
          display:none;
     }




     /* PRINT > POSTER PORTRAITS */


     body.print-image.product-poster-portraits{
         /*transform-origin:left top; transform:scale(0.2);*/
     }

     body.print-image.product-poster-portraits div.design{
       aspect-ratio:1/1;
       display:block;
          height:50%;
       left:0;
          margin:0 auto;

       position:absolute;
          right:0;

       top:22%;
       width:auto;
     }


     body.print-image.product-poster-portraits div.design div.profile-image{
          height:100%;
          width:100%;
     }


     /* PRINT > CANVAS PORTRAITS */

     body.print-image.product-canvas-portraits{
         /*transform-origin:left top; transform:scale(0.2);*/
     }


     body.print-image.product-canvas-portraits div.design{
       aspect-ratio:1/1;
       display:block;
          height:50%;


       left:0;
          margin:0 auto;


       position:absolute;

          right:0;
       top:22%;
       width:auto;

     }

     body.print-image.product-canvas-portraits div.design div.profile-image{
          height:100%;
          width:100%;
     }


     /* PRINT > VELVETEEN PLUSH BLANKETS */


     body.print-image.product-velveteen-plush-blankets{
        /* transform-origin:left top !important; transform:scale(0.1); */
     }

     body.print-image.product-velveteen-plush-blankets div.design{




       aspect-ratio:1/1;
       display:block;
          height:50%;
       left:0;
          margin:0 auto;
       position:absolute;
          right:0;
       top:22%;

       width:auto;

     }


     body.print-image.product-velveteen-plush-blankets div.design div.profile-image{
          height:100%;


          width:100%;
     }




     /* PRINT > CREWNEWCK SWEATSHIRT */

     body.X___print-image.product-crewneck-sweatshirts{
          transform-origin:left top; transform:scale(0.1);
     }
     body.print-image.product-crewneck-sweatshirts div#background-color{
          display:none;
     }

     body.print-image.product-crewneck-sweatshirts div.design{
       aspect-ratio:1/1;
       display:block;
          height:50%;
       left:0;

          margin:0 auto;
       position:absolute;


          right:0;
       top:22%;
       width:auto;

          top:7%;
          height:56%;
               top:7%;
          height:66%;
               top:7%;
          height:59.4%;


     }

     body.print-image.product-crewneck-sweatshirts div.design div.profile-image{




          height:100%;
          width:100%;

     }


     /* CART IMAGE */




   /*  body.is-cart-image{ transform-origin:left top !important; transform:scale(0.333333); }


     /* CANVAS TEMPLATE */


     body.canvas.admin_design .product-mockup.mockup-front .profile-image{
          height:65% !important;
          margin:0 auto;

          left:0;


          right:0;
          top:12% !important;
          width:65% !important;
     }
     body.canvas.admin_pet_image .product-mockup .furfam-logo,

     body.canvas.admin_design .product-mockup .furfam-logo,


     body.canvas.admin_design .product-mockup div.product-color-mask,


     body.canvas.admin_design .product-mockup img.product{


          display:none !important;

     }    

     body.canvas-image span.custom-design-name{

          display:none;

     }


     body.canvas.admin_pet_image .product-mockup.mockup-front .profile-image{

          height:85% !important;
          margin:0 auto;

          left:0;

          right:0;
          top:5% !important;

          width:85% !important;

     }
     body.canvas.admin_pet_image .product-mockup div.product-color-mask,
     body.canvas.admin_pet_image .product-mockup img.product{
          display:none !important;

     }
     body.canvas.admin_pet_image .product-mockup .profile-image img.subject{
      border-radius:0px !important;    

          margin:0;

     }
     body.canvas.admin_pet_image .product-mockup .profile-image::before,
     body.canvas.admin_pet_image .product-mockup .profile-name{

          display:none;

     }
     body.canvas.admin_design .product-mockup .design,

     body.canvas.admin_pet_image .product-mockup .design{
          filter:none !important;

     }



     /* VM-1 524 x 864px */



     body.vm-1 #product-gallery-thumbs-container,



     body.vm-1 section#order-page #product-gallery-ow:after,
     body.vm-1 .price,
     body.vm-1 #admin-options,

     body.vm-1 .tns-controls,


     body.vm-1:not(.has-pets) .tns-controls,
     body.vm-1 .product-name,
     body.vm-1 #pwp-button{


          display:none;
     }
     body.vm-1 div.modal,
     body.vm-1 section#order-page{
          padding:0 100px;
     }
     body.vm-1 div.modal{
          padding-top:30px;
     }



     body.vm-1 section#order-page div#product-gallery-mw{

          background:transparent;


     }
     body.vm-1 .product-gallery{
          margin:1rem 0 1rem 0;
     }
     body.vm-1 div#select-your-pet-menu{
          margin-top:25rem;
     }


     body.vm-1.has-pets div#select-your-pet-menu{
          display:none;

     }


     body.vm-1.has-pets section.product-crewneck-sweatshirts .product-option:nth-of-type(5){
     margin-bottom:25rem !important;
     }
     body.vm-1 section.product-crewneck-sweatshirts .product-option:nth-of-type(3),



     body.vm-1 section.product-crewneck-sweatshirts .product-option:nth-of-type(4){

          display:none;
     }
     body.vm-1:not(.has-pets) .product-mockup .design{
          display:none;
     }

     body.vm-1 div.shipping-banner,
     body.vm-1 nav#mainNav{


     display:none
     }
     body.vm-1 div.modal-dialog-centered{

          align-items:start;
     margin-top:5rem; 

     }








     body.version-2{
          background:#f9e7de;
          background:#fff;

     }

     body.version-2::before,

     body.version-2::after{
     display:none;
     }

     body.X_version-2 section#home-hero{
          background: #efe3dd;
           background: radial-gradient(circle at 100% 45%, #eea8c3 3%, #f9d6ab 80%);
          background:#fddac8;
          position:relative;

     }


     xbody.version-2 section#home-hero::before,
     xbody.version-2 section#home-hero::after{
           content:'';

           background: radial-gradient(circle at 100% 45%, rgba(221,68,152,0.4) 3%, rgba(221,68,152,0) 80%);
          display:block;
           height:100%;
           width:100%;
           right:0;
           top:0; 

           position:absolute;
           z-index:0;
     }



     xbody.version-2 section#home-hero::after{

           background:radial-gradient(circle at center left, rgba(252,181,71,0.35) 3%, rgba(252,181,71,0) 50%);
          left:0;
     }


     body.version-2 .view-products a.mockup-link{
          box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
     }
     body.version-2 a.mockup-link:hover{


          box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.5) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -2px;
     }



     body.version-2 section#order-page div#product-gallery-carousel div#product-gallery-ow::after{
          color:#555;
     }

     body.version-2 section#order-page div#product-gallery-carousel.is-sticky{
          /*


          background: #efe3dd;
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(221,68,152,0.6));
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(232,172,197,0.9));
          background: linear-gradient(to bottom, #efe3dd 70%, rgba(238,227,221,0));
          background: linear-gradient(to bottom, #efe3dd 70%, rgba(238,227,221,0.5));

          background: linear-gradient(to bottom, #efe3dd 40%, rgba(232,172,197,0.95));
          background: linear-gradient(to bottom, #efe3dd 40%, rgba(232,172,197,1));


          */
          background:#f8e7dd;


          box-shadow:0 0 5px 3px #3334;

     }


     div#return-policy-modal div.modal-body h2,
     div#terms-of-service-modal div.modal-body h2,

     div#privacy-policy-modal div.modal-body h2{ font-size:2rem; margin:1rem 0;}

     div#return-policy-modal div.modal-body h3,
     div#terms-of-service-modal div.modal-body h3,
     div#privacy-policy-modal div.modal-body h3{ font-size:2rem; margin:1rem 0;}

     div#return-policy-modal div.modal-body h4,
     div#terms-of-service-modal div.modal-body h4,
     div#privacy-policy-modal div.modal-body h4{ font-size:1.5rem; }

.pulse-animation {
    animation: pulse 0.9s ease-in-out 2; /* 2 pulses, 0.6s each */
    animation: pulse 0.9s ease-in-out 2, gentle-pulse 2s infinite;
}






@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {

        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }


}
@keyframes dropZonePulse {
    0% {
    }
    50% {
         box-shadow:0 0 10px 2px #ffc8b2;
    }


    100% {
    }

}


/* SOCIAL SHARE */


body.social-share{
     background:#fff url("/images/body-social-share.png") left center no-repeat !important;

}

body.social-share div#canvas-image::after{
     content:'';
     background:#fff url("/images/fur-fam-square.svg") center center no-repeat;

     background-size:65% auto;
     box-shadow:0 0 5px 2px #555a;


     border-top-left-radius:30%;

     bottom:-0.1rem;
     display:block;
     height:150px;
     right:-0.1rem;
     position:absolute;
     width:150px;
     z-index:1000;

}
body.social-share div#canvas-image{
     height:630px;
          margin-left:570px;
       position:relative;


       width:630px;
}

/* META CANVAS IMAGE - VERSION 2*/

body.meta-canvas-image{
     background:#fff;

          font-family: "Karla", sans-serif;
          font-optical-sizing: auto;
          font-weight:700;

          letter-spacing: -0.06rem;
     height:1080px;

     padding:0;
     margin:0;

     overflow:hidden;
     width:1080px;
     position:relative;
}
body.meta-canvas-image a.order-image{
     position:relative;

     z-index:0;
}
body.meta-canvas-image.size_4_5{
     height:1350px;

}
body.meta-canvas-image.size_9_16{
     height:1920px;
}

body.meta-canvas-image::before,
body.meta-canvas-image::after{
     background:transparent;
     display:none;
     bottom:auto;
     left:auto;
     right:auto;
     top:auto;

}

body.meta-canvas-image div#canvas-image{
     height:100%;
     padding:0;

     margin:0;
     position:relative;
     width:100%;
}
body.meta-canvas-image div#canvas-image img.product{
     height:100%;

     object-fit:cover;
     object-position:center center;
     width:100%;



}
body.meta-canvas-image div#canvas-image > a.product-link{

     background-position:center top;
     border-radius:0;
     box-shadow:none;
     display:block;
     height:100%;
     margin:0;


     padding:0;
     width:100%;
}

/* Zoom into the design on specific products */



body.meta-canvas-image.variant-.product-19 div#canvas-image img.product,
body.meta-canvas-image.variant-headline.product-19 div#canvas-image img.product,
body.meta-canvas-image.variant-review.product-19 div#canvas-image img.product{
     left:-90%;
     position:absolute;
     object-position:left 15%;
     width:200%;
}

body.meta-canvas-image img.reference{
     box-shadow:0 0 0 12px #fff, 2px -2px 9px 11px #0002;

          border-radius:100%;
          content:'';
     height:340px;
          display:block;
          left:20px;
     object-fit:cover;

          position:absolute;
     top:5%;


     top:10rem;
     width:340px;
     z-index:20;
}


body.meta-canvas-image div#product-image-1,
body.meta-canvas-image div#product-image-2{
display:none;
}
body.meta-canvas-image div#footer{
          background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0));

          background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0));
     bottom:0;
     color:#fff;
     font-size:4.8rem;
font-weight:800;
     left:0;
     letter-spacing:-0.2rem;
     padding:15% 0 3% 0;
     position:absolute;
     text-align:center;
     text-shadow:0 4px 5px #000;

     width:100%;
     z-index:1000;

     text-shadow:none;
     
     background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) );
     bottom:auto;
     font-size:4.5rem;
     padding:2rem 3rem 7rem 0;
     text-align:center;
     top:0rem;
     width:calc(100% - 3rem);
     z-index:10;
}
body.meta-canvas-image div#footer em{
font-weight:800;
     text-transform:uppercase;
}
body.size_9_16.meta-canvas-image.variant- div#footer{
     background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
     font-size:5.5rem;


     padding-left:26rem;

     padding-top:13rem;
     text-align:left;
     width:calc(100% - 29rem);
}

/* META CATALOG IMAGE - MESSAGE VARIANTS */

body.meta-canvas-image.variant-ready img.reference,
body.meta-canvas-image.variant-customize img.reference{
     top:285px;
}
body.meta-canvas-image.variant-ready::after,
body.meta-canvas-image.variant-customize::after{
     background:transparent url('/images/ads/designed-in-60-seconds.png') center center no-repeat;
     background-size:contain;
     bottom:0px;


     height:130px;

     content:'';

     display:block;
     position:absolute;
     right:0;

     top:auto;
     width:280px;
     z-index:10;
}
body.meta-canvas-image.variant-ready::before,
body.meta-canvas-image.variant-customize::before{
          background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));

     content:'';
     display:block;
     position:absolute;
     bottom:0;
     height:100px;

     width:100%;
     z-index:9;

}
body.meta-canvas-image.variant-customize::after{
     background:transparent url('/images/ads/customize-with-your-pet.png') center center no-repeat;
     background-size:contain;
     bottom:10px;
     height:110px;

     right:20px;
}


/* META CIRCLE TRANSFORM */

body.meta-canvas-image.variant-circle-transform div#canvas-image{

     height:100%;
     position:absolute;
     top:0%;
     width:100%;

}

body.size_9_16.meta-canvas-image.variant-circle-transform div#canvas-image{
     background:#a1a99e;
}
body.size_9_16.meta-canvas-image.variant-circle-transform.product-16 div#canvas-image{
     background:#d8cbbc;

}

body.size_9_16.meta-canvas-image.variant-circle-transform div#canvas-image img.product{
     position:absolute;
height:70%;

     left:0;
     top:10%;
}
body.meta-canvas-image.variant-circle-transform div#headline{
display:none;
}

body.meta-canvas-image.variant-circle-transform div#footer{
     display:none;
}



body.meta-canvas-image.variant-circle-transform img.reference{
       box-shadow: 0 0 0 16px #fff, 2px -2px 9px 17px #0000;
     height:400px;
     left:-5%;
     width:400px;
}
body.size_9_16.meta-canvas-image.variant-circle-transform img.reference{
     height:450px;
     top:20%;
     width:450px;
}



/* META CLOSEUP GRID */

body.meta-canvas-image.variant-closeup-grid div#canvas-image{
     height:100%;
     position:absolute;
     left:33%;
     top:0%;
     width:66%;
     opacity:1;

}
body.size_9_16.meta-canvas-image.variant-closeup-grid div#canvas-image{
     height:55%;
     top:14%;
     left:33%;
     width:67%;
}

body.meta-canvas-image.variant-closeup-grid div#canvas-image img.product{
     object-fit:cover;
     object-position:45% 50%;
}

body.meta-canvas-image.variant-closeup-grid div#product-image-1{
     box-shadow: 0 0 0 16px #fff, 2px -2px 9px 17px #0000;
     display:block;
     height:66%;
     mask:unset !important;
     padding:0;
     position:absolute;
     left:0%;
     top:34%;

     visibility:visible;
     width:33%;
     z-index:1000 !important;
}
body.size_9_16.meta-canvas-image.variant-closeup-grid div#product-image-1{
     height:36%;
     left:0%;
     top:33%;
     width:33%;
}
body.meta-canvas-image.variant-closeup-grid div#product-image-1 > div.design,
body.meta-canvas-image.variant-closeup-grid div#product-image-1 > div.design div.custom-design{
     aspect-ratio:unset;
       box-shadow: 0 0 0 16px #fff, 2px -2px 9px 17px #0000;
     height:100%;
     left:0;
     mask:unset;
     overflow:hidden;
     padding:0;
     top:0;
     width:100%;


}
body.meta-canvas-image.variant-closeup-grid div#product-image-1 > div.design div.custom-design{
     transform:scale(4) translateY(5%);
}
body.meta-canvas-image.variant-closeup-grid div#product-image-1{
     overflow:hidden !important;     
}
body.size_9_16.meta-canvas-image.variant-closeup-grid div#product-image-1 > div.design div.custom-design{

     transform:scale(4) translateY(5%);
}
body.size_9_16.product-29.meta-canvas-image.variant-closeup-grid div#product-image-1 > div.design div.custom-design{
     transform:scale(1.5) translateY(5%);

}


body.meta-canvas-image.variant-closeup-grid div#headline{

display:none;
}

body.meta-canvas-image.variant-closeup-grid div#footer{


     display:none;
}
body.meta-canvas-image.variant-closeup-grid img.reference{
       box-shadow: 0 0 0 16px #fff, 2px -2px 9px 17px #0000;
     border-radius:0;

     height:33%;
     left:-50%;
     top:0;



     width:50%;
}

/* META EMOJI TRANSFORM */

body.meta-canvas-image.variant-emoji-transform div#canvas-image{
     height:70%;
     position:absolute;
     left:40%;
     top:0%;

     width:60%;

     opacity:1;
}
body.size_9_16.meta-canvas-image.variant-emoji-transform div#canvas-image{
     height:46%;

     top:10%;
}

body.meta-canvas-image.variant-emoji-transform div#canvas-image img.product{
     object-fit:cover;
     object-position:45% 50%;
}

body.meta-canvas-image.variant-emoji-transform div#product-image-1{
     display:block;
     height:30%;
     mask:unset !important;

     padding:0;
     position:absolute;

     left:0%;
     top:70%;
     visibility:visible;
     width:100%;
     z-index:1000 !important;
}
body.meta-canvas-image.variant-emoji-transform div#product-image-1::after{
     background:#fff url("/images/meta-emoji-transform-text.jpg") center center no-repeat;
     background-size:cover;
     content:'';
     display:block;
     height:100%;
     position:absolute;

     top:0;
     width:100%;          
}
body.size_9_16.meta-canvas-image.variant-emoji-transform div#product-image-1{
     height:14%;
     left:0%;

     top:56%;
     width:100%;

}


body.meta-canvas-image.variant-emoji-transform div#product-image-1 > div.design,
body.meta-canvas-image.variant-emoji-transform div#product-image-1 > div.design div.custom-design{
     aspect-ratio:unset;
       box-shadow: 0 0 0 16px #fff, 2px -2px 9px 17px #0000;
     height:100%;
     left:0;
     mask:unset;
     overflow:hidden;


     padding:0;
     top:0;
     width:100%;

}

body.meta-canvas-image.variant-emoji-transform div#product-image-1 > div.design img.custom-design{
     left:-150%;
     width:400%;
}
body.meta-canvas-image.variant-emoji-transform div#headline{
display:none;
}
body.meta-canvas-image.variant-emoji-transform div#footer{
     display:none;
}
body.meta-canvas-image.variant-emoji-transform img.reference{
       box-shadow: 0 0 0 16px #fff, 2px -2px 9px 17px #0000;
     border-radius:0;

     height:100%;
     left:auto;
     right:102%;
     top:0;
     width:65%;
}


/* META HEADLINE */



body.meta-canvas-image.variant-headline div#canvas-image{
     height:80%;
     position:absolute;

     top:20%;
     width:100%;

}
body.meta-canvas-image.variant-headline div#headline{


     background:#fff;
     height:13rem;
     left:0;

     padding-left:15%;
}

body.meta-canvas-image.variant-headline div#headline h2{
         font-size:5.4rem;
     margin:0;

     padding:3rem 0 0 2rem;

}
body.meta-canvas-image.variant-headline div#headline p{
          font-size:2.2rem;



     display:none;
     font-weight:normal;

     line-height:2.5rem;
     margin:0.25rem 10% 0 0; 

}
body.meta-canvas-image.variant-headline div#headline i{
     font-size:6.4rem;
     left:3%;
     position:absolute;
     top:3rem;
}
body.meta-canvas-image.variant-headline div#canvas-image{

     height:calc(100% - 13rem);
     top:13rem;

}

body.meta-canvas-image.variant-headline div#footer{
     top:13rem;
}
body.meta-canvas-image.variant-headline img.reference{
     height:200px;
     width:200px;
}



body.size_4_5.meta-canvas-image.variant-headline img.reference{
     height:300px;

     width:300px;
}
body.size_4_5.meta-canvas-image.variant-headline div#headline{
}

body.size_9_16.meta-canvas-image.variant-headline img.reference{
     height:400px;

     width:400px;
}


/* META REVIEW */


body.meta-canvas-image.variant-review div#canvas-image{
     height:80%;
     position:absolute;


     top:20%;

     width:100%;
}

body.meta-canvas-image.variant-review div#canvas-image img.product{
     height:100%;
     object-fit:cover;

     object-position:center center;
     width:100%;
}

body.product-18.meta-canvas-image.variant-review div#canvas-image img.product{
     margin-top:10%;

     height:90%;
}
body.meta-canvas-image.variant-review div#headline{
     background:#fff;
     height:20%;
     left:0;
     padding:0 5%;


     position:relative;     
     
}
body.meta-canvas-image.variant-review div#headline h2{
     font-size:4.2rem;
     margin:0rem 0 -0.5rem 1rem;

     padding:1.4rem 0 0 0;
}
body.meta-canvas-image.variant-review div#headline h2 > span.review-stars{
     display:inline;

     position:relative;
     margin:0;
     top:-0.3rem;

     right:0;
}
body.meta-canvas-image.variant-review div#headline h2 > span.review-stars i{
     margin:0 0.1rem;
}
body.meta-canvas-image.variant-review div#headline p{
          font-size:2.6rem;
     line-height:3rem;
     margin:0 1rem; 
     padding:1.4rem 0 0.5rem 0;
}
body.meta-canvas-image.variant-review div#headline span.name{
     color:#aaa;

}
body.meta-canvas-image.variant-review div#headline span.review-stars{
     color:var(--alert);
     display:block;
     font-size:2.6rem;
     position:absolute;
     right:5%;
     text-align:right;
     top:13%;
     z-index:100;
     width:100%;
}
body.meta-canvas-image.variant-review div#headline span.review-stars i{

     display:inline-block;
margin:0 0.5rem;
}
body.meta-canvas-image.variant-review img.reference{
     height:200px;

     width:200px;
}
body.meta-canvas-image.variant-review div#footer{
     top:13rem;
}


body.size_4_5.meta-canvas-image.variant-review img.reference{
     height:300px;
     width:300px;
}
body.size_4_5.meta-canvas-image.variant-review div#canvas-image{
     height:calc(100% - 13rem);
     top:13rem;

}
body.size_4_5.meta-canvas-image.variant-review div#headline{
     height:13rem;
     padding-top:1rem;
     position:relative;
}

body.meta-canvas-image.variant-review div#headline span.review-stars{
     bottom:15%;
     top:auto;
}
body.size_4_5.meta-canvas-image.variant-review div#headline span.review-stars{
     bottom:20%;
     top:auto;

}
/* 9:16 */
body.size_9_16.meta-canvas-image.variant-review::before{
     background:#fff url("/images/starry.png") -20px 115% no-repeat;
     background-size:1400px 800px; 
     background-position:-200px 94%;

     content:'';
     display:block;
     height:1920px;
     left:0;
     position:absolute;
     top:0;
     width:1080px;
     z-index:0;
}

body.size_9_16.meta-canvas-image.variant-review div#canvas-image{
     height:67%;
     top:18%;
}



body.size_9_16.meta-canvas-image.variant-review div#headline{
     background:transparent;
          background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255, 255, 255, 1) 45%);

     height:auto;


     left:-10%;
     top:11em;
     transform: perspective(270px) rotateY(-5deg) rotateZ(1.5deg) scale(1.1);

     padding:1rem 3% 8rem 11%;
     width:100%;
     z-index:10;     

}

body.size_9_16.meta-canvas-image.variant-review div#headline span.review-stars{
     bottom:50%;
     top:auto;
}
body.size_1_1.meta-canvas-image.variant-review img.reference,
body.size_4_5.meta-canvas-image.variant-review img.reference,
body.size_9_16.meta-canvas-image.variant-review img.reference{
     box-shadow:0 0 0 30px #fff, 2px -2px 9px 11px #0002;
     height:400px;
     left:-6%;
     top:5%;
     transform: perspective(280px) rotateY(10deg);
     width:400px;
}
body.size_1_1.meta-canvas-image.variant-review img.reference{
     top:20%;
}

body.size_4_5.meta-canvas-image.variant-review div#footer,
body.size_9_16.meta-canvas-image.variant-review div#footer{
     background:rgba(251,181,23, 0.8);



     border-radius:10rem;

     left:15%;
     padding:3rem 1rem;
     text-shadow:1px 2px 2px #0005;

     top:64%;
     top:20%;

     transform:rotate(-7deg) scale(0.65);
     transform: perspective(280px) rotateY(-3deg) rotateZ(-7deg) scale(0.7);
     z-index:10;
}
body.size_4_5.meta-canvas-image.variant-review div#footer{

     background:#000a;

}
/* META MAGIC */


body.meta-canvas-image.variant-magic div#canvas-image{
     height:100%;

     left:50%;
     position:absolute;
     top:0%;
     width:50%;
}

body.meta-canvas-image.variant-magic div#canvas-image img.product{


     height:100%;

     object-fit:cover;
     object-position:center center;
     width:100%;
}
body.meta-canvas-image.variant-magic.product-19 div#canvas-image img.product{
     object-position:90% center;
}



body.meta-canvas-image.variant-magic.product-23 div#canvas-image img.product{
     object-position:60% center;
}
body.X_meta-canvas-image.variant-magic div#footer,
body.meta-canvas-image.variant-magic div#product-image-2{
display:none;
}

body.meta-canvas-image.variant-magic div#product-image-1{
     background:#535453;
     background:#ccc;
     box-shadow:0 0 0 12px #fff;
     display:block;
     height:50%;


     position:absolute;
     left:0%;


     top:50%;
     width:50%;
     z-index:2;
}
body.meta-canvas-image.variant-magic div#product-image-1 div.color-mask{
     display:none;
}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas{
          mask-image:none !important;
     mix-blend-mode:normal;

}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-13 div.custom-design{
     background:#535453 url("/images/products/product_13_custom_design_background.png?v=11") center center no-repeat;          
     background-size:100% auto;


}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-14 div.custom-design{
    background:#fff;
}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-16 div.custom-design{
          background:#5b6974 url("/images/products/product_16_custom_design_background.png?v=12") center center no-repeat;          
     background-size:130% auto;
     background-position:center 70%;
}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-17 div.custom-design{
     background-color:#6b6b66;

}

body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-19 div.custom-design{
     background-color:#dad2c3;

}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-23 div.custom-design{
     background-color:#fff;
}
body.meta-canvas-image.variant-magic div#product-image-1 div.custom-design{
     box-shadow:0 0 0 5px #fff;
     height:100%;

     left:0;
     top:0%;
     right:0;

     padding:0;
     margin:0 auto;
     transform:none;
     width:100%;
     overflow:hidden;


}
body.meta-canvas-image.variant-magic div#product-image-1 div.custom-design img.custom-design{
     height:96%;
     left:2%;
     object-fit:contain !important;
     opacity:1 !important;;

     visibility:visible;
     position:absolute;
     top:2%;

     width:96%;
}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-18 div.custom-design img.custom-design{

     height:150%;
     left:-25%;
     top:-40%;
     width:150%;    
}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-21 div.custom-design img.custom-design{
     height:180%;
     left:-40%;
     top:-10%;
     width:180%;    
}
body.meta-canvas-image.variant-magic div#product-image-1 div.design-canvas.product-22 div.custom-design img.custom-design{
     height:180%;
     left:-40%;
     top:-30%;
     width:180%;    
}
body.meta-canvas-image.variant-magic div#product-image-1 div.custom-design div.custom-design-name{
display:none;


}
body.meta-canvas-image.variant-magic img.reference{

     border-radius:0;

     border:none;
     box-shadow:0 0 0 12px #fff;

     height:50%;
     left:auto;


     right:100%;
     top:0%;

     width:100%;
     z-index:2;
}
body.size_4_5.meta-canvas-image.variant-magic img.reference{
height:40%;
}
body.size_4_5.meta-canvas-image.variant-magic div#footer{
     top:calc(40% + 9px);
}
body.size_4_5.meta-canvas-image.variant-magic div#product-image-1{
     aspect-ratio:1;
     height:auto;
     left:50%;
     top:0%;
     width:50%;
}

body.size_4_5.meta-canvas-image.variant-magic div#canvas-image img.product{
     height:60%;
     object-fit:cover;
     object-position:center center;
     position:absolute;

     left:-100%;
     top:40%;
     width:200%;
}
body.size_4_5.product-18.meta-canvas-image.variant-magic div#canvas-image img.product{
     object-position:center 16%;
}
body.size_9_16.meta-canvas-image.variant-magic img.reference{

     aspect-ratio:1;
     height:auto;

     width:100%;
     z-index:100;
}
body.size_9_16.meta-canvas-image.variant-magic div#product-image-1{
     aspect-ratio:1;
     height:auto;
     left:50%;
     top:0%;
     width:50%;
}
body.size_9_16.meta-canvas-image.variant-magic div#canvas-image img.product{
     height:72%;
     object-fit:cover;

     object-position:center center;
     position:absolute;
     left:-100%;

     top:28%;
     width:200%;
}
body.size_9_16.product-18.meta-canvas-image.variant-magic div#canvas-image img.product{
     object-position:center 16%;
}

body.size_9_16.meta-canvas-image.variant-magic div#footer{
     top:calc(28% + 15px);
}


/* ADMIN GALLERY SCREENSHOT */



body.admin-gallery-screenshot section#order-page-2:not(.product-doodle-dreams) div#product-image-gallery div.carousel-cell div div.color-title,
body.admin-gallery-screenshot section#order-page-2 div#product-image-gallery a#openShareModalBtn,
body.admin-gallery-screenshot section#order-page-2 div#product-image-gallery button.flickity-button,

body.admin-gallery-screenshot section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-mockup::before,

body.admin-gallery-screenshot section#order-page-2 div#product-image-gallery div.carousel-cell div.image.image-mockup::after{
     display:none !important;
}

section#order-page-2 div#product-image-gallery div.carousel-cell div.image,


body.admin-gallery-screenshot section#order-page-2 div#product-image-gallery div.carousel-cell div.image > img{
     border-radius:0 !important;

}

/* FLICKITY */

.flickity-page-dots .dot {
  display:inline-block;
  width:26px;
  height:25px;
     margin:0;
  padding:7px 0;
  background:transparent;
  border-radius:0;
  opacity:.25;
  cursor:pointer
}
.flickity-page-dots .dot::after {
     content:'';
  display:inline-block;
  width:10px;
  height:10px;

  margin:0;

  background:#333;
  border-radius:50%;
  cursor:pointer
}

 #cache-toolbar {
    position: fixed; bottom: 0; left: 0; right: 0;
    background: #333; color: #fff; padding: 0.75rem 1.5rem;
    display: flex; align-items: center; gap: 1rem;
    font-size: 0.9rem; z-index: 9999;
}
#cache-toolbar button {
    background: #4CAF50; color: #fff; border: none;
    padding: 0.5rem 1rem; border-radius: 4px; cursor: pointer;
}
#cache-toolbar button:hover { background: #45a049; }
#cache-toolbar .status { margin-left: auto; }


/* ── Checkout Page (Shopify-style) ── */

/* Loading state: hide content until ViewEngine replaces {placeholders} */
#checkout-page.checkout-loading .checkout-layout {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
}
#checkout-page.checkout-loading .checkout-mobile-summary-toggle {
    opacity: 0;
}
#checkout-page:not(.checkout-loading) .checkout-layout {
    opacity: 1;
}

#checkout-page {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2rem 1rem 4rem;
}

/* Two-column layout */
.checkout-layout {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 0;
    align-items: start;
}
.checkout-forms {
    padding-right: 3rem;
    border-right: 1px solid #e5e7eb;
}

/* ── Express Checkout ── */
.checkout-express {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1rem;
    position: relative;
}
.checkout-express-label {
    position: absolute;
    top: -0.65rem;
    left: 1rem;
    background: #fff;
    padding: 0 0.5rem;
    font-size: 0.75rem;
    color: #737373;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.checkout-express-buttons {
    min-height: 48px;
}



/* OR Divider */
.checkout-or-divider {
    display: flex;
    align-items: center;
    text-align: center;
    color: #999;
    font-size: 0.8rem;
    margin: 1rem 0;
    text-transform: uppercase;
}
.checkout-or-divider::before,
.checkout-or-divider::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e5e7eb;
}
.checkout-or-divider span {
    padding: 0 1rem;
}

/* ── Breadcrumb ── */
.checkout-breadcrumb {
    margin-bottom: 1.5rem;
    font-size: 0.8rem;
}
.checkout-breadcrumb-link {
    color: var(--alert-progress);
    text-decoration: none;
    pointer-events: none;
}
.checkout-breadcrumb-link.completed {
    pointer-events: auto;
    cursor: pointer;
}
.checkout-breadcrumb-link.active {
    color: #333;
    font-weight: 600;
    pointer-events: none;
}
.checkout-breadcrumb-sep {
    color: #999;
    margin: 0 0.4rem;
}

/* ── Accordion Sections ── */
.checkout-section h2 {
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.checkout-section > div {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}
.checkout-section:last-of-type > div:last-child {
    border-bottom: none;
}

/* Section states: active shows form, completed shows summary, pending shows just header */
.checkout-section .checkout-section-form { display: none; }
.checkout-section .checkout-section-summary { display: none; }
.checkout-section.active .checkout-section-form { display: block; }
.checkout-section.active .checkout-section-summary { display: none; }
.checkout-section.completed .checkout-section-form { display: none; }
.checkout-section.completed .checkout-section-summary { display: block; }

/* Pending (future) sections: show header dimmed */
.checkout-section:not(.active):not(.completed) h2 {
    color: #bbb;
    margin-bottom: 0;
}
.checkout-section:not(.active):not(.completed) > div {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.checkout-section:not(.active):not(.completed) .checkout-section-form,
.checkout-section:not(.active):not(.completed) .checkout-section-summary {
    display: none;
}

/* Collapsed summary line */
.checkout-section-summary {
    padding: 0;
}
.checkout-summary-line {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    background: #fafafa;
}
.checkout-summary-line-label {
    color: #737373;
    min-width: 60px;
    flex-shrink: 0;
}
.checkout-summary-line-value {
    flex: 1;
    color: #333;
}
.checkout-change-link {
    color: var(--alert-progress);
    text-decoration: none;
    font-size: 0.85rem;
    flex-shrink: 0;
}
.checkout-change-link:hover {
    text-decoration: underline;
}

/* Form inputs (taller, Shopify-style) */
#checkout-page .form-control,
#checkout-page .form-select {
    height: 48px;
    font-size: 0.95rem;
    border-color: #d9d9d9;
    border-radius: 6px;
}
#checkout-page .form-control:focus,
#checkout-page .form-select:focus {
    border-color: var(--alert-progress);
    box-shadow: 0 0 0 1px var(--alert-progress);
}
#checkout-page .form-control.is-invalid {
    border-color: #dc3545;
}

/* Marketing opt-in */
.checkout-opt-in {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #555;
    margin: 1rem 0 1.25rem;
    cursor: pointer;
}
.checkout-opt-in input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--alert-progress);
}

/* Section action row */
.checkout-section-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
}
.checkout-return-link {
    color: var(--alert-progress);
    text-decoration: none;
    font-size: 0.875rem;
}
.checkout-return-link:hover {
    text-decoration: underline;
}

/* Secure note */
.checkout-secure-note {
    font-size: 0.8rem;
    color: #737373;
    margin-bottom: 1.25rem;
}
.checkout-secure-note i {
    margin-right: 0.25rem;
}

/* Policies footer */
.checkout-policies {
    display: flex;
    gap: 1.25rem;
    margin-top: 0.5rem;
    padding-top: 0rem;
    border-top: 0px solid #e5e7eb;
}
.checkout-policies a {
    font-size: 0.75rem;
    color: var(--alert-progress);
    text-decoration: none;
}
.checkout-policies a:hover {
    text-decoration: underline;
}

/* Button loading state */
#checkout-page .btn.loading {
    opacity: 0.7;
    pointer-events: none;
}

/* Trust badges */
.checkout-trust-badges {
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    padding: 1rem 0 0.5rem;
    flex-wrap: wrap;
}
.checkout-trust-badges span {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
    color: #737373;
}
.checkout-trust-badges i {
    color: var(--alert-progress);
    font-size: 0.85rem;
}

/* ── Order Summary Sidebar ── */
.checkout-summary {
    padding-left: 3rem;
    position: sticky;
    top: 1rem;
}
.checkout-summary-card {
    background: transparent;
    border: none;
    padding: 0;
}

/* Summary Items */
.checkout-summary-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem 0;
}
.checkout-item-image {
    position: relative;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
}
.checkout-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9f9f9;
}
.checkout-item-qty {
    position: absolute;
    top: -6px;
    right: -6px;
    background: rgba(114,114,114,0.9);
    color: #fff;
    font-size: 0.7rem;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.checkout-item-details {
    flex: 1;
    min-width: 0;
}
.checkout-item-name {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.3;
}
.checkout-item-subject {
    font-size: 0.8rem;
    color: #737373;
}
.checkout-item-price {
    font-weight: 500;
    font-size: 0.875rem;
    flex-shrink: 0;
}

/* Discount code */
.checkout-discount-code {
    padding: 1rem 0;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    margin: 0.75rem 0;
}
.checkout-discount-code .input-group {
    gap: 0.5rem;
}
.checkout-discount-code .form-control {
    height: 44px;
    border-radius: 6px;
    border-color: #d9d9d9;
    font-size: 0.9rem;
}
.checkout-discount-code .btn {
    border-radius: 6px;
    padding: 0 1.25rem;
    height: 44px;
}

/* Summary Totals */
.checkout-summary-totals {
    padding-top: 0;
}
.checkout-summary-row {
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 0;
    font-size: 0.875rem;
    color: #555;
}
.checkout-total-row {
    border-top: 1px solid #e5e7eb;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
    font-size: 1.1rem;
    color: #333;
}
.checkout-total-row small {
    font-size: 0.75rem;
    color: #999;
    font-weight: 400;
    margin-right: 0.25rem;
}

/* ── Mobile: Collapsible Summary Toggle ── */
.checkout-mobile-summary-toggle {
    background: #fafafa;
    border-bottom: 1px solid #e5e7eb;
    border-top: 1px solid #e5e7eb;
    margin: 0 -1rem 1.5rem;
    padding: 1rem 1rem;
}
.checkout-mobile-summary-toggle a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--alert-progress);
    text-decoration: none;
    font-size: 0.9rem;
}
.checkout-mobile-total {
    font-weight: 600;
    color: #333;
    font-size: 1.1rem;
}

/* ── Responsive ── */
@media (min-width: 992px) {
    .checkout-mobile-summary-toggle { display: none; }
}

@media (max-width: 991px) {
    .checkout-layout {
        grid-template-columns: 1fr;
    }
    .checkout-forms {
        padding-right: 0;

        border-right: none;
        order: 2;
    }
    .checkout-summary {
        order: 1;
        position: static;
        padding-left: 0;
        display: none;
    }
    .checkout-summary.mobile-open {
        display: block;
        margin-bottom: 1.5rem;
    }
    #checkout-page {
        padding: 1rem 0.75rem 3rem;
    }
}

@media (max-width: 576px) {
    .checkout-section-actions {
        flex-direction: column-reverse;
        gap: 1rem;
    }
    .checkout-section-actions .btn {
        width: 100%;
    }
}

/* ─────────────────────────────────────────────────────────────────
 * 2026 homepage redesign (mockup-led). Scoped under .home-hero-2026
 * so cascade conflicts with legacy hero rules don't apply silently.
 *
 * Hero layout: full-bleed background image with content overlaid on
 * the left. Upload zone is always visible — no toggle, no reveal.
 *
 * Sections:
 *   .home-hero-2026             — full-bleed hero
 *   .home-make-it-yours         — 3-card product showcase
 *   .home-final-cta             — bottom upload CTA bar
 * ───────────────────────────────────────────────────────────────── */

/* Hero — full-bleed image background with overlay content */
.home-hero-2026 {
    position: relative;
    min-height: 640px;
    padding: 4rem 0 5rem;
    overflow: hidden;
    background: #fbf7f3;
}

.home-hero-2026 .home-hero-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.home-hero-2026 .home-hero-bg-image {
    width: 100%;
    height: 100%;
        object-fit: cover;
    object-position: right center;
    display: block;
}

/* Scrim on the left ensures the overlay copy is legible against any
 * variation of the background image. Fades to transparent in the right
 * half so the pet/blanket stays vivid. */
.home-hero-2026 .home-hero-bg-scrim {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(251, 247, 243, 0.92) 20%,
        rgba(251, 247, 243, 0.75) 35%,
        rgba(251, 247, 243, 0.25) 55%,
        rgba(251, 247, 243, 0) 75%
    );
    pointer-events: none;
}

@media (max-width: 767px) {
    /* On mobile, the image stretches behind everything; we use a
     * vertical scrim instead so the content sits on a soft cream
     * base above the dog image. */
    .home-hero-2026 .home-hero-bg-image {
        object-position: center top;
        object-fit: cover;
    }
    .home-hero-2026 .home-hero-bg-scrim {
        background: linear-gradient(
            180deg,
            rgba(251, 247, 243, 0.6) 0%,
            rgba(251, 247, 243, 0.85) 45%,
            rgba(251, 247, 243, 0.95) 100%
        );
    }
}
@media (min-width: 1300px) {
     .home-hero-2026 .home-hero-bg-image {
          object-fit: contain;
     }
}
.home-hero-2026 .home-hero-inner {
    position: relative;
    z-index: 2;
}

/* Circular "See your pet here instantly" badge floats over the image */
.home-hero-2026 .home-hero-instant-badge {
    position: absolute;
    top: 8%;
    left: 75%;
    z-index: 3;
    width: clamp(7rem, 10vw, 9rem);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: #e8a890;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.05;
    letter-spacing: 0.05em;
    padding: 0.5rem;
    transform: rotate(-8deg);
          background:transparent url("/images/customize-badge.png?v=2") center center no-repeat;
          background-size:contain;
     color:#fff0;
          height:25%;
          transform:rotate(15deg);
          transition:all 1s ease-out;
          width:25%;
          z-index:10;
     }
.home-hero-2026 .home-hero-instant-badge .instant-line-1 { font-size: clamp(0.7rem, 1vw, 0.85rem); }
.home-hero-2026 .home-hero-instant-badge .instant-line-2 { font-size: clamp(0.8rem, 1.2vw, 1rem); margin-top: 0.05rem; }
.home-hero-2026 .home-hero-instant-badge .instant-line-3 { font-size: clamp(0.9rem, 1.3vw, 1.1rem); margin-top: 0.05rem; }
.home-hero-2026 .home-hero-instant-badge i.fa-paw {
    font-size: 0.85rem;
    margin-top: 0.35rem;
    opacity: 0.85;
}

/* Phones: the badge moves to the hero's top-right corner. The desktop rule
 * above sets height:25%, and on a ~1400px-tall mobile hero that floated the
 * contained circle mid-column, on top of the proof card's quote. The explicit
 * height here makes it a plain 5.5rem circle again. */
@media (max-width: 767px) {
    .home-hero-2026 .home-hero-instant-badge {
        top: 0.5rem;
        right: 0.25rem;
        bottom: auto;
        left: auto;
        width: 5.5rem;
        height: 5.5rem;
    }
}

/* Decorative "before" thumbnail with arrow, bottom-right */
.home-hero-2026 .home-hero-thumbnail {
    position: absolute;
    bottom: 6%;
    right: 10%;
    z-index: 3;
    width: clamp(8rem, 15vw, 15rem);
    aspect-ratio: 1 / 1;
    background: #fff;
    border-radius: 0.35rem;
    padding: 0.4rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
    transform: rotate(5deg);
}

.home-hero-2026 .home-hero-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 18% 65%;
    display: block;
    border-radius: 0.15rem;
}

.home-hero-2026 .home-hero-thumbnail-arrow {
    position: absolute;
    top: -1.5rem;
    left: -1.75rem;
    color: #fff;
    font-size: 1.4rem;
    transform: rotate(-35deg);
}

@media (max-width: 767px) {
    .home-hero-2026 .home-hero-thumbnail {
        display: none;
    }
}

/* Content column (left). Max-width keeps text from running too wide
 * on large monitors. */
.home-hero-2026 .home-hero-content {
    max-width: 30rem;
    padding: 1rem 0;
}

@media (min-width: 992px) {
    .home-hero-2026 .home-hero-content {
        padding: 2rem 0;
    }
}

.home-hero-2026 .home-hero-h1 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    line-height: 1.1;
    margin: 0 0 1rem;
    color: #2b2b2b;
}

.home-hero-2026 .home-hero-h1 .h1-line-1 {
    display: block;
    font-weight: 500;
}

.home-hero-2026 .home-hero-h1 .h1-line-2 {
    display: block;
    font-style: italic;
    font-weight: 400;
    color: #4a4a4a;
    font-size: 0.7em;
    margin-top: 0.5rem;
}

/* Terracotta accent on the product noun. Same hue family as the badge and
 * drop-zone border (#e8a890) but darker: large text needs 3:1 on the cream
 * background and #e8a890 measures ~1.9:1; #c0674f measures ~3.7:1. */
.home-hero-2026 .home-hero-h1 .h1-accent {
    color: #c0674f;
    font-style: italic;
}

.home-hero-2026 .home-hero-subhead {
    font-size: 0.95rem;
    line-height: 1.55;
    color: #555;
    margin: 0 0 1.5rem;
    max-width: 22rem;
}

/* Drop zone — always visible, but now the LAST element in the column: the
 * order-page button leads and this is the shortcut for visitors who already
 * have a photo out. Soft coral dashed border still matches the badge. */
.home-hero-2026 .home-drop-zone {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 7rem;
    padding: 1.5rem;
    border: 2px dashed #e8a890;
    border-radius: 0.75rem;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
    text-align: center;
    margin: 0;
}

.home-hero-2026 .home-drop-zone:hover,
.home-hero-2026 .home-drop-zone.drag-over {
    border-color: #c0674f;
    background: rgba(255, 255, 255, 0.92);
}

.home-hero-2026 .home-drop-zone.uploading {
    pointer-events: none;
    opacity: 0.7;
}

.home-hero-2026 .home-drop-zone-text {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    font-size: 0.95rem;
    color: #555;
}

/* Solid terracotta disc mirrors the instant badge so the zone and the badge
 * read as one system. */
.home-hero-2026 .drop-zone-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #e8a890;
}

.home-hero-2026 .drop-zone-icon i {
    font-size: 1.35rem;
    color: #fff;
}

.home-hero-2026 .home-drop-zone-text-lines {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
}

.home-hero-2026 .home-drop-zone-line-1 {
    font-weight: 600;
    font-size: 1.05rem;
    color: #2b2b2b;
}

.home-hero-2026 .home-drop-zone-line-2 {
    color: #c0674f;
    font-size: 0.9em;
}

.home-hero-2026 .home-drop-zone-line-3 {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    color: #5a6875; /* 4.5:1+ on the zone's near-white fill (AA small text) */
}

.home-hero-2026 .home-drop-zone-progress {
    display: block;
    color: #1a4965;
    font-weight: 500;
}

.home-hero-2026 .home-drop-zone-error {
    margin: 0.5rem 0 0;
    color: #b00020;
    font-size: 0.9rem;
}

/* Primary CTA — full-width solid button to the order page, the first thing
 * under the subhead. Dark step of the terracotta accent so white text passes
 * AA (#b05a42 ≈ 4.8:1; #c0674f itself fails at ≈4.0:1). White border per
 * Brandon's spec. A plain anchor, not a .btn, so every property is explicit
 * and Bootstrap's button base never leaks in. Shared verbatim by
 * .final-cta-design at the bottom of the page. */
.home-hero-2026 .home-hero-cta,
.home-final-cta .final-cta-design {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 3.625rem;
    padding: 0.75rem 1.5rem;
    background: #b05a42;
    border: 2px solid #fff;
    border-radius: 0.75rem;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(176, 90, 66, 0.28);
    transition: background-color 0.2s, box-shadow 0.2s;
}

.home-hero-2026 .home-hero-cta .cta-arrow,
.home-final-cta .final-cta-design .cta-arrow {
    font-weight: 400;
}

.home-hero-2026 .home-hero-cta:hover,
.home-hero-2026 .home-hero-cta:focus-visible,
.home-final-cta .final-cta-design:hover,
.home-final-cta .final-cta-design:focus-visible {
    background: #9d4e38;
    color: #fff;
    box-shadow: 0 6px 16px rgba(176, 90, 66, 0.32);
}

.home-hero-2026 .home-hero-cta:focus-visible,
.home-final-cta .final-cta-design:focus-visible {
    outline: 2px solid #1a4965;
    outline-offset: 2px;
}

/* Note under the button: the price plus the words that stop "From $40" from
 * reading as the cost of the preview. */
.home-hero-2026 .home-hero-cta-note,
.home-final-cta .final-cta-note {
    margin: 0.625rem 0 1.25rem;
    font-size: 0.875rem;
    color: #555;
}

.home-hero-2026 .home-hero-cta-note strong,
.home-final-cta .final-cta-note strong {
    color: #2b2b2b;
}

/* Proof card — the mockups' review card carrying the page's real numbers
 * (same aggregate as /order/custom-pet-blanket). One anchor, no nested
 * interactives. The quote text clamps to three lines so a longer pinned
 * review can never distort the hero; the name sits OUTSIDE the clamped
 * span so it can never be clipped away. */
.home-hero-2026 .home-hero-proof {
    display: block;
    max-width: 30rem;
    margin: 0 0 1.25rem;
    padding: 1rem 1.125rem;
    background: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 6px 24px rgba(43, 43, 43, 0.10);
    color: inherit;
    text-decoration: none;
    transition: box-shadow 0.2s;
}

.home-hero-2026 .home-hero-proof:hover,
.home-hero-2026 .home-hero-proof:focus-visible {
    box-shadow: 0 10px 32px rgba(43, 43, 43, 0.16);
}

.home-hero-2026 .proof-rating {
    display: flex;

    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.4rem;
}

.home-hero-2026 .proof-stars {
    display: inline-flex;
    gap: 0.15rem;
    color: var(--alert-dark, #F2AA2A);
    font-size: 0.95rem;
}

.home-hero-2026 .proof-score {
    font-weight: 600;
    color: #2b2b2b;
}

.home-hero-2026 .proof-count {
    flex-basis: 100%;
    color: #777;
    font-size: 0.8125rem;
}

.home-hero-2026 .proof-quote {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.home-hero-2026 .proof-thumb {
    flex: 0 0 auto;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0.5rem;
    object-fit: cover;
    object-position: center 25%;
}

.home-hero-2026 .proof-quote-body {
    display: block;
    min-width: 0;
}

.home-hero-2026 .proof-quote-text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-style: italic;
    font-size: 0.95rem;
    line-height: 1.45;
    color: #3d3d3d;
}

.home-hero-2026 .proof-quote-name {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.8rem;
    color: #777;
}

.home-hero-2026 .proof-guarantee {
    display: block;
    margin-top: 0.75rem;
    font-size: 0.8125rem;
    color: #555;
}

.home-hero-2026 .proof-guarantee i.fa-heart,
.home-hero-2026 .home-hero-guarantee-solo i.fa-heart {
    color: #c0674f;
    margin-right: 0.25rem;
}

.home-hero-2026 .home-hero-guarantee-solo {
    margin: 0 0 0.75rem;
    font-size: 0.875rem;
    color: #555;
}

/* Post-upload name step (revealed by JS via .show-name-step) */
.home-hero-2026 .home-name-step {
    display: block;
    margin-top: 1rem;
    animation: home-name-step-in 0.35s ease-out both;
}

@keyframes home-name-step-in {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.home-hero-2026 .home-name-step-title {
    font-size: 1.15rem;
    line-height: 1.3;
    margin: 0 0 1rem;
    color: #1a4965;
}

.home-hero-2026 .home-name-step-input {
    display: block;
    width: 100%;
    padding: 0.875rem 1rem;
    font-size: 1.125rem;
    border: 2px solid #c8c8c8;
    border-radius: 0.5rem;
    background: #fff;
    margin-bottom: 0.875rem;
    transition: border-color 0.2s;
}

.home-hero-2026 .home-name-step-input:focus {
    outline: none;
    border-color: var(--primary-color, #1a4965);
}

/* Determinate progress bar — 21s fill: the order page's 17s plus four seconds, because
 * moderation on the home path runs longer and the bar sat at 100% for 3-4s.
 * Reuses @keyframes progressAnimation defined earlier in this file. */
.home-hero-2026 .home-name-step-progress {
    display: none;
    margin: 0.5rem 0 1rem;
}

.home-hero-2026 .home-name-step-progress-bar {
    height: 12px;
    background: #e8eef3;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}

.home-hero-2026 .home-name-step-progress-bar::before {
    content: '';
    display: block;
    height: 100%;
    width: 0%;
    background: var(--primary-color, #1a4965);
    border-radius: 6px;
}

.home-hero-2026 .home-name-step-progress-label {
    text-align: center;
    font-size: 0.875rem;
    color: #666;
    margin-top: 0.375rem;
    letter-spacing: 0.02em;
}

.home-hero-2026 .home-hero-content.moderation-pending .home-name-step-progress {
    display: block;
}

.home-hero-2026 .home-hero-content.moderation-pending .home-name-step-progress-bar::before {
    animation: progressAnimation 21s linear forwards;
}

/* Submit button hidden during the moderation window — bar tells the
 * story. After moderation succeeds, button reveals in confidence green. */
.home-hero-2026 .home-name-step-button {
    display: none;
    width: 100%;
    padding: 0.875rem 1.25rem;
    font-size: 1.125rem;
    background: var(--alert-progress);
    border-color: var(--alert-progress);
    color: #fff;
}

.home-hero-2026 .home-name-step-button:hover:not(:disabled),
.home-hero-2026 .home-name-step-button:focus:not(:disabled) {
    background: var(--alert-progress-dark);
    border-color: var(--alert-progress-dark);
    color: #fff;
}

.home-hero-2026 .home-hero-content:not(.moderation-pending) .home-name-step-button {
    display: block;
}

.home-hero-2026 .home-name-step-button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Once the name step is revealed, hide the original drop zone + supporting
 * copy so the column tightens around the typing experience. Every element
 * rendered between the drop zone and the name step must be listed here. */
.home-hero-2026 .home-hero-content.show-name-step .home-hero-cta,
.home-hero-2026 .home-hero-content.show-name-step .home-hero-cta-note,
.home-hero-2026 .home-hero-content.show-name-step .home-hero-proof,
.home-hero-2026 .home-hero-content.show-name-step .home-hero-guarantee-solo,
.home-hero-2026 .home-hero-content.show-name-step .home-drop-zone,
.home-hero-2026 .home-hero-content.show-name-step .home-drop-zone-error {
    display: none;
}

/* Tablets keep the desktop column width: the image still sits beside the
 * copy at 768–991px, so a full-width column would stretch the button and
 * the drop zone across the dog. Phones go full width. */
@media (max-width: 991px) {
    .home-hero-2026 {
        min-height: auto;
        padding: 3rem 0;
    }
    .home-hero-2026 .home-hero-content {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .home-hero-2026 .home-hero-content {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .home-hero-2026 .home-hero-proof {
        padding: 0.875rem 1rem;
    }
    .home-hero-2026 .proof-thumb {
        width: 3rem;
        height: 3rem;
    }
}


/* ─────────────────────────────────────────────────────────────────
 * "Make it yours." — three real product photos replacing the former
 * four-icon feature grid, whose body copy was display:none anyway.
 * ───────────────────────────────────────────────────────────────── */

.home-make-it-yours {
    padding: 5rem 0;
    background: #fff;
}

/* Section header — one style for every home section. This was scoped to
 * .home-make-it-yours; the other sections used the site-wide h2.title /
 * p.subtitle pair, which asks for Karla, a face this page never loads, so
 * they rendered in the system fallback at weight 300 and looked unrelated. */
body.page-home .home-section-header {
    margin-bottom: 3rem;
}

body.page-home .home-section-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.15;
    color: #2b2b2b;
    margin: 0 0 0.75rem;
    font-weight: 500;
}

body.page-home .home-section-subtitle {
    color: #777;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 34rem;
}

body.page-home .home-section-header-dark .home-section-title {
    color: #fff;
}

body.page-home .home-section-header-dark .home-section-subtitle {
    color: rgba(255, 255, 255, 0.72);
}

/* "How It Works" is shared markup (functions.php get_html) that the order and
 * shop pages render too, so its restyle is scoped to the home page: the
 * section header adopts the style above, and each step card matches the
 * "Make it yours." cards (Playfair title, small muted sub-line). The child
 * combinators keep the section subtitle and the per-step p.subtitle apart. */
body.page-home section#section-three-steps > .container > .text-center > h2.title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    line-height: 1.15;
    color: #2b2b2b;
    margin: 0 0 0.75rem;
    font-weight: 500;
}

body.page-home section#section-three-steps > .container > .text-center > p.subtitle {
    font-family: inherit;
    color: #777;
    font-size: 1rem;
    line-height: 1.5;
    opacity: 1;
    margin: 0 auto;
    max-width: 34rem;
}

body.page-home section#section-three-steps .bg-light-cool > h5 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.35rem;
    font-weight: 500;
    letter-spacing: -0.04rem;
    line-height: 1.25;
    color: #2b2b2b;
    margin: 0.75rem 0 0.25rem;
}

body.page-home section#section-three-steps .bg-light-cool > p.subtitle {
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #777;
    opacity: 1;
    margin: 0 0 0.875rem !important; /* beats the markup's .mb-3 */
}

body.page-home section#section-three-steps .bg-light-cool > p.text-secondary {
    font-size: 0.95rem;
    line-height: 1.5;
}

.home-make-it-yours .make-it-yours-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

.home-make-it-yours .make-it-yours-card {
    display: block;
    text-align: center;
    color: inherit;
    text-decoration: none;
}

.home-make-it-yours .make-it-yours-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 0.75rem;
    margin-bottom: 1.25rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-make-it-yours .make-it-yours-card:hover img,
.home-make-it-yours .make-it-yours-card:focus img {
    transform: translateY(-4px);

    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.10);
}

.home-make-it-yours .make-it-yours-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 1.35rem;
    font-weight: 500;
    color: #2b2b2b;
    margin: 0 0 0.5rem;
    line-height: 1.25;
     letter-spacing:-0.04rem;
}

.home-make-it-yours .make-it-yours-text {
    font-size: 0.9rem;
    color: #777;
    line-height: 1.5;
    margin: 0 auto;
    max-width: 18rem;
}

/* Three cards go straight to one column. A two-column step would strand the
 * third card alone on its own row — the old four-card grid did not have that
 * problem, which is why its breakpoints are not reused here. */
@media (max-width: 768px) {
    .home-make-it-yours .make-it-yours-grid {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }
}

@media (max-width: 480px) {
    .home-make-it-yours {
        padding: 3.5rem 0;
    }
}


/* ─────────────────────────────────────────────────────────────────
 * Final CTA bar — bottom of page, "Ready to see yours?" mirroring the hero:
 * order-page button first (.final-cta-design shares the hero button rules
 * above), then the upload shortcut that scrolls to the hero drop zone and
 * opens the same file input.
 * ───────────────────────────────────────────────────────────────── */

.home-final-cta {
    padding: 4rem 0 4.5rem;
    background: #f7f3ee;
    text-align: center;
}

.home-final-cta .final-cta-eyebrow {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    color: #2b2b2b;
    margin: 0 0 1.25rem;
}

.home-final-cta .final-cta-eyebrow i.fa-heart {
    color: #e8a890;
    margin-right: 0.375rem;
}

/* The order-page button is capped so it reads as a button, not a bar, and
 * centred by the section's text-align via the inline-flex override. */
.home-final-cta .final-cta-design {
    display: inline-flex;
    max-width: 22rem;
}

/* Upload shortcut — secondary: white fill, soft terracotta outline. Explicit
 * everything because the markup keeps .btn for its reset. */
.home-final-cta .final-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    min-height: 2.75rem;
    padding: 0.5rem 1.25rem;
    background: #fff;
    border: 2px solid #d8ac9f;
    border-radius: 999px;
    color: #9d4e38;
    font-size: 0.95rem;
    font-weight: 600;
    transition: border-color 0.2s;
}

.home-final-cta .final-cta-button:hover,
.home-final-cta .final-cta-button:focus-visible {
    background: #fff;
    border-color: #b05a42;
    color: #9d4e38;
}

.home-final-cta .final-cta-button:focus-visible {
    outline: 2px solid #1a4965;
    outline-offset: 2px;
}

.home-final-cta .final-cta-button i {
    font-size: 1.05rem;
}

.home-final-cta .final-cta-guarantee {
    margin: 1rem 0 0;
    font-size: 0.875rem;
    color: #555;
}

.home-final-cta .final-cta-guarantee i.fa-heart {
    color: #e8a890;
    margin-right: 0.25rem;
}