#ym-categories{padding-top:22px;padding-bottom:8px}
#ym-categories .yc-heading h2{margin:0;font-size:21px;line-height:1.4;font-weight:800;letter-spacing:-.6px;color:#24212c}
#ym-categories .yc-heading p{margin:6px 0 0;font-size:14px;color:#77717f;line-height:1.5}
#ym-categories .ym-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 0 0;overflow:visible;width:100%}
#ym-categories .yc-card{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;height:140px;padding:23px 10px 12px;border:1px solid #e7e5ec;border-radius:16px;background:#fff;color:#33303b;text-decoration:none;white-space:normal;transition:background-color .15s,border-color .15s,transform .15s}
#ym-categories .yc-main{display:flex;flex-direction:column;align-items:center;gap:7px}
#ym-categories .yc-main svg{display:block;width:26px;height:26px;flex-shrink:0;color:#4389d7}
#ym-categories [data-market=mobile] svg{color:#7854db}#ym-categories [data-market=usim] svg{color:#229a70}#ym-categories [data-market=rental] svg{color:#dc863b}
#ym-categories .yc-title{font-size:16px;font-weight:800;white-space:nowrap;line-height:1.3}
#ym-categories .yc-sub{font-size:12px;font-weight:500;color:#817b89;line-height:1.3;white-space:nowrap}
#ym-categories .yc-price{position:absolute;bottom:7px;font-size:10px;line-height:1.2;color:#20805c;font-weight:700}
#ym-categories .yc-selected{display:none;position:absolute;right:10px;top:7px;font-size:10px;line-height:1.3;font-weight:600}
#ym-categories .yc-card[aria-current=page]{background:#6844f5;border-color:#6844f5;color:#fff;box-shadow:0 3px 10px #6844f51a}
#ym-categories .yc-card[aria-current=page] svg,#ym-categories .yc-card[aria-current=page] .yc-price{color:#fff}
#ym-categories .yc-card[aria-current=page] .yc-sub{color:#ffffffcf}
#ym-categories .yc-card[aria-current=page] .yc-selected{display:block}
#ym-categories .yc-card:focus-visible{outline:3px solid #ad97ff;outline-offset:3px}
@media(hover:hover) and (min-width:769px){#ym-categories .yc-card:hover{border-color:#6844f5;transform:translateY(-2px)}}
@media(max-width:767px){#ym-categories{padding-left:16px;padding-right:16px;padding-top:18px}#ym-categories .yc-heading h2{font-size:19px}#ym-categories .yc-heading p{display:none}#ym-categories .ym-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:12px}#ym-categories .yc-card{height:111px;padding:24px 6px 22px;gap:7px}#ym-categories .yc-main{flex-direction:row;gap:7px}#ym-categories .yc-main svg{width:23px;height:23px}#ym-categories .yc-title{font-size:14px}#ym-categories .yc-sub{font-size:11px}#ym-categories .yc-selected{font-size:9px;top:6px;right:8px}}
@media(prefers-reduced-motion:reduce){#ym-categories .yc-card{transition:none;transform:none}}
@media(max-width:767px){#ym-categories{width:100%;max-width:none;box-sizing:border-box;margin-left:0;margin-right:0}}

/* Keep store and category titles on separate lines on initial load and tab changes. */
.hero h1.yc-page-heading>span{display:block;word-break:keep-all;overflow-wrap:anywhere}