.recently-viewed-section{background:#f6f7f8;border-top:1px solid #e5e7ea;border-bottom:1px solid #e5e7ea}
.recently-viewed-head{align-items:center}
.clear-recent{border:1px solid #d9dcdf;background:#fff;color:#5d6268;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:900;cursor:pointer}
.clear-recent:hover,.clear-recent:focus-visible{border-color:#f58220;color:#111;outline:2px solid #f58220;outline-offset:2px}
.recently-viewed-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.recent-card{display:grid;grid-template-columns:88px 1fr;gap:13px;align-items:center;text-align:left;border:1px solid #e0e2e5;background:#fff;border-radius:14px;padding:10px;cursor:pointer;min-height:110px;transition:.2s}
.recent-card:hover,.recent-card:focus-visible{transform:translateY(-2px);border-color:#f58220;box-shadow:0 12px 28px rgba(17,18,20,.08);outline:2px solid transparent}
.recent-card img{width:88px;height:88px;object-fit:contain;background:#f3f4f5;border-radius:10px}
.recent-card span{min-width:0}.recent-card small,.recent-card strong,.recent-card b{display:block}
.recent-card small{font-size:9px;color:#e66d0e;font-weight:900;letter-spacing:.4px}
.recent-card strong{font-size:12px;line-height:1.35;margin:5px 0;color:#1c1f22}
.recent-card b{font-size:10px;color:#747980;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-shop-nav{display:none}
.modal:focus{outline:none}
@media(max-width:900px){.recently-viewed-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){
  body{padding-bottom:72px}
  .recently-viewed-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:10px}
  .recent-card{min-width:278px;scroll-snap-align:start}
  .recently-viewed-head{display:flex;align-items:end;gap:12px}.recently-viewed-head h2{font-size:25px}.clear-recent{white-space:nowrap}
  .mobile-shop-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,.98);border-top:1px solid #dfe2e5;box-shadow:0 -12px 32px rgba(17,18,20,.11);padding:max(7px,env(safe-area-inset-bottom)) 6px 7px}
  .mobile-shop-nav button{position:relative;border:0;background:transparent;color:#555b61;padding:3px 1px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border-radius:9px}
  .mobile-shop-nav button:focus-visible{outline:2px solid #f58220;outline-offset:1px}.mobile-shop-nav button:active{background:#fff2e7;color:#111}
  .mobile-shop-nav span{font-size:19px;line-height:1}.mobile-shop-nav b{font-size:8px;line-height:1.2}.mobile-shop-nav i{position:absolute;top:1px;right:calc(50% - 19px);min-width:16px;height:16px;border-radius:9px;background:#f58220;color:#111;font-size:8px;font-style:normal;font-weight:950;display:flex;align-items:center;justify-content:center;padding:0 4px}
  .floating-quote{display:none!important}.toast{bottom:82px}
}
@media(max-width:390px){.mobile-shop-nav b{font-size:7.5px}.recent-card{min-width:260px}}
@media(prefers-reduced-motion:reduce){.recent-card{transition:none}.recently-viewed-grid{scroll-behavior:auto}}