

/* Start:/local/dentoptics/catalog-cards-r5/cards.css?17941852884601*/
/* CARDS-001 / approved Figma R5. Scoped to product tiles, not category A3. */
.do-card-r5-grid>.do-card-r5{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px;border:1px solid var(--do-border,#e0e0e0);border-radius:24px;background:#fff;color:var(--do-text,#2c2b2a);font-family:Montserrat,Arial,sans-serif;box-shadow:none;transform:none}
.do-card-r5 *{box-sizing:border-box}
.do-card-r5 .do-sections__image{position:relative;display:flex;flex:none;align-items:center;justify-content:center;height:160px;margin:0;padding:24px 0 0;overflow:hidden;background:#fff;border-radius:0}
.do-card-r5 .do-sections__image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:normal}
.do-card-r5__badge{position:absolute;top:0;left:0;max-width:100%;padding:4px 9px;border-radius:12px;font:500 11px/16px Montserrat,Arial,sans-serif;white-space:nowrap}
.do-card-r5__badge--red{color:#fff;background:var(--do-brand,#ba0f26)}
.do-card-r5__badge--dark{color:#fff;background:var(--do-text,#2c2b2a)}
.do-card-r5__badge--outline{color:var(--do-text,#2c2b2a);background:#fff;box-shadow:inset 0 0 0 1px var(--do-border,#e0e0e0)}
.do-card-r5__prices{display:flex;align-items:baseline;gap:8px;min-height:26px;flex:none;white-space:nowrap}
.do-card-r5 .do-sections__price{margin:0;min-height:0;font-size:var(--do-card-price-size,20px);line-height:26px;font-weight:400;white-space:nowrap;overflow-wrap:normal}
.do-card-r5__prices.is-sale .do-sections__price{color:var(--do-brand,#ba0f26)}
.do-card-r5__old{font-size:var(--do-card-old-size,13px);font-weight:400;line-height:19px;opacity:.6;white-space:nowrap;text-decoration:line-through}
.do-card-r5__body{display:flex;flex-direction:column;gap:16px;min-height:146px;min-width:0}
.do-card-r5__copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.do-card-r5 h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;min-height:0;font-size:15px;line-height:22px;font-weight:500;overflow-wrap:anywhere}
.do-card-r5 h2 a{color:inherit;text-decoration:none}
.do-card-r5 .do-sections__description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;min-height:0;font-size:13px;line-height:19px;font-weight:400;overflow-wrap:anywhere}
.do-card-r5__meta{display:flex;flex-direction:column;gap:4px;min-width:0}
.do-card-r5__maker,.do-card-r5__article{margin:0;font-size:12px;line-height:18px;font-weight:400;opacity:.68;overflow-wrap:anywhere}
.do-card-r5 .do-sections__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;margin-top:auto;opacity:1;visibility:visible}
.do-card-r5 .do-sections__actions>*{flex:1 1 0;min-width:0}
.do-card-r5 .do-sections__button,.do-card-r5 .do-sections__details{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;height:44px;margin:0;padding:8px;border-radius:22px;border:1px solid transparent;font:500 14px/20px Montserrat,Arial,sans-serif;text-align:center;text-decoration:none!important;white-space:nowrap;cursor:pointer}
.do-card-r5 .do-sections__button{background:var(--do-brand,#ba0f26);color:#fff!important}
.do-card-r5 .do-sections__details{border-color:var(--do-border,#e0e0e0);background:#fff;color:var(--do-text,#2c2b2a)}
.do-card-r5 .do-sections__button:disabled{opacity:.65;cursor:wait}
.do-card-r5 a:focus-visible,.do-card-r5 button:focus-visible{outline:2px solid #ba0f26;outline-offset:3px}
.do-card-r5 .do-card-r5__cart{margin:0;padding:0;border:0;background:none;min-width:0;width:100%}
.do-card-r5__status:empty{display:none}
.do-card-r5__status{margin:0;font:400 12px/18px Montserrat,Arial,sans-serif}
.do-card-r5__status a{color:#ba0f26;text-decoration:underline}
/* CARDS-001: requested two-column mobile preview, 07.11.2026. */
@media(max-width:700px){
 .do-card-r5-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px}
 .do-card-r5-grid>.do-card-r5{padding:12px}
 .do-card-r5 .do-sections__image{height:144px;padding-top:20px}
 .do-card-r5__body{min-height:0}
 .do-card-r5 h2{font-size:14px;line-height:20px}
 .do-card-r5 .do-sections__description{font-size:12px;line-height:17px}
 .do-card-r5__maker,.do-card-r5__article{font-size:11px;line-height:16px}
 .do-card-r5 .do-sections__actions{grid-template-columns:minmax(0,1fr);gap:6px}
 .do-card-r5 .do-sections__button,.do-card-r5 .do-sections__details{font-size:13px}
 .do-card-r5__prices{gap:4px;overflow-x:auto;scrollbar-width:thin}
}
@media(max-width:360px){.do-card-r5 .do-sections__image{height:124px}}


/* End */


/* Start:/local/dentoptics/catalog-article/card.css?17941852882430*/
/* PUB-001 · chosen variant01, cropped original O. One native product-grid cell. */
.do-card-r5-grid>.do-catalog-article{box-sizing:border-box;display:flex;position:relative;flex-direction:column;align-self:stretch;min-width:0;min-height:320px;padding:24px;border:1px solid #ba0f26;border-radius:24px;background:#ba0f26;color:#fff;text-decoration:none;font-family:Montserrat,Arial,sans-serif;transition:background-color .18s}
.do-catalog-article{isolation:isolate;overflow:hidden}
.do-catalog-article::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:59.22%;top:85.15%;width:220%;aspect-ratio:629.2/623.957;background:url('/local/dentoptics/publications/assets/o-card.svg') no-repeat center/contain;transform:translate(-50%,-50%) rotate(70deg)}
.do-catalog-article:hover{background:#a80e23}
.do-catalog-article:focus-visible{outline:3px solid #2c2b2a;outline-offset:4px}
.do-catalog-article__tag{display:block;max-width:calc(100% - 24px);margin-bottom:40px;font-size:12px;line-height:18px;font-weight:500;overflow-wrap:anywhere}
.do-catalog-article__arrow{position:absolute;right:24px;top:24px;font-size:24px;line-height:24px}
.do-card-r5-grid .do-catalog-article__title{display:block;max-width:100%;margin:auto 0 0;padding:0;color:inherit;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.4px;overflow-wrap:anywhere}
.do-catalog-article__read{display:block;margin-top:24px;font-size:13px;line-height:20px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 .do-card-r5-grid>.do-catalog-article{padding:16px;min-height:260px}
 .do-catalog-article::before{width:290%;left:68.74%;top:85.48%}
 .do-catalog-article__tag{font-size:clamp(10px,2.8vw,11px);line-height:16px;margin-bottom:28px}
 .do-catalog-article__arrow{right:16px;top:16px;font-size:22px;line-height:22px}
 .do-card-r5-grid .do-catalog-article__title{font-size:clamp(16px,5vw,20px);line-height:1.2;letter-spacing:-.3px}
 .do-catalog-article__read{margin-top:20px;font-size:12px;line-height:18px}
}
@media(prefers-reduced-motion:reduce){.do-catalog-article{transition:none}}

/* PUB-001, 08.11.2026: loupes use a black publication tile; microscopes keep red/white. */
.do-card-r5-grid>.do-catalog-article[data-article-tone="dark"]{background:#171615;border-color:#171615}
.do-card-r5-grid>.do-catalog-article[data-article-tone="dark"]:hover{background:#2c2b2a;border-color:#2c2b2a}

/* End */
/* /local/dentoptics/catalog-cards-r5/cards.css?17941852884601 */
/* /local/dentoptics/catalog-article/card.css?17941852882430 */
