.sh-category-card>a>div{
    padding: 10px ;
    border:1px solid #E5E5E5;
    border-radius: 10%; 
    box-shadow: none;
}
@media only screen and (max-width: 600px) {
.sh-category-card>a>div{
    padding: 5px ;
}
}

.sh-row-title-divider {
   display: none !important
}
    
    .cat-card{    
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 9px;
    text-decoration: none;
    color: var(--ink);
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 14px 8px;
    transition: transform .16s, box-shadow .16s, border-color .16s;
}

.sh-mini-banner-collection-card > a > div > div > div > svg {
  display:none;
}
.sh-mini-banner-collection-card > a > div > div > div > p {
  display:none; 
}
.sh-banner-collection-card > a > div > div > p {
  display:none;
}
.sh-banner-collection-card > a > div > div > p > svg {
  display:none;
}

.sh-two-col-product-card {
  border:none;
  background:#F6F6F6;
  padding:12px;
}
@media only screen and (max-width: 600px) {
.sh-two-col-product-card {
  padding:8px
}

}
.sh-two-col-product-card:hover {
 box-shadow:1 0.25rem 0.25rem 0 #ececec;
}

.sh-two-col-product-card >a>div>div>img {
  border: none;
}
.sh-two-col-product-card >a>div>img {
  border : none;
}
.sh-product-card-name {
   text-align:center;
}
.sh-two-col-product-card >div {
  justify-content:center;
}
.sh-product-card-discount-tag {
    background-color: #9D0000;
    top: 8px;
    left: 8px;
    right:auto;
    border-radius:6px;
}
.sh-two-col-product-card >div {
  justify-content:center;
}
.sh-two-col-product-card >div>div {
  justify-content:center;
  padding:12px 28px 10px 28px;
}

.sh-prod-grid-collection-card >div>header{
justify-content:flex-start;
}
.sh-prod-grid-collection-card >div>header{
justify-content:flex-start;
}
.sh-prod-grid-collection-card>div>header>div>div>h5{
 margin-left:0px;
 margin-top:0px;
}
.app-bar
{
background-color:#fff !important;
color:#000 !important;
}
:root {
--header-accent: #182014;
}
.cat-card .cat-card-img-rounded {
    border-radius: 14% !important;
}
.cat-card.sh-category-card > a {
  display: block;
  width: 100%;
}
.sh-bottom-nav-unselected {
    stroke: #000 !important;
    color: #000 !important;
}
.sh-bottom-nav-cart-badge {
    background-color: #FFFFFF !important;
    color: #000 !important;
}
}  
.pr-outlined-button 
{
background-color:black !important;
color:#fff !important;
}
.sh-product-plus-minus-button {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    fill: #fff;
}
 .pr-outlined-button :hover
{
background-color:black !important;
color:#fff !important;
}
.sh-product-plus-minus-button:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    fill: #fff;
}
.solid-button__btn {
  animation: buyNowBlink 1.2s ease-in-out infinite;
  transform-origin: center;
  will-change: transform, box-shadow, filter;
}

@keyframes buyNowBlink {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(90, 90, 90, 0);
    filter: brightness(1);
  }

  50% {
    transform: scale(1.05);
    box-shadow:
      0 0 0 8px rgba(90, 90, 90, 0.16),
      0 6px 18px rgba(60, 60, 60, 0.22);
    filter: brightness(1.05);
  }
}

.solid-button__btn:active {
  animation-play-state: paused;
  transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
  .solid-button__btn {
    animation: none;
  }
}
.mobile-sidemenu-header, .mobile-sidemenu-submenu-header {
   
    background-color: #fff !important;
}
.mobile-sidemenu-close-button svg 
{
    color: black !important;
}
.banner .swiper-button-prev,
.banner .swiper-button-next {
  display: none !important;
}


/* --- Desktop header: logo left, menu, icons right (shopatkjn) --- */

/* Reorder the three header blocks: logo first, menu next, icons last.
   Also neutralize the theme's left:50%+translateX centering on the logo. */
.app-bar.sh-header-main .app-bar-center-logo-ctn {
  order: 0 !important;
  left: auto !important;
  transform: none !important;
}
.app-bar.sh-header-main .app-bar-main .flex.items-center.gap-4.flex-1 {
  order: 1 !important;
  margin-left: 28px !important;   /* gap between logo and menu */
}
.app-bar.sh-header-main .app-bar-main .flex.items-center.gap-4:not(.flex-1) {
  order: 2 !important;
}

/* Nav links were white-on-white (invisible) -> make them readable */
.app-bar.sh-header-main .desktop-nav a { color: #1f2937 !important; }
.app-bar.sh-header-main .desktop-nav a:hover { color: #15803d !important; }