.recently-viewed {margin:42px auto 58px;padding-block:32px 36px;border-block:1px solid var(--fine-rule,#ded0c2)}
.recent-heading {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}
.recent-heading h2 {margin:0;font:400 clamp(30px,3.3vw,49px)/1.08 var(--display);letter-spacing:-.035em}
.recent-heading h2 em {font-weight:400;color:var(--rose,#885565)}
.recent-heading p {margin:9px 0 0;font-size:15px;color:var(--muted)}
.recent-heading button {font-size:14px;flex-shrink:0}
.recent-empty {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;background:#f2ebe4;border:1px solid #e7ddd2;border-radius:5px}
.recent-empty p {margin:0;max-width:56ch;font-size:15px;line-height:1.6;color:var(--muted)}
.recent-empty a {flex-shrink:0}
.recent-items {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.recent-item {min-width:0;display:grid;grid-template-columns:minmax(76px,.8fr) minmax(0,1.2fr);gap:14px;align-items:center;padding:10px;background:#f2ebe4;border:1px solid #e7ddd2;border-radius:5px}
.recent-photo {display:block;aspect-ratio:6/7;overflow:hidden;background:#eee6df;border-radius:3px}
.recent-photo img {display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}
.recent-copy {display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:7px}
.recent-copy strong {font:400 clamp(20px,1.65vw,27px)/1.1 var(--display);letter-spacing:-.02em}
.recent-copy small {font-size:12px;line-height:1.4;color:var(--muted)}
.recent-cta {display:flex;align-items:center;gap:5px;font-size:12px;color:var(--wine);margin-top:5px}
.recent-cta .icon {width:13px;height:13px}
.recent-item:hover .recent-photo img,.recent-item:focus-visible .recent-photo img {transform:scale(1.035)}
.product-detail-page .recently-viewed {width:100%;padding-inline:0;margin-top:48px}
@media(max-width:1000px){.recent-items {grid-template-columns:repeat(2,minmax(0,1fr))}.recent-item {grid-template-columns:94px minmax(0,1fr)}.recent-copy strong {font-size:25px}}
@media(max-width:520px){
  .recently-viewed {margin-block:28px 38px;padding-block:24px}
  .recent-heading {align-items:flex-start;gap:14px;flex-direction:column;margin-bottom:18px}
  .recent-heading p {font-size:14px}.recent-heading button{font-size:13px}
  .recent-empty {align-items:flex-start;flex-direction:column;gap:16px;padding:18px}.recent-empty p{font-size:14px}
  .recent-items{gap:10px}.recent-item {display:flex;flex-direction:column;align-items:stretch;gap:11px;padding:8px}
  .recent-photo {aspect-ratio:1}.recent-copy{gap:6px;padding:0 3px 6px}.recent-copy strong {font-size:23px}.recent-copy small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.recent-photo img{transition:none}}