.mdb-samples{--sample-ink:#444f62;--sample-line:#bdcacc;--sample-accent:#227f84;color:var(--sample-ink)}
body.mdb-complete-site main.mdb-main.mdb-samples{padding-block:32px}body.mdb-complete-site .mdb-samples .mdb-sample-detail h1{font-size:clamp(30px,3.4vw,48px);line-height:1.15;letter-spacing:-.03em;margin:0 0 24px}body.mdb-complete-site .mdb-samples .mdb-sample-detail .mdb-eyebrow{font-size:13px;margin:0 0 14px}body.mdb-complete-site .mdb-samples .mdb-sample-detail p{font-size:17px;line-height:1.65}
body.mdb-complete-site .mdb-samples .mdb-sample-section{padding:32px 0;scroll-margin-top:150px}body.mdb-complete-site .mdb-samples .mdb-sample-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}body.mdb-complete-site .mdb-samples .mdb-sample-intro>div{flex:1;min-width:0}body.mdb-complete-site .mdb-samples .mdb-sample-intro h2{font-size:clamp(28px,3vw,38px);line-height:1.18;letter-spacing:-.025em;margin:0}body.mdb-complete-site .mdb-samples .mdb-sample-intro .mdb-eyebrow{font-size:13px;margin:0 0 12px}body.mdb-complete-site .mdb-samples .mdb-sample-intro>.mdb-button{flex:0 0 auto;align-self:center;width:auto;font-size:12px;padding:14px 20px}body.mdb-complete-site .mdb-samples .mdb-sample-card h3{font-size:19px;line-height:1.3;letter-spacing:0;margin:0 0 8px}
.mdb-samples .mdb-section{padding-block:38px}.mdb-samples .mdb-section-intro{margin-bottom:24px;align-items:end}.mdb-sample-policy{padding:20px 24px;background:#eff6f5;border-left:3px solid var(--sample-accent);font-size:18px}.mdb-sample-policy p{margin:0}
.mdb-sample-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mdb-sample-family{display:flex;flex-direction:column;border:1px solid var(--sample-line);background:white;color:var(--sample-ink);text-decoration:none;overflow:hidden;transition:border-color .18s,box-shadow .18s}.mdb-sample-family:hover,.mdb-sample-family[aria-current]{border-color:var(--sample-accent);box-shadow:inset 0 -3px var(--sample-accent)}.mdb-sample-family strong{font-size:20px;margin:18px 20px 8px}.mdb-sample-explore{margin:0 20px 20px;color:var(--sample-accent)}.mdb-sample-explore>span{display:inline-block;transition:transform .18s}.mdb-sample-family:hover .mdb-sample-explore>span{transform:translateX(5px)}
.mdb-sample-family-strip,.mdb-sample-range-strip{display:flex;overflow:hidden;width:100%;height:110px;background:#f5f6f5}.mdb-sample-family-strip img,.mdb-sample-range-strip img{min-width:0;flex:1 1 0;max-width:100%;width:0;height:100%;object-fit:cover}.mdb-sample-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0 28px;font-size:15px}.mdb-sample-breadcrumb a{color:var(--sample-accent);text-underline-offset:4px}.mdb-sample-ranges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mdb-sample-range{display:block;border:1px solid var(--sample-line);background:#fff;text-decoration:none;color:var(--sample-ink)}.mdb-sample-range:hover{border-color:var(--sample-accent)}.mdb-sample-range-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px}.mdb-sample-range-caption>span{white-space:nowrap;color:var(--sample-accent);font-size:15px}
.mdb-sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.mdb-sample-card{border:1px solid var(--sample-line);background:white;display:flex;flex-direction:column;min-width:0}.mdb-sample-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#f7f8f7;overflow:hidden}.mdb-sample-photo img{display:block;width:100%;max-width:var(--mdb-sample-native-width);height:auto;max-height:100%;object-fit:contain}.mdb-sample-card-copy{padding:18px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.mdb-sample-card h3{font-size:19px;line-height:1.3;margin:0 0 8px}.mdb-sample-card h3 a{color:inherit;text-decoration:none}.mdb-sample-card p{font-size:15px;margin:0 0 20px}.mdb-sample-card .mdb-button{margin-top:auto;width:100%;text-align:center;padding:12px 8px;min-height:46px;font-size:15px;line-height:1.4;box-sizing:border-box}.mdb-samples .mdb-button,.mdb-samples button,.mdb-samples .added_to_cart{border-radius:0!important}.mdb-samples .added_to_cart{display:block;margin-top:12px;color:var(--sample-accent)}.mdb-samples a:focus-visible,.mdb-samples button:focus-visible{outline:2px solid var(--sample-accent);outline-offset:4px}.mdb-sample-prompt{font-size:18px}.mdb-sample-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start;padding-block:30px 70px}.mdb-sample-detail-image{display:flex;justify-content:center;background:#f7f8f7;padding:28px}.mdb-sample-detail-image img{width:100%;max-width:var(--mdb-sample-native-width);height:auto}.mdb-sample-detail .summary{float:none!important;width:auto!important;margin:0!important}.mdb-sample-detail .cart{margin:24px 0}.mdb-sample-detail .single_add_to_cart_button{background:var(--sample-ink);color:#fff;padding:16px 24px;border:0;border-radius:0;cursor:pointer}.mdb-sample-detail .single_add_to_cart_button:hover{background:var(--sample-accent)}
@media(max-width:1000px){.mdb-sample-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mdb-sample-families{grid-template-columns:repeat(2,minmax(0,1fr))}.mdb-sample-detail{gap:30px}}
@media(max-width:600px){.mdb-sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mdb-sample-families{gap:12px}.mdb-sample-family strong{font-size:17px;margin:14px 12px 6px}.mdb-sample-explore{font-size:14px;margin:0 12px 14px}.mdb-sample-family-strip{height:78px}.mdb-sample-ranges{grid-template-columns:1fr}.mdb-sample-range-caption{padding:14px}.mdb-sample-card-copy{padding:12px}.mdb-sample-card h3{font-size:17px}.mdb-sample-card .mdb-button{font-size:14px}.mdb-sample-detail{grid-template-columns:1fr;gap:24px}.mdb-sample-policy{font-size:16px;padding:16px}.mdb-samples .mdb-section-intro{display:flex;flex-wrap:wrap;gap:18px}.mdb-sample-breadcrumb{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mdb-sample-family,.mdb-sample-explore>span{transition:none}}
@media(max-width:600px){body.mdb-complete-site .mdb-samples .mdb-sample-intro{align-items:flex-start;flex-direction:column;gap:18px}body.mdb-complete-site .mdb-samples .mdb-sample-intro>.mdb-button{align-self:flex-start}body.mdb-complete-site .mdb-samples .mdb-sample-card h3{font-size:17px}body.mdb-complete-site .mdb-samples .mdb-sample-section{padding:24px 0;scroll-margin-top:130px}}