body .og-home .op-picks-band.opk,.opk{position:relative;overflow:hidden;padding:52px 0 60px!important;background:radial-gradient(60% 80% at 12% 0%,#5b2bbf55 0%,transparent 60%),radial-gradient(50% 70% at 95% 100%,#f7b53a33 0%,transparent 65%),linear-gradient(160deg,#1a1240,#2a1766 55%,#331279)!important;color:#fff}.opk:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff2e 1px,transparent 1.4px);background-size:46px 46px;-webkit-mask-image:linear-gradient(#000,transparent 70%);mask-image:linear-gradient(#000,transparent 70%);pointer-events:none;opacity:.5}.opk-shell{position:relative;max-width:1320px;margin:0 auto;padding:0 32px}.opk-head{display:block;text-align:left;margin:0 0 20px}.opk-head h2{margin:0!important;text-align:left!important;font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-1px;color:#fff}.opk-head h2 em{font-style:normal;color:#f7f935;text-shadow:0 0 28px #f7f93566}.opk-head p{margin:6px 0 0!important;font-size:16px!important;color:#ffffffc2!important}.opk-bar{display:flex;align-items:center;gap:10px;margin:0 0 22px}.opk-bar .or-tabs{flex:1;min-width:0;margin:0!important}.opk-all{flex:none;display:inline-flex;align-items:center;gap:8px;color:#1a1240;background:#fff;text-decoration:none;font:800 14px Montserrat,sans-serif;padding:12px 20px;border-radius:999px;box-shadow:0 8px 24px #0b062440;transition:background .2s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s}.opk-all:hover{background:#f7f935;transform:translateY(-2px);box-shadow:0 12px 30px #f7f93550}.opk-all svg{width:18px!important;height:18px!important;fill:none;stroke:currentColor;stroke-width:2}.opk-all svg,.opk-cta svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;transition:transform .2s}.opk-all:hover svg{transform:rotate(90deg)}.opk .or-tabs{display:flex;gap:10px;margin:0;overflow-x:auto;scrollbar-width:none;padding:4px}.opk .or-tabs::-webkit-scrollbar{display:none}.opk .or-tabs button{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1.5px solid #ffffff33!important;background:#ffffff0f!important;color:#fff!important;border-radius:999px!important;padding:12px 22px!important;font:700 14px Montserrat,sans-serif!important;cursor:pointer;transition:background .2s,color .2s,box-shadow .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}.opk .or-tabs button span{font-size:18px;line-height:1}.opk .or-tabs button:hover{background:#ffffff1f!important;transform:translateY(-1px)}.opk .or-tabs button[aria-selected=true]{background:#f7f935!important;border-color:#f7f935!important;color:#1a1240!important;box-shadow:0 0 0 4px #f7f93522,0 10px 30px #f7f93540}.opk-rail-wrap{position:relative}.opk-grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 18px;margin:-6px -2px 0}.opk-grid::-webkit-scrollbar{display:none}.opk-grid .opk-card{flex:0 0 calc((100% - 54px)/4.25);scroll-snap-align:start}.opk-arrow{position:absolute;top:calc(50% - 30px);z-index:3;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#1a1240;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px #0b06244d;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1),background .2s}.opk-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.opk-arrow:hover{background:#f7f935;transform:scale(1.08)}.opk-prev{left:-18px}.opk-next{right:-18px}.opk-arrow:disabled{opacity:0;pointer-events:none}.opk-rail-wrap.no-scroll .opk-arrow{display:none}.opk-card{position:relative;display:flex;flex-direction:column;background:#fff;color:#1f1840;border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 10px 30px #0b062433;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}.opk-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px #0b062459}.opk-media{position:relative;aspect-ratio:1/1;background:#f3efe7;overflow:hidden}.opk-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease,transform .7s cubic-bezier(.22,1,.36,1)}.opk-media .opk-alt{opacity:0}.opk-card:hover .opk-media img{transform:scale(1.06)}.opk-card:hover .opk-media .opk-alt{opacity:1}.opk-badge{position:absolute;top:12px;left:12px;z-index:2;background:#f7f935;color:#1a1240;font:800 12px Montserrat,sans-serif;padding:6px 10px;border-radius:999px;box-shadow:0 4px 12px #0003}.opk-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}.opk-name{margin:0;font:800 16px/1.2 Montserrat,sans-serif;color:#331279}.opk-sub{margin:0;font-size:13px;line-height:1.35;color:#1f184099;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.opk-body .jdgm-preview-badge{min-height:16px;font-size:12px}.opk-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.opk-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.opk-price b{font:800 18px Montserrat,sans-serif;color:#1f1840}.opk-price s{font-size:13px;color:#1f184080}.opk-cta{display:inline-flex;align-items:center;gap:6px;flex:none;background:#1f1840;color:#fff;font:700 12px Montserrat,sans-serif;padding:9px 14px;border-radius:999px;transition:background .2s,color .2s}.opk-card:hover .opk-cta{background:#f7f935;color:#1a1240}.opk-card:hover .opk-cta svg{transform:translate(3px)}.opk-empty{background:#ffffff12;border:1px dashed #ffffff40;border-radius:22px;padding:40px;text-align:center}.opk-empty a{color:#f7f935}@media(max-width:1100px){.opk-grid .opk-card{flex-basis:calc((100% - 36px)/3.2)}}@media(max-width:749px){body .og-home .op-picks-band.opk,.opk{padding:36px 0 42px!important}.opk-shell{padding:0 16px}.opk-bar{flex-wrap:wrap}.opk-bar .or-tabs{flex-basis:100%;order:2}.opk-all{order:1;padding:9px 14px;font-size:13px}.opk-grid{gap:12px;margin:0 -16px;padding:4px 16px 14px}.opk-grid .opk-card{flex:0 0 64%}.opk-arrow{display:none}.opk-name{font-size:15px}.opk-price b{font-size:16px}.opk-cta{padding:8px 11px}}@media(prefers-reduced-motion:reduce){.opk-card,.opk-media img{transition:none}}.opk .jdgm-prev-badge[data-number-of-reviews="0"],.opk .jdgm-preview-badge:empty{visibility:hidden}.opk .jdgm-prev-badge__text{color:#1f184099;font-size:12px}.opk .jdgm-star{color:#f2a900!important}body .opk .opk-bar .or-tabs{justify-content:flex-start!important;padding:4px 4px 4px 0!important;margin:0!important}body .opk .or-tabs button{height:44px;padding:0 22px!important;margin:0!important}body .opk .opk-all{height:44px;padding:0 20px;box-sizing:border-box}body .og-home .og-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;max-width:none!important}body .og-home .og-category{aspect-ratio:1.45!important;border-radius:22px!important;overflow:hidden;box-shadow:0 10px 28px #1a124022;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s!important}body .og-home .og-category:hover{transform:translateY(-6px);box-shadow:0 24px 48px #1a124040}body .og-home .og-category>img{transition:transform .7s cubic-bezier(.22,1,.36,1)!important}body .og-home .og-category:hover>img{transform:scale(1.06)!important}body .og-home .og-category:after{background:linear-gradient(0deg,#140c33d9 0%,#140c3355 38%,transparent 62%)!important}body .og-home .og-category>div{position:absolute!important;inset:auto 0 0 0!important;display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;padding:22px 24px!important;z-index:1}body .og-home .og-category h3{margin:0!important;font:800 26px/1.1 Montserrat,sans-serif!important;letter-spacing:-.5px!important;color:#fff!important;text-shadow:0 2px 14px #0006}body .og-home .or-category-arrow{display:inline-block!important;width:auto!important;height:auto!important;border-radius:0!important;background:none!important;border:0!important;padding:0 0 3px!important;font:600 14px/1.2 Poppins,Montserrat,sans-serif!important;color:#ffffffd9!important;background-image:linear-gradient(#fff,#fff)!important;background-repeat:no-repeat!important;background-size:0 1.5px!important;background-position:0 100%!important;transition:background-size .4s cubic-bezier(.4,0,.2,1),color .2s!important}body .og-home .og-category:hover .or-category-arrow{color:#fff!important;background-size:100% 1.5px!important}@media(max-width:749px){body .og-home .og-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body .og-home .og-category{aspect-ratio:.95!important;border-radius:16px!important}body .og-home .og-category>div{padding:14px!important}body .og-home .og-category h3{font-size:17px!important}body .og-home .or-category-arrow{font-size:12px!important}}@media(prefers-reduced-motion:reduce){body .og-home .og-category,body .og-home .og-category>img{transition:none!important}}@media(max-width:749px){body .opk .or-tabs{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;overflow:visible!important;padding:0!important}body .opk .or-tabs button{justify-content:center;height:40px!important;padding:0 10px!important;gap:6px!important;font-size:13.5px!important}body .opk .or-tabs button span{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/obi-picks.css.map */