@ptcwebops/ptcw-design 6.3.15 → 6.3.16-beta

package/dist/collection/components/ptc-modal/ptc-modal.js

@@ -3,33 +3,28 @@ import { createFocusTrap } from 'focus-trap';
 export class PtcModal {
   constructor() {
     this.setReturnFocus = () => {
-      var _a, _b;
-      if (!this.lastFocusElement)
-        return;
-      // Try focusing the last focused element directly
-      if (this.lastFocusElement.tabIndex === 0) {
+      if (this.lastFocusElement instanceof HTMLElement) {
         this.lastFocusElement.focus();
-        return;
       }
-      // If it's inside a shadow DOM, try finding a focusable child
-      const shadowRoot = this.lastFocusElement.shadowRoot;
-      if (shadowRoot) {
-        const focusableElementList = shadowRoot.querySelectorAll('button, [tabindex]:not([tabindex="-1"])');
-        if (focusableElementList) {
-          let focusableElement = focusableElementList[focusableElementList.length - 1];
-          focusableElement.focus();
-          return;
+    };
+    this.trackLastFocusedElement = (event) => {
+      if (event.key === "Enter") {
+        let activeElement = document.activeElement;
+        // Traverse shadow DOM to get the innermost focused element
+        while (activeElement === null || activeElement === void 0 ? void 0 : activeElement.shadowRoot) {
+          activeElement = activeElement.shadowRoot.activeElement;
+        }
+        if (activeElement instanceof HTMLElement) {
+          this.lastFocusElement = activeElement;
         }
-      }
-      // As a fallback, try to find a focusable child within the element
-      const fallbackElement = (_b = (_a = this.lastFocusElement).querySelector) === null || _b === void 0 ? void 0 : _b.call(_a, 'button, [tabindex]:not([tabindex="-1"])');
-      if (fallbackElement instanceof HTMLElement) {
-        fallbackElement.focus();
       }
     };
     this.handleKeyPress = (event) => {
       if (event.key === 'Enter' || event.key === ' ' || event.key === 'Tab') {
         this.openedByKeyboard = true;
+        if (event.key === 'Enter') {
+          this.trackLastFocusedElement(event);
+        }
       }
     };
     this.handleMouseDown = () => {
@@ -57,12 +52,11 @@ export class PtcModal {
     this.headerOnlyText2 = undefined;
     this.bottomCloseBtn = undefined;
     this.openedByKeyboard = false;
-    this.focusBackElement = undefined;
     this.bodyOverflowSetting = undefined;
   }
   onShowChange(newValue) {
     if (newValue) {
-      this.lastFocusElement = document.activeElement;
+      // this.lastFocusElement = document.activeElement as HTMLElement;
       this.fireOnOpened(this);
     }
     else {
@@ -157,7 +151,7 @@ export class PtcModal {
   }
   componentDidLoad() {
     if (this.show) {
-      this.lastFocusElement = document.activeElement;
+      // this.lastFocusElement = document.activeElement as HTMLElement;
       this.fireOnOpened(this);
     }
     if (this.showHeaderFooter) {
@@ -213,15 +207,6 @@ export class PtcModal {
   }
   close() {
     this.show = false;
-    setTimeout(() => {
-      var _a, _b;
-      if (this.focusBackElement) {
-        (_a = this.focusBackElement) === null || _a === void 0 ? void 0 : _a.focus();
-        if (this.focusBackElement.tagName === "PTC-BUTTON") {
-          (_b = this.focusBackElement.shadowRoot.querySelector('button')) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-      }
-    }, 100);
   }
   render() {
     let content;
@@ -342,8 +327,8 @@ export class PtcModal {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal'",
-          "resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
+          "original": "'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal'",
+          "resolved": "\"fit-content\" | \"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
           "references": {}
         },
         "required": false,
@@ -673,23 +658,6 @@ export class PtcModal {
         },
         "attribute": "bottom-close-btn",
         "reflect": false
-      },
-      "focusBackElement": {
-        "type": "any",
-        "mutable": true,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "focus-back-element",
-        "reflect": false
       }
     };
   }

package/dist/collection/components/ptc-office-locations/ptc-office-locations.js

@@ -39,7 +39,7 @@ export class PtcOfficeLocations {
         }, 100);
         setTimeout(() => {
           var _a;
-          (_a = event.target) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ inline: 'nearest', block: 'center' });
+          (_a = event.target) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ inline: 'nearest', block: 'nearest' });
           this.cardScroll = this.showMap;
           mapTop === null || mapTop === void 0 ? void 0 : mapTop.scrollIntoView({ inline: 'nearest', block: 'start' });
         }, 500);

package/dist/collection/components/ptc-para/ptc-para.css

@@ -104,6 +104,9 @@ p.main {
 p.primary-grey {
   color: var(--color-gray-10);
 }
+p.primary-green {
+  color: var(--color-green-06);
+}
 p.gray-darker {
   color: var(--color-gray-11);
 }

package/dist/collection/components/ptc-para/ptc-para.js

@@ -185,8 +185,8 @@ export class PtcPara {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'primary-grey' | 'white' | 'gray-darker'",
-          "resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
+          "original": "'primary-grey' | 'primary-green' | 'white' | 'gray-darker'",
+          "resolved": "\"gray-darker\" | \"primary-green\" | \"primary-grey\" | \"white\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ptc-picture/ptc-picture.js

@@ -69,6 +69,7 @@ export class PtcPicture {
         image.src = this.setResponsiveBg();
         image.onload = () => {
           image.removeAttribute('data-src');
+          console.log('loaded fallback');
         };
       }, 5000);
     }

package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css

@@ -5602,26 +5602,26 @@ a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
   color: var(--color-blue-04);
   margin: -2px;
   border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);

package/dist/collection/components/ptc-preferance-center-form/ptc-preferance-center-form.js

@@ -18,7 +18,7 @@ export class PtcPreferanceCenterForm {
   onDataLookup() {
     const dataLookupElement = this.el.closest('ptc-data-lookup');
     if (dataLookupElement) {
-      //console.log('Perform Data Lookup...');
+      console.log('Perform Data Lookup...');
       dataLookupElement.performSubscriptionLookup();
     }
     else {

package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css

@@ -3164,425 +3164,6 @@ ptc-link, ptc-square-card,
   margin-top: 44px;
 }
 
-.preloader-storefront .jumbotron {
-  margin-bottom: -60px;
-}
-.preloader-storefront .jumbotron .jumbotron-bg {
-  height: 400px;
-  background-color: var(--color-gray-03);
-  position: relative;
-}
-.preloader-storefront .jumbotron .jumbotron-bg .grid-cards-div {
-  position: relative;
-  z-index: 3;
-}
-.preloader-storefront .jumbotron .sf-grid {
-  position: relative;
-  top: -104px;
-  height: 100%;
-  width: 100%;
-  margin-bottom: 3rem;
-}
-.preloader-storefront .jumbotron .sf-cards-grid {
-  grid-column-gap: 1.5rem;
-  grid-row-gap: 1.5rem;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-storefront .jumbotron .sf-cards-grid {
-    grid-column-gap: 2.5rem;
-    grid-row-gap: 2.5rem;
-  }
-}
-.preloader-storefront .jumbotron .sf-cards-grid .short-2 {
-  height: 464px;
-}
-@media (min-width: 992px) {
-  .preloader-storefront .jumbotron .sf-cards-grid .short-2 {
-    height: 318px;
-  }
-}
-.preloader-storefront .jumbotron .sf-cards-grid .short-4 {
-  display: none;
-}
-@media (min-width: 992px) {
-  .preloader-storefront .jumbotron .sf-cards-grid .short-4 {
-    display: block;
-  }
-}
-.preloader-storefront .ptc-section {
-  margin-top: 3rem;
-  margin-bottom: 3rem;
-}
-.preloader-storefront .promo-banner-block {
-  width: auto;
-  height: 259px;
-}
-.preloader-storefront .short-16 {
-  width: 25%;
-  margin-bottom: 1.25rem;
-}
-.preloader-storefront .short-11 {
-  width: 60%;
-  margin-bottom: 16px;
-}
-.preloader-storefront .grid-wrapper {
-  padding-left: 24px;
-  padding-bottom: 152px;
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-storefront .grid-wrapper {
-    padding-left: 0;
-    padding-right: 0;
-    max-width: 1136px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-@media only screen and (min-width: 1440px) {
-  .preloader-storefront .grid-wrapper {
-    padding-left: 0;
-    padding-right: 0;
-    max-width: 1200px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-.preloader-storefront .short-1 {
-  height: 341px;
-}
-.preloader-storefront .cards-grid-2 {
-  display: flex;
-  flex-direction: row;
-  grid-column-gap: 4px;
-  grid-row-gap: 4px;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-storefront .cards-grid-2 {
-    grid-column-gap: 20px;
-    grid-row-gap: 20px;
-  }
-}
-.preloader-storefront .cards-grid-2 .card {
-  min-width: 270px;
-}
-
-.preloader-store-listing-page .top {
-  padding-top: 25px;
-}
-.preloader-store-listing-page .top .top-block {
-  width: 98px;
-}
-.preloader-store-listing-page .search-box {
-  display: flex;
-  flex-direction: row;
-  margin-top: 10px;
-  width: 100%;
-}
-.preloader-store-listing-page .search-box .search-input-box {
-  background-color: #fff;
-  width: 100%;
-  height: 48px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.preloader-store-listing-page .search-box .search-btn-box {
-  height: 48px;
-  width: 58px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.preloader-store-listing-page .search-btn {
-  background-color: #fff;
-  border-radius: 4px;
-  width: auto;
-  height: 48px;
-  margin: 10px;
-  margin-left: 24px;
-}
-.preloader-store-listing-page .card-block {
-  height: 309px;
-}
-@media only screen and (min-width: 480px) {
-  .preloader-store-listing-page .card-block {
-    height: 465px;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .card-block {
-    height: 397px;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .card-block {
-    height: 364px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .card-block {
-    height: 366px;
-  }
-}
-.preloader-store-listing-page .filter-block {
-  display: none;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .filter-block {
-    height: 853px;
-    display: block;
-  }
-}
-.preloader-store-listing-page .mobile-block {
-  display: grid;
-  margin-bottom: 4px;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .mobile-block {
-    display: none;
-  }
-}
-.preloader-store-listing-page .desktop-grid {
-  display: none;
-}
-@media (min-width: 992px) {
-  .preloader-store-listing-page .desktop-grid {
-    display: block;
-  }
-}
-.preloader-store-listing-page .desktop-grid .search-filters {
-  margin-top: 24px;
-  background-color: white;
-  border-radius: 4px;
-  padding: 20px 16px 32px 16px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-block-1 {
-  padding: 0px;
-  padding-bottom: 10px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-block-1 .block-1 {
-  width: 40%;
-  margin-bottom: 10px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter {
-  border-top: solid 1px #E4E7E9;
-  padding: 20px 0;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0px;
-  margin-bottom: 13px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top .block-1 {
-  width: 50%;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top .block-2 {
-  width: 10%;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 0px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-1 {
-  width: 22px;
-  height: 22px;
-  margin-bottom: 12px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-2 {
-  width: 50%;
-  margin-left: 12px;
-  height: 16px;
-  margin-bottom: 12px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-3 {
-  width: 35%;
-  margin-left: 12px;
-  height: 16px;
-  margin-bottom: 12px;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper {
-  padding: 20px 20px 24px 24px;
-  background-color: white;
-  border-radius: 4px;
-  margin-top: 14px;
-  margin-bottom: 100px;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0px;
-  padding-bottom: 10px;
-  margin-bottom: 20px;
-  border-bottom: solid 2px #E4E7E9;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines .block-1 {
-  width: 10%;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines .block-2 {
-  width: 100px;
-}
-.preloader-store-listing-page .mobile-cards-wrapper {
-  padding: 20px 20px 24px 24px;
-  background-color: white;
-  border-radius: 4px;
-  margin-top: 14px;
-  margin-bottom: 100px;
-}
-@media (min-width: 992px) {
-  .preloader-store-listing-page .mobile-cards-wrapper {
-    display: none;
-  }
-}
-.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0px;
-  padding-bottom: 10px;
-  border-bottom: solid 2px #E4E7E9;
-}
-.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines .block-1 {
-  width: 49px;
-}
-.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines .block-2 {
-  width: 100px;
-}
-.preloader-store-listing-page .cards-mobile {
-  display: block;
-}
-@media (min-width: 768px) {
-  .preloader-store-listing-page .cards-mobile {
-    display: none;
-  }
-}
-.preloader-store-listing-page .cards-ipad {
-  display: none;
-}
-@media (min-width: 768px) {
-  .preloader-store-listing-page .cards-ipad {
-    display: block;
-  }
-}
-.preloader-store-listing-page .cards-div {
-  border-bottom: solid 2px #E4E7E9;
-}
-.preloader-store-listing-page .cards-div .cards-div-block {
-  padding-top: 27px;
-  padding-left: 0px;
-  padding-bottom: 33px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .thinner {
-  height: 16px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-1 {
-  width: 65%;
-  margin-bottom: 16px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-2 {
-  width: 95%;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-3 {
-  width: 55%;
-  margin-bottom: 26px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-4 {
-  width: 20%;
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right {
-  padding-top: 27px;
-  padding-left: 0px;
-  padding-bottom: 33px;
-  align-items: end;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .thinner {
-  height: 16px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .block-1 {
-  width: 121px;
-  height: 40px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .block-2 {
-  width: 158px;
-  margin-bottom: 17px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .block-3 {
-  width: 121px;
-  height: 55px;
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-}
-.preloader-store-listing-page .mobile-cards {
-  display: grid;
-  padding-bottom: 28px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .mobile-cards {
-    display: none;
-  }
-}
-.preloader-store-listing-page .ipad-cards {
-  display: none;
-  padding-bottom: 28px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .ipad-cards {
-    display: grid;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .ipad-cards {
-    display: none;
-  }
-}
-.preloader-store-listing-page .filter-div {
-  display: none;
-  margin-bottom: 28px;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .filter-div {
-    display: grid;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .filter-div {
-    display: none;
-  }
-}
-.preloader-store-listing-page .filter-top {
-  margin-bottom: 24px;
-}
-.preloader-store-listing-page .desktop-cards {
-  display: none;
-  padding-bottom: 48px;
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .desktop-cards {
-    display: grid;
-  }
-}
-.preloader-store-listing-page .pagination-block {
-  padding-bottom: 48px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .pagination-block {
-    margin-top: 28px;
-  }
-}
-.preloader-store-listing-page .page-block {
-  width: 40px;
-  height: 40px;
-  margin: 0 5px;
-}
-
 @keyframes pulse {
   0% {
     opacity: 0.5;