:root { color-scheme: light; --silver-ink: #0d1e35; }
* { box-sizing: border-box; }
.silver-page { color: var(--silver-ink); font-family: "Segoe UI", Arial, sans-serif; }
.silver-page.container { width: 970px; max-width: calc(100% - 32px); padding: 0; margin: 24px auto; }
.silver-slider { overflow: hidden; border: 2px solid #fff; border-radius: 22px; box-shadow: 0 8px 16px #1726350d; }
.silver-slider .carousel-inner, .silver-slider .item { display: block; position: relative; width: 100%; }
.banner-art { width: 100%; aspect-ratio: 950 / 305; background-image: url('../img/silver-theme.jpeg'); background-size: 107.789474% auto; background-position: 50% 19.577579%; }
.silver-table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; margin: 34px 0 0; }
.product-cell { width: 50%; padding: 0 14px 32px 0; vertical-align: top; }
.product-cell + .product-cell { padding: 0 0 32px 14px; }
.silver-card { position: relative; min-height: 386px; padding: 20px 34px 78px; border: 1px solid #c8cacc; border-radius: 22px; background: linear-gradient(115deg, #fff, #fafbfc); box-shadow: 0 9px 16px #17263508; }
.product-heading { width: 100%; border-collapse: collapse; height: 163px; margin-bottom: 20px; }
.product-heading td { padding: 0; vertical-align: middle; }
.product-heading .image-cell { width: 174px; }
.product-art { width: 166px; height: 166px; border-radius: 50%; background-image: url('../img/silver-theme.jpeg'); background-size: 1024px 1536px; }
.art-silly { background-position: -61px -603px; }
.art-regular { background-position: -550px -603px; }
.art-jab { background-position: -61px -1013px; }
.art-coins { background-position: -550px -1013px; }
.product-heading h2 { margin: 0 0 9px; color: var(--silver-ink); font-size: 34px; font-weight: 650; line-height: 1.2; white-space: nowrap; }
.grade { display: inline-block; min-width: 116px; padding: 5px 22px; border-radius: 18px; background: #e8eff8; font-size: 25px; line-height: 1.35; text-align: center; letter-spacing: .6px; }
.leaf-art { position: absolute; top: 10px; right: 5px; width: 54px; height: 72px; background: url('../img/silver-theme.jpeg') -440px -591px / 1024px 1536px; mix-blend-mode: multiply; pointer-events: none; }
.price-table { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #cfd1d3; }
.price-table th { padding: 14px 0 0; color: #425061; font-size: 24px; font-weight: 400; text-align: left; }
.price-table td { padding: 0; font-size: 40px; font-weight: 650; letter-spacing: .5px; line-height: 1.3; font-variant-numeric: tabular-nums; }
.price-table th + th, .price-table td + td { padding-left: 34px; }
.price-table tbody td + td { border-left: 1px solid #c9cbce; }
.product-link { position: absolute; right: 21px; bottom: 17px; width: 53px; height: 53px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient(at 35% 25%, #354354, #1d2938); color: white; font-family: Arial, sans-serif; font-size: 42px; line-height: 1; text-decoration: none; }
.product-link:hover { color: #fff; background: #0d1e35; text-decoration: none; }
.product-link:focus-visible { outline: 3px solid #3c6a9d; outline-offset: 4px; }
@media (max-width: 900px) and (min-width: 641px) {
.silver-card { padding: 18px 20px 76px; min-height: 340px; }
.product-heading .image-cell { width: 44%; }
.product-art { zoom: .75; }
.product-heading h2 { font-size: 25px; }
.grade { font-size: 20px; padding: 5px 15px; }
.price-table td { font-size: 32px; }
.price-table th + th, .price-table td + td { padding-left: 18px; }
}
@media (max-width: 640px) {
.silver-page.container { margin: 16px auto; max-width: calc(100% - 24px); }
.silver-slider { border-radius: 12px; }
.silver-table { margin-top: 20px; }
.silver-table > tbody, .silver-table > tbody > tr, .silver-table > tbody > tr > td { display: block; width: 100%; }
.product-cell, .product-cell + .product-cell { padding: 0 0 20px; }
.silver-card { min-height: 324px; padding: 16px 24px 72px; }
.product-heading { height: 150px; margin-bottom: 15px; }
.product-heading .image-cell { width: 46%; }
.product-art { zoom: .8; }
.product-heading h2 { font-size: clamp(23px, 6.3vw, 32px); }
.grade { min-width: 100px; font-size: 20px; padding: 5px 15px; }
.price-table th { font-size: 20px; }
.price-table td { font-size: 32px; }
.price-table th + th, .price-table td + td { padding-left: 24px; }
.product-link { width: 46px; height: 46px; font-size: 36px; }
}

/* Compact desktop rates: retain the 970px table and show both rows together. */
.silver-page table { color: var(--silver-ink); }
.silver-page .product-heading h2 { text-transform: none; letter-spacing: normal; }
@media (min-width: 641px) {
    .silver-page.container { margin: 12px auto; }
    .silver-slider { border-radius: 14px; }
    .banner-art { aspect-ratio: auto; height: 180px; background-size: 107.789474% 503.606557%; }
    .silver-table { margin-top: 12px; }
    .product-cell { padding: 0 7px 12px 0; }
    .product-cell + .product-cell { padding: 0 0 12px 7px; }
    .silver-card { min-height: 166px; padding: 8px 22px 12px; border-radius: 16px; }
    .product-heading { height: 80px; margin-bottom: 6px; }
    .product-heading .image-cell { width: 104px; }
    .product-art { zoom: .48; }
    .product-heading h2 { font-size: 26px; margin-bottom: 4px; }
    .grade { min-width: 90px; padding: 2px 14px; font-size: 17px; border-radius: 12px; }
    .leaf-art { transform: scale(.65); transform-origin: top right; }
    .price-table { width: calc(100% - 42px); }
    .price-table th { padding-top: 5px; font-size: 16px; line-height: 1.25; }
    .price-table td { font-size: 29px; line-height: 1.2; }
    .price-table th + th, .price-table td + td { padding-left: 22px; }
    .product-link { right: 12px; bottom: 13px; width: 34px; height: 34px; font-size: 27px; }
}
@media (min-width: 641px) and (max-width: 800px) {
    .silver-card { padding-left: 14px; padding-right: 14px; }
    .product-heading .image-cell { width: 88px; }
    .product-heading h2 { font-size: 22px; }
    .price-table td { font-size: 25px; }
    .price-table th + th, .price-table td + td { padding-left: 10px; }
}