#opka-home{--blue:#009fff;--ink:#080d11;--muted:#53575c;font:15px/1.5 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;width:100%;overflow:clip}
#opka-home *{box-sizing:border-box}#opka-home [hidden]{display:none!important}#opka-home a{color:inherit;text-decoration:none}#opka-home h1,#opka-home h2,#opka-home h3,#opka-home p{margin:0;color:inherit;font-family:inherit}#opka-home button,#opka-home input{font:inherit}#opka-home button{cursor:pointer}#opka-home a:focus-visible,#opka-home button:focus-visible,#opka-home summary:focus-visible{outline:3px solid #0069a8;outline-offset:4px}#opka-home .oh-icon{width:25px;height:25px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#opka-home .oh-wrap{width:min(1440px,94%);margin:auto}#opka-home .oh-top{background:#0a1015;color:#fff;font-size:12px}#opka-home .oh-top>.oh-wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px;gap:24px}#opka-home .oh-top-benefits,#opka-home .oh-top-links{display:flex;align-items:center;gap:22px}#opka-home .oh-top-benefits span{display:flex;align-items:center;gap:9px}#opka-home .oh-top .oh-icon{width:18px;height:18px}#opka-home .oh-top-links a+a{border-left:1px solid #65717b;padding-left:20px}#opka-home .oh-brand{display:grid;grid-template-columns:255px minmax(180px,1fr) auto;align-items:center;gap:45px;min-height:86px}#opka-home .oh-logo img{width:215px;height:auto;display:block}#opka-home .oh-search{display:flex;align-items:center;background:#f0f2f4;border-radius:30px;overflow:hidden;margin:0}#opka-home .oh-search input{border:0!important;background:transparent!important;border-radius:0!important;width:100%;height:42px;min-height:42px;padding:10px 18px;color:#333;box-shadow:none}#opka-home .oh-search button{border:0;background:transparent;color:var(--ink);padding:6px 18px;display:flex;align-items:center}#opka-home .oh-account-cart{display:flex;align-items:center;gap:24px}#opka-home .oh-account,#opka-home .oh-cart{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:13px;line-height:1.4}#opka-home .oh-account-cart .oh-icon{width:31px;height:31px}#opka-home .oh-account small,#opka-home .oh-cart small{display:block;color:var(--muted);font-size:12px}#opka-home .oh-cart{border-left:1px solid #d9dfe4;padding-left:24px}#opka-home .oh-basket{position:relative;display:flex}#opka-home .oh-cart-count{position:absolute;right:-9px;top:-7px;min-width:20px;height:20px;padding:0 4px;border-radius:20px;background:var(--blue);color:white;text-align:center;font-size:11px;line-height:20px;font-weight:bold}#opka-home .oh-mobile-menu{display:none}#opka-home .oh-nav-shell{border-top:1px solid #edf0f3;border-bottom:1px solid #edf0f3}#opka-home .oh-nav{display:flex;align-items:stretch;justify-content:space-between;gap:6px;min-height:54px}#opka-home .oh-nav details{position:relative}#opka-home .oh-nav summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:14px 10px;font-size:13px;font-weight:700;white-space:nowrap}#opka-home summary::-webkit-details-marker{display:none}#opka-home .oh-nav summary:after{content:'⌄';font-size:15px;margin-left:4px}#opka-home .oh-nav details:first-child summary{background:#008ddd;color:#fff;border-radius:7px;padding-left:18px;padding-right:18px}#opka-home .oh-dropdown{position:absolute;top:100%;left:0;min-width:215px;z-index:20;background:#fff;padding:10px;box-shadow:0 10px 24px #0002;border:1px solid #e7ebef;border-radius:0 0 10px 10px}#opka-home .oh-dropdown a{display:block;padding:10px 12px;border-radius:5px}#opka-home .oh-dropdown a:hover{background:#eef8ff;color:#007ac1}#opka-home .oh-nav details:last-child .oh-dropdown{left:auto;right:0}
#opka-home .oh-hero{position:relative;margin:10px 8px 0;border-radius:20px;background:#eaf7ff;isolation:isolate;overflow:hidden;min-height:408px;touch-action:pan-y}#opka-home .oh-hero-photo{position:absolute;inset:0 0 0 37%;z-index:-2}#opka-home .oh-hero-photo svg{width:100%;height:100%;display:block}#opka-home .oh-hero-photo img{width:100%;height:100%;object-fit:cover}#opka-home .oh-hero-panel{width:44%;min-height:408px;padding:29px 3% 24px 7.3%;background:linear-gradient(145deg,#f6fbff 65%,#dff4ff);border-radius:0 27% 16% 0/0 48% 52% 0;position:relative}#opka-home .oh-kicker{color:#0098f5;font-size:15px;font-weight:800;letter-spacing:.035em;margin-bottom:10px}#opka-home .oh-hero h1{font-size:clamp(37px,4.5vw,69px);line-height:.98;font-weight:900;letter-spacing:-.045em;margin:0 0 10px}#opka-home .oh-hero h1 span{color:var(--blue)}#opka-home .oh-hero-copy{font-size:16px;line-height:1.5;max-width:380px}#opka-home .oh-actions{display:flex;gap:12px;margin-top:17px;align-items:stretch}#opka-home .oh-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 20px;background:linear-gradient(110deg,#008de0,#00a6ff);border:1px solid transparent;border-radius:15px;color:#fff;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .18s,box-shadow .18s}#opka-home .oh-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #009fff33;color:#fff}#opka-home .oh-btn-outline{color:#101418;background:#ffffffd9;border:1.5px solid #131b21}#opka-home .oh-btn-outline:hover{color:#101418}#opka-home .oh-btn .oh-icon{width:23px;height:23px}#opka-home .oh-hero-prev,#opka-home .oh-hero-next{position:absolute;top:46%;width:42px;height:42px;border:0;border-radius:50%;background:#111b25bb;color:white;display:grid;place-items:center;font-size:34px;line-height:1;padding:0;z-index:2}#opka-home .oh-hero-prev{left:15px}#opka-home .oh-hero-next{right:15px}#opka-home .oh-dots{position:absolute;bottom:16px;left:47%;display:flex;gap:8px;z-index:3}#opka-home .oh-dots button{width:11px;height:11px;border-radius:100%;background:#fff9;border:1px solid #fff9;padding:0}#opka-home .oh-dots button[aria-pressed=true]{background:var(--blue)}#opka-home .oh-qualities{position:absolute;right:3%;bottom:14px;display:flex;gap:15px;padding:11px 18px;border-radius:20px;background:#fffffff0;font-size:12px;line-height:1.35;box-shadow:0 4px 16px #0001}#opka-home .oh-qualities span{display:flex;gap:9px;align-items:center}#opka-home .oh-qualities span+span{border-left:1px solid #d7dce2;padding-left:15px}#opka-home .oh-qualities .oh-icon{color:var(--blue);width:30px;height:30px}#opka-home .oh-fade{animation:oh-reveal .4s ease both}@keyframes oh-reveal{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
#opka-home .oh-benefits{background:linear-gradient(#fafbfc,#f4f5f7)}#opka-home .oh-benefits .oh-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px 0;gap:32px}#opka-home .oh-benefit{display:flex;align-items:center;justify-content:center;gap:17px;position:relative;font-size:13px;line-height:1.5}#opka-home .oh-benefit+.oh-benefit:before{content:'';position:absolute;left:-16px;height:25px;border-left:1px solid #b9bec5}#opka-home .oh-benefit .oh-icon{width:35px;height:35px;color:var(--blue)}#opka-home .oh-benefit strong{display:block}#opka-home .oh-benefit small{display:block;font-size:12px;color:#333}
#opka-home .oh-products{padding:18px 0 45px;scroll-margin-top:40px}#opka-home .oh-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}#opka-home .oh-section-title h2{font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.035em;position:relative}#opka-home .oh-section-title h2:after{content:'';position:absolute;width:88px;left:0;bottom:-10px;border-bottom:3px solid var(--blue)}#opka-home .oh-section-title>a{color:#008ee8;font-size:14px;font-weight:bold}#opka-home .oh-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}#opka-home .oh-card{border:1px solid #eef0f3;border-radius:14px;overflow:hidden;box-shadow:0 3px 8px #10203009;background:#fff;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;min-width:0}#opka-home .oh-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #10203017}#opka-home .oh-card-art{display:block;aspect-ratio:228/146;overflow:hidden;background:#eff6fa}#opka-home .oh-card-art svg{display:block;width:100%;height:100%}#opka-home .oh-card-body{padding:10px 12px 12px;display:flex;flex-direction:column;flex:1}#opka-home .oh-card h3{font-size:15px;font-weight:800;line-height:1.25;margin-bottom:5px}#opka-home .oh-card p{font-size:11.5px;color:#555;line-height:1.45;min-height:35px;margin:0 0 12px}#opka-home .oh-card .oh-btn{border-radius:13px;min-height:43px;padding:9px 10px;font-size:12px;gap:10px;width:100%;margin-top:auto}#opka-home .oh-lower{padding:45px 0 65px;background:#f7fafc}#opka-home .oh-lower h2{font-size:30px;line-height:1.2;font-weight:800;letter-spacing:-.025em;max-width:620px;margin-bottom:15px}#opka-home .oh-intro{max-width:850px;color:#59616a;line-height:1.8;font-size:16px}#opka-home .oh-values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}#opka-home .oh-values h3{font-size:17px;font-weight:bold;margin-bottom:7px}#opka-home .oh-values p{color:#59616a;line-height:1.7}#opka-home .oh-business{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0}#opka-home .oh-business h2{font-size:28px;font-weight:800;margin-bottom:8px}#opka-home .oh-business p{max-width:750px;color:#59616a}#opka-home .oh-dialog{max-width:620px;width:calc(100% - 30px);border:0;border-radius:18px;padding:35px;color:#15202a;background:white;box-shadow:0 24px 80px #0004}#opka-home .oh-dialog::backdrop{background:#051421aa}#opka-home .oh-dialog h2{font-size:27px;font-weight:800;margin:0 35px 20px 0}#opka-home .oh-dialog ol{margin:0 0 24px;padding-left:24px}#opka-home .oh-dialog li{margin:12px 0;line-height:1.7}#opka-home .oh-dialog-close{position:absolute;top:12px;right:14px;background:none;border:0;color:#17212b;font-size:30px;padding:4px 10px}#opka-home .oh-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){#opka-home .oh-hero-panel{padding-left:max(7%,calc((100vw - 1320px)/2))}#opka-home .oh-hero h1{font-size:72px}}
@media(min-width:1025px) and (max-width:1400px){#opka-home .oh-nav{gap:0}#opka-home .oh-nav summary{font-size:11px;gap:5px;padding:14px 6px}#opka-home .oh-nav .oh-icon{width:20px;height:20px}#opka-home .oh-nav details:first-child summary{padding-left:12px;padding-right:12px}}
@media(max-width:1250px){#opka-home .oh-brand{grid-template-columns:215px minmax(180px,1fr) auto;gap:25px}#opka-home .oh-account small{display:none}#opka-home .oh-nav summary{font-size:12px;gap:5px;padding:14px 6px}#opka-home .oh-nav .oh-icon{width:21px;height:21px}#opka-home .oh-hero-panel{width:47%;padding-left:7%}#opka-home .oh-hero h1{font-size:52px}#opka-home .oh-actions{gap:8px}#opka-home .oh-actions .oh-btn{font-size:11px;padding:10px 13px;gap:7px}#opka-home .oh-qualities{right:2%;font-size:10px;padding:10px;gap:10px}#opka-home .oh-qualities span+span{padding-left:10px}#opka-home .oh-qualities .oh-icon{width:23px;height:23px}#opka-home .oh-cards{gap:10px}#opka-home .oh-card-body{padding:10px}#opka-home .oh-card .oh-btn{font-size:10px}#opka-home .oh-card h3{font-size:13px}}
@media(max-width:1024px){#opka-home .oh-top-benefits span:nth-child(2),#opka-home .oh-top-benefits span:nth-child(4){display:none}#opka-home .oh-brand{grid-template-columns:190px minmax(150px,1fr) auto;gap:16px}#opka-home .oh-logo img{width:185px}#opka-home .oh-account-cart{gap:13px}#opka-home .oh-cart{padding-left:13px}#opka-home .oh-account strong{display:none}#opka-home .oh-nav{overflow:visible;justify-content:flex-start;flex-wrap:wrap;gap:0}#opka-home .oh-nav summary{padding:13px 10px}#opka-home .oh-hero-panel{width:53%;padding-left:7%;padding-top:36px}#opka-home .oh-hero h1{font-size:49px}#opka-home .oh-hero-copy{font-size:14px}#opka-home .oh-hero-photo{left:42%}#opka-home .oh-qualities{right:2%;max-width:43%;flex-wrap:wrap;gap:8px}#opka-home .oh-qualities span+span{border:0;padding:0}#opka-home .oh-dots{left:auto;right:22%;bottom:100px}#opka-home .oh-benefits .oh-wrap{gap:20px}#opka-home .oh-benefit{gap:9px;font-size:12px}#opka-home .oh-benefit small{font-size:10px}#opka-home .oh-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#opka-home .oh-card h3{font-size:17px}#opka-home .oh-card p{font-size:13px}#opka-home .oh-card .oh-btn{font-size:13px}}
@media(max-width:700px){#opka-home .oh-wrap{width:92%}#opka-home .oh-top>.oh-wrap{min-height:28px;font-size:10px}#opka-home .oh-top-benefits{gap:10px}#opka-home .oh-top-benefits span:nth-child(3),#opka-home .oh-top-links a{display:none}#opka-home .oh-top-links{gap:0}#opka-home .oh-brand{grid-template-columns:1fr auto;gap:12px;padding:16px 0 13px}#opka-home .oh-logo img{width:175px}#opka-home .oh-search{grid-column:1/-1;grid-row:2}#opka-home .oh-account-cart{gap:12px}#opka-home .oh-account,#opka-home .oh-cart{font-size:11px;gap:7px}#opka-home .oh-account-cart .oh-icon{width:27px;height:27px}#opka-home .oh-cart{border:0;padding:0}#opka-home .oh-cart strong{display:none}#opka-home .oh-cart small{max-width:75px;font-size:11px}#opka-home .oh-mobile-menu{display:flex;justify-content:space-between;align-items:center;border:0;background:white;color:#14202a;width:100%;padding:13px 4%;font-weight:800;font-size:14px}#opka-home .oh-nav:not(.is-open){display:none}#opka-home .oh-nav{width:100%;padding:0 4% 12px;flex-direction:column;gap:3px}#opka-home .oh-nav summary{padding:12px;justify-content:flex-start;font-size:14px}#opka-home .oh-nav summary:after{margin-left:auto}#opka-home .oh-dropdown{position:static;box-shadow:none;border:0;background:#f5faff;margin:0 0 6px}#opka-home .oh-nav details:last-child .oh-dropdown{right:auto}#opka-home .oh-hero{margin:8px 8px 0;border-radius:16px;min-height:0;padding-top:235px}#opka-home .oh-hero-photo{inset:0 0 auto;height:245px}#opka-home .oh-hero-panel{width:100%;min-height:0;padding:25px 23px 23px;border-radius:25px 25px 0 0;background:linear-gradient(135deg,#f6fbff,#e7f7ff)}#opka-home .oh-kicker{font-size:11px;margin-bottom:10px}#opka-home .oh-hero h1{font-size:clamp(37px,9.5vw,57px);line-height:1.01;margin-bottom:13px}#opka-home .oh-hero-copy{font-size:14px;max-width:420px}#opka-home .oh-actions{gap:9px;flex-wrap:wrap}#opka-home .oh-actions .oh-btn{flex:1;font-size:11px;min-height:45px;padding:10px 8px}#opka-home .oh-actions .oh-icon{width:20px;height:20px}#opka-home .oh-hero-prev,#opka-home .oh-hero-next{top:100px;width:33px;height:33px;font-size:27px}#opka-home .oh-hero-prev{left:10px}#opka-home .oh-hero-next{right:10px}#opka-home .oh-dots{top:211px;bottom:auto;left:50%;right:auto;transform:translateX(-50%)}#opka-home .oh-qualities{display:none}#opka-home .oh-benefits .oh-wrap{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 0;gap:22px 10px}#opka-home .oh-benefit{justify-content:flex-start;gap:10px;font-size:11px}#opka-home .oh-benefit+.oh-benefit:before{display:none}#opka-home .oh-benefit .oh-icon{width:28px;height:28px}#opka-home .oh-benefit small{font-size:10px}#opka-home .oh-section-title{align-items:flex-start;margin-bottom:26px}#opka-home .oh-section-title h2{font-size:26px;max-width:245px}#opka-home .oh-section-title>a{font-size:11px;max-width:80px;text-align:right}#opka-home .oh-products{padding:23px 0 30px}#opka-home .oh-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#opka-home .oh-card-body{padding:10px}#opka-home .oh-card h3{font-size:14px}#opka-home .oh-card p{font-size:11px;min-height:44px}#opka-home .oh-card .oh-btn{font-size:10px;gap:6px;padding:8px 5px;min-height:42px}#opka-home .oh-card .oh-icon{width:20px;height:20px}#opka-home .oh-lower{padding:30px 0}#opka-home .oh-lower h2{font-size:26px}#opka-home .oh-intro{font-size:14px}#opka-home .oh-values{grid-template-columns:1fr;gap:22px}#opka-home .oh-business{flex-direction:column;align-items:flex-start;padding:28px 0}#opka-home .oh-business h2{font-size:24px}#opka-home .oh-dialog{padding:26px 22px}}
#opka-home .oh-qualities>span>span{display:block}#opka-home .oh-qualities>span>span{border:0;padding:0}
@media(min-width:701px) and (max-width:1024px){#opka-home .oh-hero-panel{padding-left:65px}#opka-home .oh-hero h1{font-size:clamp(32px,4.5vw,46px)}#opka-home .oh-actions{flex-wrap:wrap}}
/* Slider only: contours traced in the mockup's 668 x 408 left-hand region. */
#opka-home .oh-hero{background:#fff}
#opka-home .oh-hero-photo-clip{position:absolute;inset:0;z-index:-2;clip-path:url(#oh-photo-clip-desktop);pointer-events:none}
@media(min-width:701px) and (max-width:1100px){#opka-home .oh-hero-photo-clip{clip-path:url(#oh-photo-clip-tablet)}}
@media(max-width:700px){#opka-home .oh-hero-photo-clip{clip-path:none}}
#opka-home .oh-hero-photo{left:33%}
#opka-home .oh-hero-cut{position:absolute;inset:0 auto 0 0;width:44%;height:100%;z-index:-1;pointer-events:none}
#opka-home .oh-hero-panel{width:40%;padding:29px 0 24px clamp(64px,7.3vw,112px);background:none;border-radius:0}
#opka-home .oh-hero h1{font-size:clamp(42px,4.5vw,72px);white-space:nowrap}
#opka-home .oh-hero-copy{font-size:clamp(14px,1.04vw,16px)}
#opka-home .oh-hero .oh-actions .oh-btn{font-size:clamp(11px,.85vw,13px);padding:11px 12px;gap:10px}
@media(min-width:701px) and (max-width:1100px){#opka-home .oh-hero-cut{width:52%}#opka-home .oh-hero-panel{width:46%;padding-left:64px}#opka-home .oh-hero h1{font-size:clamp(30px,3.7vw,40px)}#opka-home .oh-hero .oh-actions{flex-wrap:wrap}#opka-home .oh-hero .oh-actions .oh-btn{font-size:11px;padding:10px 12px}}
@media(max-width:700px){#opka-home .oh-hero-cut{display:none}#opka-home .oh-hero-photo{inset:0 0 auto;height:245px}#opka-home .oh-hero-panel{width:100%;padding:24px 20px;background:#fff;border-radius:0}#opka-home .oh-hero h1{font-size:clamp(27px,8.8vw,45px)}#opka-home .oh-hero .oh-actions .oh-btn{font-size:11px;padding:10px 8px;gap:7px}}
/* Fluid desktop layout: page 1867 only; hero geometry/gradients remain untouched. */
@media(min-width:1025px){
#opka-home .oh-wrap{width:calc(100% - 2 * clamp(30px,3vw,96px));max-width:none;margin-inline:auto}
#opka-home .oh-cards{grid-template-columns:repeat(6,minmax(0,600px));justify-content:space-between;gap:clamp(14px,1.25vw,32px)}
#opka-home .oh-card-body{padding:clamp(12px,1vw,20px)}
#opka-home .oh-card p{max-width:48ch}
#opka-home .oh-brand .oh-search{width:100%;max-width:1200px;justify-self:center}
#opka-home .oh-values{gap:clamp(35px,3vw,96px)}
#opka-home .oh-values p{max-width:65ch}
}
/* Category-menu icons: custom product-specific outline set, menu only. */
#opka-home #oh-category-nav .oh-icon{width:22px;height:22px;flex:0 0 22px;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#20262c;vertical-align:middle}
#opka-home #oh-category-nav details:first-child .oh-icon{color:#fff}
#opka-home #oh-category-nav summary{align-items:center;gap:9px}
@media(min-width:1101px){#opka-home #oh-category-nav summary{font-size:13px;padding:14px 8px}#opka-home #oh-category-nav details:first-child summary{padding-inline:16px}}
@media(min-width:1025px) and (max-width:1100px){#opka-home #oh-category-nav summary{font-size:12px;gap:7px;padding:14px 5px}#opka-home #oh-category-nav details:first-child summary{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){#opka-home *,#opka-home *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.opka-sd-home-layout #content-wrap,.opka-sd-home-layout #primary,.opka-sd-home-layout #content{width:100%;max-width:none;padding:0;margin:0;border:0;float:none}
.opka-sd-home-layout #main{padding:0;background:#fff}.opka-sd-home-layout .entry-content{margin:0}.opka-sd-home-layout .page-header{display:none}
#opka-home .oh-missing-asset{display:grid;place-items:center;height:100%;padding:30px 12%;background:#edf4f8;color:#46515c;text-align:center;font-size:16px}
#opka-home .oh-actions a.oh-btn,#opka-home .oh-card a.oh-btn,#opka-home .oh-business a.oh-btn,#opka-home .oh-dialog a.oh-btn{text-decoration:none!important}
#opka-home [aria-disabled=true]{cursor:not-allowed}#opka-home .oh-card-art[aria-disabled=true]{color:inherit}.opka-sd-footer [aria-disabled=true]{cursor:not-allowed}
@media(prefers-reduced-motion:reduce){#opka-home .oh-fade{animation:none}#opka-home .oh-card,#opka-home .oh-btn{transition:none}}