:is(.obdm-product-long-description,#obdm-scope){display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"related" "header" "panel"}:is(.obdm-product-long-description,#obdm-scope)>.obdm-product-long-description__header{grid-area:header}:is(.obdm-product-long-description,#obdm-scope)>[data-obdm-tab-panel]{grid-area:panel;min-width:0}:is(.obdm-related,#obdm-scope){grid-area:related;min-width:0}:is(.obdm-related,#obdm-scope)[hidden],:is(.obdm-related,#obdm-scope) .obdm-related__group[hidden]{display:none}:is(.obdm-related,#obdm-scope) .obdm-related__group:not([hidden])~.obdm-related__group{margin-top:20px}:is(.obdm-related,#obdm-scope) .obdm-related__heading{margin:0 0 12px;color:#111820;font-size:18px;font-weight:800;line-height:1.2}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__card{display:flex;gap:12px;color:#0f1720;text-decoration:none}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__media{flex:0 0 auto;aspect-ratio:1;overflow:hidden;border:1px solid #e3e8ed;border-radius:10px;background:#fff}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__media img{display:block;width:100%;height:100%;object-fit:contain}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__info{min-width:0;display:flex;flex-direction:column;gap:6px}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:14px;font-weight:600;line-height:1.35}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__card:hover .obdm-related__title{color:#0a66d6}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__price{display:flex;flex-wrap:wrap;column-gap:8px;font-size:14px}:is(.obdm-related,.obdm-more,#obdm-scope) .obdm-related__price s{color:#6b7684;font-size:12px}.obdm-has-related main .shopify-section:has(>product-recommendations){display:none}@media screen and (max-width:1099px){:is(.obdm-related,#obdm-scope){margin-bottom:26px}:is(.obdm-related,#obdm-scope) .obdm-related__items{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}:is(.obdm-related,#obdm-scope) .obdm-related__card{flex-direction:column;gap:8px;scroll-snap-align:start}:is(.obdm-related,#obdm-scope) .obdm-related__media{width:100%}}@media screen and (min-width:750px){:is(.obdm-product-long-description,#obdm-scope) .obdm-product-long-description__content{font-size:16px}:is(.obdm-product-long-description,#obdm-scope) .obdm-product-long-description__content :is(p,li){font-size:max(16px,1em)}}@media screen and (min-width:1100px){.obdm-product-layout>:is(.obdm-product-long-description,#obdm-scope){clear:both;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"header header" "panel related";column-gap:48px}.obdm-product-layout>:is(.obdm-product-long-description,#obdm-scope).obdm-related-none{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "panel"}:is(.obdm-related,#obdm-scope){position:sticky;top:calc(var(--obdm-header-visible-height, 80px) + 20px);align-self:start;padding:18px;border:1px solid #e3e8ed;border-radius:16px;background:#fff}:is(.obdm-related,#obdm-scope) .obdm-related__items{display:grid;gap:12px}:is(.obdm-related,#obdm-scope) .obdm-related__card+.obdm-related__card{padding-top:12px;border-top:1px solid #eef1f4}:is(.obdm-related,#obdm-scope) .obdm-related__media{width:64px}:is(.obdm-related,#obdm-scope) .obdm-related__title{-webkit-line-clamp:2;font-size:13.5px}:is(.obdm-related,#obdm-scope){max-height:calc(100dvh - var(--obdm-header-visible-height, 80px) - 40px);overflow-y:auto;scrollbar-width:thin}:is(.obdm-related,#obdm-scope) .obdm-related__group:not([hidden])~.obdm-related__group{margin-top:16px;padding-top:16px;border-top:1px solid #e3e8ed}}.obdm-product-more{grid-column:2;width:100%;display:grid;gap:32px;padding-block:12px 48px}:is(.obdm-more,#obdm-scope)[hidden]{display:none}:is(.obdm-more,#obdm-scope){min-width:0;padding-top:28px;border-top:1px solid #e3e8ed}:is(.obdm-more,#obdm-scope) .obdm-more__heading{margin:0 0 16px;color:#111820;font-size:20px;font-weight:800;line-height:1.2}:is(.obdm-more,#obdm-scope) .obdm-related__items{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:thin}:is(.obdm-more,#obdm-scope) .obdm-related__card{flex-direction:column;gap:8px;scroll-snap-align:start}:is(.obdm-more,#obdm-scope) .obdm-related__media{width:100%}:is(.obdm-product-help,#obdm-scope){display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid #e3e8ed;border-radius:16px;background:#f5f8fb;color:#0f1720}:is(.obdm-product-help,#obdm-scope) h2{margin:0 0 8px;color:#111820;font-size:20px;font-weight:800;line-height:1.2}:is(.obdm-product-help,#obdm-scope) p{margin:0;font-size:15px;line-height:1.5}:is(.obdm-product-help,#obdm-scope) .obdm-product-help__points{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}:is(.obdm-product-help,#obdm-scope) .obdm-product-help__points li{padding:5px 12px;border:1px solid #dbe3ea;border-radius:999px;background:#fff;font-size:13.5px;font-weight:600}:is(.obdm-product-help,#obdm-scope) .obdm-product-help__points a{color:inherit}:is(.obdm-product-help,#obdm-scope) .obdm-product-help__button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:12px;background:#1f9d55;color:#fff;font-size:16px;font-weight:700;text-decoration:none}:is(.obdm-product-help,#obdm-scope) .obdm-product-help__button:hover{background:#188046}:is(.obdm-product-help,#obdm-scope) .obdm-product-help__button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media screen and (min-width:750px){:is(.obdm-more,#obdm-scope) .obdm-related__items{grid-auto-columns:calc((100% - 48px)/4)}:is(.obdm-product-help,#obdm-scope){flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:28px 32px}:is(.obdm-product-help,#obdm-scope) h2,:is(.obdm-more,#obdm-scope) .obdm-more__heading{font-size:24px}}@media screen and (min-width:1100px){:is(.obdm-more,#obdm-scope) .obdm-related__items{grid-auto-columns:calc((100% - 5 * 16px) / 6)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/obdm-related-products.css.map */