.product-ribbon{background:#f4f6f8;border-bottom:1px solid #dce3ea;padding:22px 5vw 24px}.ribbon-heading{justify-content:space-between;align-items:center;gap:16px;max-width:1296px;margin:0 auto 16px;display:flex}.ribbon-heading span{letter-spacing:.12em;color:#995026;font-size:12px;font-weight:700}.ribbon-heading h2{margin:4px 0 0;font-size:22px;line-height:1.25}.ribbon-actions{align-items:center;gap:18px;display:flex}.ribbon-actions a{color:#142438;font-size:14px;text-decoration:underline}.ribbon-actions button{color:#142438;font:inherit;cursor:pointer;background:#fff;border:1px solid #bac6d1;border-radius:4px;padding:9px 12px;font-size:14px}.ribbon-track{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#8193a5 transparent;gap:14px;max-width:1296px;margin:auto;padding:4px 4px 12px;display:flex;overflow-x:auto}.ribbon-product{scroll-snap-align:start;color:#142438;background:#fff;border:1px solid #dbe2e9;border-radius:5px;flex:0 0 300px;align-items:center;gap:14px;min-width:0;padding:12px;display:flex}.ribbon-product:hover{border-color:#b87943}.ribbon-product img{object-fit:cover;border-radius:3px;flex:none;width:76px;height:86px}.ribbon-product>div{min-width:0}.ribbon-product h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.ribbon-product strong{font-size:17px;display:block}.ribbon-product strong small{font-size:13px;font-weight:400}.ribbon-product div>span{color:#5a6776;font-size:12px}.ribbon-placeholder{color:#fff;background:#142438;flex:none;place-items:center;width:76px;height:86px;font:italic 36px Georgia,serif;display:grid}.ribbon-actions button:focus-visible{outline-offset:3px;outline:3px solid #ec7833}@media (max-width:600px){.product-ribbon{padding:18px 4vw}.ribbon-heading{align-items:flex-start}.ribbon-heading h2{font-size:19px}.ribbon-actions{flex-direction:column;align-items:flex-end;gap:8px}.ribbon-actions button{padding:6px 9px}.ribbon-product{flex-basis:280px}.ribbon-track{scroll-snap-type:x mandatory}}@media (prefers-reduced-motion:reduce){.ribbon-track{scroll-behavior:auto}}.product-ribbon{color:#142438;font-family:Arial,sans-serif}.product-ribbon *{box-sizing:border-box}.product-ribbon a{text-decoration:none}.product-ribbon .ribbon-actions a{text-decoration:underline}.product-ribbon a:focus-visible{outline-offset:2px;outline:3px solid #b87943}.company-coming>.product-ribbon{margin:28px 0;padding:20px}.dantel-store>.product-ribbon{margin:0}.dantel-store .product-full>.product-ribbon{margin-top:40px}.ribbon-promotion{flex-direction:column;flex-basis:380px;align-items:stretch;padding:0;overflow:hidden}.ribbon-promotion img{object-fit:contain;background:#fff;border-radius:0;width:100%;height:220px}.ribbon-promotion>div{padding:20px}.ribbon-promotion h3{overflow-wrap:anywhere;font-size:20px;line-height:1.4;display:block}.ribbon-promotion .ribbon-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0;font-size:16px;line-height:1.65}.ribbon-promotion .ribbon-promotion-link{color:#142438;font-size:14px;text-decoration:underline}@media (max-width:600px){.ribbon-promotion{flex-basis:85vw;max-width:380px}.ribbon-promotion img{height:190px}}
