.site-qt--primary ul.quicktile__wrap{display:flex;justify-content:center;flex-wrap:wrap;padding:0 10px}
.site-qt--primary li.quicktile{display:flex;justify-content:center;flex:1;min-width:152px;max-width:152px;min-height:120px;margin:10px;height:150px;box-shadow:0 0 5px gray;border-radius:10px}
.site-qt--primary .content-wrap{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;background:var(--petco__white);border-radius:7.515px;max-width:138px;margin:10px}
.site-qt--primary a{text-decoration:none;border-radius:7.515px;border:2px solid var(--petco__white);box-shadow:var(--petco__box-shadow);transition:300ms ease-in-out;width:100%;height:100%;padding:10px}
.site-qt--primary a:hover{border:2px solid var(--petco__dk-blue);box-shadow:var(--petco__box-shadow)}
.site-qt--primary .img-wrap{display:flex;justify-content:center;align-items:center;max-height:70px;margin:0 auto 10px auto}
.site-qt--primary .img-wrap:after{content:"";display:block;padding-bottom:100%}
.site-qt--primary .img-wrap img{object-fit:contain;max-height:70px;width:80px;height:80px}
.site-qt--primary .text-wrap{display:flex;flex-direction:column;color:black}
.site-qt--primary span.cta-text{font-family:var(--petco__font-family) !important;font-size:12px;line-height:14px;letter-spacing:.5px;font-weight:500;color:var(--petco__black);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-wrap:balance}
.site-qt--primary .show-all{display:flex;background-color:#18185b !important;justify-content:center;color:white !important;align-items:center;text-align:center;font-family:var(--petco__font-family-bold) !important;font-weight:bold;font-size:16px;line-height:16px;letter-spacing:.25px;color:var(--petco__white);background-color:var(--petco__dk-blue);text-transform:uppercase;cursor:pointer;border:2px solid var(--petco__dk-blue);border-radius:30px;padding:0 20px;white-space:nowrap;overflow:hidden;user-select:none;transition:all .3s ease;height:40px;width:150px;margin:10px auto 0 auto}
.site-qt--primary .show-all:visited,.site-qt--primary .show-all:active{color:var(--petco__white);background-color:var(--petco__dk-blue)}
.site-qt--primary .show-all:hover{background:transparent;border:2px solid var(--petco__dk-blue);color:var(--petco__dk-blue)}
@media screen and (max-width:700px){.site-qt--primary li.quicktile{min-width:97px;max-width:110px;min-height:130px}
.site-qt--primary .img-wrap{max-height:48px}
.site-qt--primary .img-wrap img{max-height:48px}
}
@media screen and (min-width:1030px){.site-qt--primary .show-all{display:none !important}
}
@media screen and (min-width:700px) and (max-width:770px){.site-qt--primary li.quicktile{min-width:110px;max-width:110px;min-height:130px}
}
@media screen and (max-width:370px){.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile{display:none}
.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile:nth-child(-n+2){display:flex}
.site-qt--primary li.quicktile{width:calc(33.33% - 20px);height:130px}
}
@media screen and (min-width:370px) and (max-width:427px){.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile{display:none}
.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile:nth-child(-n+3){display:flex}
.site-qt--primary li.quicktile{width:calc(33.33% - 20px);height:130px}
}
@media screen and (min-width:426px) and (max-width:770px){.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile{display:none}
.site-qt--primary li.quicktile{width:20%;height:130px}
.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile:nth-child(-n+5){display:flex}
}
@media screen and (min-width:770px) and (max-width:1030px){.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile{display:none}
.site-qt--primary ul.quicktile__wrap.collapsed li.quicktile:nth-child(-n+5){display:flex}
}