/* Remove default spacing from the custom content container and its inner grid */
.store-custom-content,
.store-custom-content .grid-container,
.store-custom-content .grid-container.fr-view {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/*--------------------------------------------------
  Global Hero Button Styles
  Applies to all InkSoft button types (both <button> and <a> elements)
---------------------------------------------------*/
#body button.mat-button,
#body button.mat-fab,
#body button.mat-flat-button,
#body button.mat-icon-button,
#body button.mat-mini-fab,
#body button.mat-raised-button,
#body button.mat-stroked-button,
#body a.mat-button,
#body a.mat-fab,
#body a.mat-flat-button,
#body a.mat-icon-button,
#body a.mat-mini-fab,
#body a.mat-raised-button,
#body a.mat-stroked-button {
  display: inline-block !important;
  padding: 15px 30px !important;
  font-size: 1.2em !important;
  color: #fff !important;
  background-color: #007BFF !important;
  border: none !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: box-shadow 0.2s ease, border-radius 0.2s ease !important;
}

/*--------------------------------------------------
  Ripple Element Styling
  Ensures the ripple inherits the button’s border-radius
---------------------------------------------------*/
#body button.mat-button .mat-mdc-button-persistent-ripple,
#body button.mat-fab .mat-mdc-button-persistent-ripple,
#body button.mat-flat-button .mat-mdc-button-persistent-ripple,
#body button.mat-icon-button .mat-mdc-button-persistent-ripple,
#body button.mat-mini-fab .mat-mdc-button-persistent-ripple,
#body button.mat-raised-button .mat-mdc-button-persistent-ripple,
#body button.mat-stroked-button .mat-mdc-button-persistent-ripple,
#body a.mat-button .mat-mdc-button-persistent-ripple,
#body a.mat-fab .mat-mdc-button-persistent-ripple,
#body a.mat-flat-button .mat-mdc-button-persistent-ripple,
#body a.mat-icon-button .mat-mdc-button-persistent-ripple,
#body a.mat-mini-fab .mat-mdc-button-persistent-ripple,
#body a.mat-raised-button .mat-mdc-button-persistent-ripple,
#body a.mat-stroked-button .mat-mdc-button-persistent-ripple {
  border-radius: inherit !important;
}

/*--------------------------------------------------
  Global Hero Button Hover Effects
---------------------------------------------------*/
#body button.mat-button:hover,
#body button.mat-fab:hover,
#body button.mat-flat-button:hover,
#body button.mat-icon-button:hover,
#body button.mat-mini-fab:hover,
#body button.mat-raised-button:hover,
#body button.mat-stroked-button:hover,
#body a.mat-button:hover,
#body a.mat-fab:hover,
#body a.mat-flat-button:hover,
#body a.mat-icon-button:hover,
#body a.mat-mini-fab:hover,
#body a.mat-raised-button:hover,
#body a.mat-stroked-button:hover {
  border-radius: 20px !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
  color: #fff !important;
}

/*--------------------------------------------------
  Custom Content Containers - Full Width
  This makes the container span the entire viewport width.
---------------------------------------------------*/
.custom-content-container {
  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

/* Product Card Hover Effect with Rounded Corners */
.product-card {
  border-radius: 12px; /* Rounded corners */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.product-card:hover {
  transform: translateY(-5px);
 
}

/*--------------------------------------------------
  Color Swatch On Product Card Styling
---------------------------------------------------*/
.color-swatch {
Border-radius: 7px !important;
}
/*--------------------------------------------------
  Hide Initial Product Price
---------------------------------------------------*/
.product-price.m20.m-b-0 
{
  display: none !important;
}

.product-price.ng-star-inserted 
{
  display: none !important;
}
/*--------------------------------------------------
  Get rid of powered by ink soft logo and text
---------------------------------------------------*/
store-sub-footer .cell.medium-4 a span.r14.text-secondary,
store-sub-footer .cell.medium-4 a img.footer-inksoft-logo {
  display: none !important;
}

div.p-t-2 > div.text-center:last-child a[title="Link to InkSoft.com"] {
  display: none !important;
}