#ocj-banner-scroll{--gap:20px;--card:calc((100vw - 120px)/3);padding:24px 0 26px;background:#f8f3ea;color:#624229;overflow:hidden;border-bottom:1px solid #e9dfcf;box-sizing:border-box}
#ocj-banner-scroll *{box-sizing:border-box}
#ocj-banner-scroll .ocj-banner-scroll__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 40px 16px}
#ocj-banner-scroll h2{margin:0;font-size:26px;font-weight:400;letter-spacing:.12em;line-height:1.5}
#ocj-banner-scroll .ocj-banner-scroll__controls{display:flex;align-items:center;gap:8px}
#ocj-banner-scroll button{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 12px;border:1px solid #cdb896;border-radius:30px;color:#624229;background:transparent;font:inherit;font-size:13px;line-height:1;cursor:pointer}
#ocj-banner-scroll button:hover{background:#eee4d5}
#ocj-banner-scroll button:focus-visible,#ocj-banner-scroll a:focus-visible,#ocj-banner-scroll .ocj-banner-scroll__viewport:focus-visible{outline:2px solid #84633e;outline-offset:3px}
#ocj-banner-scroll .ocj-banner-scroll__viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 40px 8px;touch-action:pan-x pan-y;scroll-behavior:auto}
#ocj-banner-scroll .ocj-banner-scroll__viewport::-webkit-scrollbar{display:none}
#ocj-banner-scroll .ocj-banner-scroll__track{display:flex;gap:var(--gap);width:max-content;margin:0;padding:0;list-style:none}
#ocj-banner-scroll .ocj-banner-scroll__item{flex:0 0 var(--card);width:var(--card);margin:0;padding:0;list-style:none}
#ocj-banner-scroll .ocj-banner-scroll__category{margin:0 0 9px;font-size:15px;line-height:1.6;letter-spacing:.04em;white-space:nowrap}
#ocj-banner-scroll .oc-ceramic-grid-item{width:100%!important;min-width:0!important;margin:0!important;padding:0!important;position:relative;container-type:inline-size}
#ocj-banner-scroll .oc-ceramic-grid-item>a{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/1!important;overflow:hidden;border-radius:9px;border:1px solid #d4be98;line-height:0;position:relative}
#ocj-banner-scroll .oc-ceramic-grid-item img{width:100%;height:100%;object-fit:contain}
#ocj-banner-scroll .oc-banner-photo img{width:120%;height:auto;object-fit:cover}
#ocj-banner-scroll .oc-ceramic-grid-item picture{width:100%;height:100%}
#ocj-banner-scroll :is(.oc-banner-desktop,.oc-veneer-desktop,.oc-implant-desktop){display:block;height:100%}
#ocj-banner-scroll :is(.oc-banner-mobile,.oc-veneer-mobile,.oc-implant-mobile){display:none}
#ocj-banner-scroll .ocj-banner-scroll__hint{margin:6px 40px 0;font-size:12px;line-height:1.5;color:#8b7d6b;letter-spacing:.06em}
@media(min-width:1600px){#ocj-banner-scroll{--card:480px}}
@media(min-width:620px) and (max-width:1000px){#ocj-banner-scroll{--card:calc((100vw - 72px)/2);--gap:16px;padding:20px 0}#ocj-banner-scroll .ocj-banner-scroll__head{margin:0 24px 12px}#ocj-banner-scroll .ocj-banner-scroll__viewport{padding-left:24px;padding-right:24px}#ocj-banner-scroll .ocj-banner-scroll__hint{margin-left:24px}}
@media(max-width:619px){#ocj-banner-scroll{--card:78vw;--gap:12px;padding:18px 0 20px}#ocj-banner-scroll .ocj-banner-scroll__head{margin:0 16px 12px;gap:8px}#ocj-banner-scroll h2{font-size:21px;letter-spacing:.08em}#ocj-banner-scroll button{height:36px;min-width:36px;padding:0 9px;font-size:12px}#ocj-banner-scroll .ocj-banner-scroll__controls{gap:5px}#ocj-banner-scroll .ocj-banner-scroll__viewport{padding:4px 16px 6px}#ocj-banner-scroll .ocj-banner-scroll__category{font-size:13px;letter-spacing:0;white-space:normal;min-height:42px;margin-bottom:8px}#ocj-banner-scroll .oc-ceramic-grid-item>a{aspect-ratio:5/4!important}#ocj-banner-scroll .ocj-banner-scroll__hint{margin:6px 16px 0;font-size:11px}}
@media(prefers-reduced-motion:reduce){#ocj-banner-scroll *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:619px){#ocj-banner-scroll :is(.oc-banner-desktop,.oc-veneer-desktop,.oc-implant-desktop){display:none}#ocj-banner-scroll :is(.oc-banner-mobile,.oc-veneer-mobile,.oc-implant-mobile){display:block;height:100%}}