@font-face{font-family:gilroy;src:url(../font/gilroy/Gilroy-Regular.ttf);font-weight:400}@font-face{font-family:gilroy;src:url(../font/gilroy/Gilroy-SemiBold.ttf);font-weight:600}@font-face{font-family:gilroy;src:url(../font/gilroy/Gilroy-Bold.ttf);font-weight:700} :root{--navy:#11145c;--blue:#20358e;--cyan:#24a8aa;--ink:#102033;--muted:#667085;--line:#e6edf4;--soft:#f5f9fc;--soft2:#eefafa;--white:#fff;--radius:28px;--shadow:0 24px 70px rgba(17,20,92,.12);--shadow2:0 14px 36px rgba(17,20,92,.08)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font-family:gilroy,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:none;color:inherit}img{max-width:100%;vertical-align:middle}button,input,textarea,select{font-family:inherit}.container{max-width:1280px!important;padding-left:28px!important;padding-right:28px!important}.mobile,.mobile-f{display:none!important}.OZEyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.OZEyebrow:before{content:"";width:22px;height:2px;background:var(--cyan);border-radius:99px}.OZPrimaryBtn,.OZGhostBtn,.OZFooter-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s ease;white-space:nowrap}.OZPrimaryBtn{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;box-shadow:0 14px 30px rgba(36,168,170,.24)}.OZGhostBtn{background:#fff;border:1px solid rgba(32,53,142,.22);color:var(--blue)!important}.OZPrimaryBtn:hover,.OZGhostBtn:hover,.OZFooter-btn:hover{transform:translateY(-2px)}.OZTextLink{font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:8px}.OZTextLink:after{content:"→"}.OZHeader{position:sticky;top:0;z-index:9999;background:#fff;box-shadow:0 10px 30px rgba(17,20,92,.06)}.OZTopbar{background:linear-gradient(90deg,var(--navy),#2521a8);color:#fff;font-size:13px}.OZTopbar-in{display:flex;align-items:center;justify-content:space-between;height:38px}.OZTopbar a{opacity:.86;margin-right:22px}.OZTopbar a:hover{opacity:1;color:#fff}.OZTopbar-right,.OZLang{display:flex;align-items:center;gap:10px}.OZLang span{opacity:.75}.OZLang a{margin:0;padding:4px 8px;border-radius:8px}.OZLang a.active{border:1px solid rgba(255,255,255,.7)}.OZSearchToggle{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.13);cursor:pointer;position:relative}.OZSearchToggle:before{content:"";position:absolute;inset:10px;border:2px solid #fff;border-radius:50%}.OZSearchToggle:after{content:"";position:absolute;width:8px;height:2px;background:#fff;transform:rotate(45deg);right:8px;bottom:9px}.OZSearchPanel{display:none;background:#fff;border-bottom:1px solid var(--line);padding:16px 0}.OZSearchPanel.active{display:block}.OZSearchForm{display:flex;gap:12px}.OZSearchForm input{flex:1;height:52px;border:1px solid var(--line);border-radius:999px;padding:0 20px}.OZSearchForm button{height:52px;border:0;border-radius:999px;padding:0 28px;background:var(--blue);color:#fff;font-weight:700}.OZNavWrap{background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.OZNav{height:84px;display:flex;align-items:center;justify-content:space-between}.OZLogo img{height:58px}.OZMenu{display:flex;align-items:center;gap:14px}.OZMenu>a{font-weight:700;color:var(--blue);font-size:14px}.OZProductNav{display:flex!important;align-items:center;gap:8px;padding:8px 12px;border-radius:16px;background:#f9fbfd;border:1px solid var(--line)}.OZProductNav img{height:38px;width:38px;object-fit:contain}.OZPageHero{position:relative;overflow:hidden;padding:86px 0;background:radial-gradient(circle at 85% 20%,rgba(36,168,170,.18),transparent 34%),linear-gradient(135deg,#f6fbff,#eefafa)}.OZPageHero.compact{padding:58px 0}.OZPageHero h1{max-width:900px;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-2.8px;margin:14px 0 14px;color:var(--navy);font-weight:700}.OZPageHero p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.6}.Pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;color:var(--muted);font-size:13px}.Pagination a,.Pagination span{display:inline-flex;align-items:center}.Pagination a:after{content:"/";margin-left:10px;color:#a5adba}.OZHero{position:relative;background:#f7fbff}.OZHero .swiper-container{height:calc(100vh - 122px);min-height:620px;max-height:860px}.OZHero-slide{height:100%;background-repeat:no-repeat;background-size:contain;background-position:78% center;background-color:#eefafa;position:relative}.OZHero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 43%,rgba(238,250,250,.20) 100%)}.OZHero-content{height:100%;display:flex;align-items:center}.OZHero-copy{position:relative;z-index:3;max-width:590px}.OZHero-copy h1{font-size:clamp(44px,5vw,78px);line-height:.95;letter-spacing:-3px;color:var(--navy);margin:18px 0;font-weight:700}.OZHero-copy p{font-size:clamp(18px,1.7vw,25px);line-height:1.45;color:#344054;margin-bottom:28px}.OZHero-actions{display:flex;gap:12px;flex-wrap:wrap}.OZSliderControls{position:absolute;left:0;right:0;bottom:34px;z-index:4;display:flex;gap:12px}.OZSliderControls.inline{position:relative;bottom:auto;justify-content:flex-end;margin-top:26px}.swiper-button-prev,.swiper-button-next{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin:0!important;width:46px!important;height:46px!important;border-radius:50%;background:#fff!important;box-shadow:var(--shadow2)}.swiper-button-prev:after,.swiper-button-next:after{font-size:16px!important;color:var(--blue)!important;font-weight:700}.OZSectionHead{margin-bottom:34px}.OZSectionHead.rowed{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.OZSectionHead h2{font-size:clamp(32px,4vw,54px);line-height:1.03;letter-spacing:-2px;color:var(--navy);margin:12px 0 10px}.OZSectionHead p{color:var(--muted);font-size:18px;line-height:1.6;max-width:720px}.OZCategoryBlock,.OZProductPreview,.OZArticles,.OZProductList,.OZProductDetail,.OZDocuments,.OZRelated,.OZContentPage{padding:82px 0}.OZCategoryGrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.OZCategoryCard{min-height:390px;border-radius:var(--radius);padding:34px;display:grid;grid-template-columns:45% 1fr;gap:26px;align-items:center;overflow:hidden;box-shadow:var(--shadow);position:relative}.OZCategoryCard img{max-height:310px;object-fit:contain;margin:auto}.OZCategoryCard h3{font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px;line-height:1.05;margin:10px 0;color:inherit}.OZCategoryCard p{line-height:1.65;margin-bottom:24px}.OZCategoryCard.dark{background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff}.OZCategoryCard.dark .OZEyebrow,.OZCategoryCard.dark span{color:#fff}.OZCategoryCard.light{background:linear-gradient(135deg,#fff,#f5fbfc);border:1px solid var(--line);color:var(--navy)}.OZMiniProductGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.OZMiniProduct{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow2);transition:.25s}.OZMiniProduct:hover{transform:translateY(-4px)}.OZMiniProduct img{width:70px;height:70px;object-fit:contain}.OZMiniProduct strong{display:block;color:var(--blue);font-size:19px}.OZMiniProduct small{color:var(--muted)}.OZArticles{background:linear-gradient(135deg,#071043,#11145c);color:#fff}.OZArticles.archive{background:#fff;color:var(--ink)}.OZArticles .OZSectionHead h2{color:#fff}.OZArticles.archive .OZSectionHead h2{color:var(--navy)}.OZArticleGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.OZArticleCard{display:block;background:#fff;color:var(--ink);border-radius:24px;overflow:hidden;box-shadow:var(--shadow2);height:100%;transition:.25s}.OZArticleCard:hover{transform:translateY(-4px)}.OZArticleCard img{width:100%;height:220px;object-fit:cover}.OZArticleCard div{padding:24px}.OZArticleCard h3{font-size:21px;color:var(--navy);line-height:1.15;margin-bottom:10px}.OZArticleCard p{color:var(--muted);line-height:1.55}.OZArticleCard span{display:inline-flex;margin-top:18px;color:var(--cyan);font-weight:700}.OZProductGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.OZProductSub{padding:50px 0;background:var(--soft)}.OZProductCard{display:grid;grid-template-columns:45% 1fr;align-items:center;min-height:330px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow2);transition:.25s;overflow:hidden}.OZProductCard.small{display:block;min-height:360px;text-align:center}.OZProductCard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.OZProductImage{display:flex;align-items:center;justify-content:center;height:240px;background:linear-gradient(135deg,#f8fbff,#eefafa);border-radius:22px}.OZProductImage img{max-height:210px;object-fit:contain}.OZProductCard small{display:block;color:var(--cyan);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.OZProductCard h2,.OZProductCard h3{color:var(--navy);font-size:clamp(23px,2.2vw,34px);line-height:1.05;margin:10px 0}.OZProductCard span{font-weight:700;color:var(--blue)}.OZProductHero{padding:70px 0 40px;background:radial-gradient(circle at right top,rgba(36,168,170,.18),transparent 34%),linear-gradient(135deg,#fff,#eefafa)}.OZProductHero-in{display:grid;grid-template-columns:1fr 44%;gap:42px;align-items:center}.OZProductHero h1{font-size:clamp(42px,5vw,76px);line-height:.95;letter-spacing:-3px;color:var(--navy);margin:18px 0}.OZProductHero h2{font-size:24px;color:var(--blue);line-height:1.25}.OZProductHero-media{background:#fff;border-radius:32px;padding:38px;box-shadow:var(--shadow);text-align:center}.OZProductHero-media img{max-height:430px;object-fit:contain}.OZRich{font-size:17px;line-height:1.75;color:#475467}.OZRich.intro{font-size:19px;max-width:980px;margin-bottom:40px}.OZRich h1,.OZRich h2,.OZRich h3,.OZRich h4,.OZRich h5,.OZRich h6{color:var(--navy);line-height:1.15;margin:24px 0 12px}.OZRich p{margin-bottom:16px}.OZRich ul,.OZRich ol{padding-left:24px;margin-bottom:16px}.OZRich li{margin-bottom:8px}.OZDetailGrid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.OZSpecTable{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow2)}.OZSpecTable div{display:grid;grid-template-columns:42% 1fr;border-bottom:1px solid var(--line)}.OZSpecTable div:last-child{border-bottom:0}.OZSpecTable strong,.OZSpecTable span{padding:16px}.OZSpecTable strong{background:#f8fbff;color:var(--blue)}.OZDocuments{background:var(--soft)}.OZDocumentGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.OZDocumentCard{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow2)}.OZDocumentCard img{width:34px}.OZDocumentCard strong{display:block;color:var(--navy)}.OZDocumentCard span{color:var(--muted);font-size:13px}.OZContentLayout{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start}.OZSidebar{position:sticky;top:150px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow2)}.OZSidebar h3{color:var(--navy);margin:0 0 18px;font-size:25px}.OZSideMenu{list-style:none;padding:0;margin:0}.OZSideMenu a{display:flex;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-weight:700}.OZSideMenu a.active,.OZSideMenu a:hover{color:var(--blue)}.OZContentCard{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow2)}.OZBannerImage{width:100%;max-height:430px;object-fit:cover;border-radius:24px;margin-bottom:28px}.OZSignature{text-align:right;margin-top:24px}.OZSignature img{max-height:110px}.OZCertificateGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.OZCertificate{display:block;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow2);position:relative}.OZCertificate img{width:100%;height:260px;object-fit:cover}.OZCertificate span{display:block;padding:14px 16px;font-weight:700;color:var(--blue)}.OZTableWrap{overflow:auto}.OZTableWrap table{width:100%;border-collapse:collapse}.OZTableWrap th,.OZTableWrap td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.OZTableWrap th{color:var(--blue);font-size:13px;text-transform:uppercase;letter-spacing:.05em}.OZTableWrap a{color:var(--blue);font-weight:700}.OZForm{display:flex;flex-direction:column;gap:14px;margin-top:24px}.OZForm>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.OZForm input,.OZForm textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:0 18px;min-height:54px;background:#fff}.OZForm textarea{padding-top:16px;min-height:140px;resize:vertical}.OZForm input:focus,.OZForm textarea:focus{outline:0;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(36,168,170,.13)}.OZUpload{display:flex;align-items:center;justify-content:center;min-height:58px;border:1px dashed var(--cyan);border-radius:16px;color:var(--blue);font-weight:700;cursor:pointer}.OZUpload input{display:none}.success{padding:15px 18px;background:#ecfdf3;color:#027a48;border-radius:14px;margin-bottom:16px}.error{padding:15px 18px;background:#fef3f2;color:#b42318;border-radius:14px;margin-bottom:16px}.OZContact{padding-bottom:82px;background:#fff}.OZMap{height:440px;background:var(--soft2);margin-bottom:-120px}.OZContactGrid{position:relative;display:grid;grid-template-columns:380px 1fr;gap:28px}.OZContactInfo,.OZContactForm{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow)}.OZContactInfo h2{color:var(--navy);font-size:32px;line-height:1.05;margin:12px 0}.OZContactInfo p,.OZContactInfo a{display:block;color:var(--muted);line-height:1.6;margin-bottom:12px}.OZSocial{display:flex!important;gap:10px;margin-top:15px}.OZSocial a{width:38px;height:38px;border-radius:50%;background:var(--soft2);color:var(--blue)!important;display:flex!important;align-items:center;justify-content:center;font-weight:700;margin:0!important}.OZFooter{background:#050828;color:#fff;padding-top:64px}.OZFooter-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px!important;background:linear-gradient(135deg,var(--blue),var(--cyan));border-radius:28px;margin-bottom:50px}.OZFooter-cta h3{font-size:clamp(28px,3vw,42px);line-height:1.05;margin:10px 0 0;letter-spacing:-1.5px}.OZFooter-btn{background:#fff;color:var(--blue)!important}.OZFooter-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:36px;padding-bottom:44px!important}.OZFooter img{max-height:72px;margin-bottom:16px}.OZFooter h6{color:var(--cyan);font-size:18px;margin-bottom:16px}.OZFooter p,.OZFooter a{display:block;color:rgba(255,255,255,.74);line-height:1.6;margin-bottom:10px}.OZFooter-bottom{border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;padding-top:20px!important;padding-bottom:20px!important;color:rgba(255,255,255,.55)} .fancybox-container{z-index:999999!important}.dataTables_wrapper label{display:flex;gap:10px;align-items:center}.dataTables_filter{text-align:right;margin-bottom:12px}.dataTables_wrapper input,.dataTables_wrapper select{border:1px solid var(--line);border-radius:10px;padding:8px}.display{background:#fff} @media(max-width:991px){.mobile{display:block!important}.mobile-f{display:flex!important}.desktop,.desktop-f{display:none!important}.container{padding-left:18px!important;padding-right:18px!important}.OZTopbar-left{display:none}.OZTopbar-in{justify-content:flex-end}.OZNav{height:72px}.OZLogo img{height:48px}.OZMenuToggle{display:flex!important;flex-direction:column;gap:5px;width:42px;height:42px;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--soft2)}.OZMenuToggle span{width:20px;height:2px;background:var(--blue)}.OZMenu{position:fixed;top:110px;left:18px;right:18px;max-height:calc(100vh - 130px);overflow:auto;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.OZMenu.active{display:flex}.OZProductNav{justify-content:flex-start}.OZHero .swiper-container{height:620px;min-height:620px}.OZHero-slide{background-size:85% auto;background-position:center 40px}.OZHero-slide:before{background:linear-gradient(180deg,rgba(255,255,255,.26) 0%,rgba(238,250,250,.88) 48%,#fff 100%)}.OZHero-content{align-items:flex-end;padding-bottom:86px}.OZHero-copy{text-align:center;margin:auto}.OZHero-copy h1{font-size:34px;letter-spacing:-1px}.OZHero-actions{justify-content:center}.OZSliderControls{bottom:18px;justify-content:center}.OZCategoryGrid,.OZProductHero-in,.OZDetailGrid,.OZContentLayout,.OZContactGrid,.OZFooter-grid{grid-template-columns:1fr}.OZCategoryCard,.OZProductCard{grid-template-columns:1fr;text-align:center}.OZCategoryCard img{max-height:220px}.OZSectionHead.rowed{display:block}.OZProductGrid,.OZMiniProductGrid,.OZArticleGrid,.OZDocumentGrid,.OZCertificateGrid{grid-template-columns:1fr}.OZProductHero h1,.OZPageHero h1{font-size:40px;letter-spacing:-1.2px}.OZSidebar{position:relative;top:auto}.OZForm>div{grid-template-columns:1fr}.OZMap{height:320px;margin-bottom:24px}.OZFooter-cta,.OZFooter-bottom{display:block}.OZFooter-btn{margin-top:18px}.OZCertificate img{height:auto}.OZTopbar{display:none}.OZMenu{top:88px}.OZPageHero{padding:52px 0}.OZCategoryBlock,.OZProductPreview,.OZArticles,.OZProductList,.OZProductDetail,.OZDocuments,.OZRelated,.OZContentPage{padding:52px 0}} @media(max-width:560px){.OZPrimaryBtn,.OZGhostBtn{width:100%}.OZHero-actions{width:100%}.OZHero-copy p{font-size:16px}.OZContentCard,.OZContactInfo,.OZContactForm{padding:20px;border-radius:22px}.OZFooter-cta{padding:24px!important}.OZProductImage{height:200px}} /* ========================================================= Ozon v3.1 refinement layer Focus: section rhythm, article cards, rich text images, slider safety ========================================================= */ :root{--section-lg:72px;--section-md:56px;--section-sm:38px} .OZCategoryBlock,.OZProductPreview,.OZArticles,.OZProductList,.OZProductDetail,.OZDocuments,.OZRelated,.OZContentPage{padding-top:var(--section-lg);padding-bottom:var(--section-lg)} .OZSectionHead{margin-bottom:26px}.OZSectionHead h2{max-width:880px}.OZSectionHead.rowed{align-items:center}.OZSectionHead.rowed .OZTextLink{margin-bottom:12px} .OZHero .swiper-container{height:min(720px,calc(100vh - 122px));min-height:560px}.OZHero-slide{background-size:min(48vw,620px) auto;background-position:82% 52%}.OZHero-copy{max-width:560px}.OZHero-copy h1{font-size:clamp(42px,4.3vw,68px)}.OZHero-copy p{max-width:540px} .OZCategoryCard{min-height:345px;padding:30px}.OZCategoryCard img{max-height:265px}.OZCategoryCard p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} .OZMiniProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.OZMiniProduct{min-height:112px}.OZMiniProduct img{flex:0 0 70px} .OZArticlesHome{background:linear-gradient(135deg,#071043,#11145c);position:relative;overflow:hidden}.OZArticlesHome:before{content:"";position:absolute;inset:auto -10% -45% auto;width:520px;height:520px;border-radius:50%;background:rgba(36,168,170,.18);filter:blur(10px);pointer-events:none}.OZArticlesHome>.container{position:relative;z-index:2}.OZArticleGrid.featured{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.OZArticleCard{border:1px solid rgba(230,237,244,.95);isolation:isolate}.OZArticleCard .OZArticleImage{height:205px;background:linear-gradient(135deg,#eefafa,#f8fbff);overflow:hidden}.OZArticleCard .OZArticleImage img,.OZArticleCard>img{width:100%;height:100%;object-fit:cover;display:block;transition:.35s ease}.OZArticleCard:hover .OZArticleImage img,.OZArticleCard:hover>img{transform:scale(1.045)}.OZArticleCard small{display:inline-flex;margin-bottom:8px;color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.OZArticleCard h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:48px}.OZArticleCard p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:72px}.OZArticles.archive{padding-top:56px}.OZArticles.archive .OZBannerImage{max-height:320px;margin-bottom:30px}.OZArticles.archive .OZArticleGrid{align-items:stretch} .OZProductGrid{gap:22px}.OZProductCard{min-height:300px;padding:24px}.OZProductImage{height:218px}.OZProductImage img{max-height:190px}.OZProductHero{padding:58px 0 34px}.OZProductHero-media{padding:28px}.OZProductHero-media img{max-height:380px}.OZProductDetail{padding-top:56px}.OZRich.intro{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow2);max-width:none}.OZRich img{max-width:100%!important;height:auto!important;border-radius:22px;margin:22px auto;display:block}.OZRich table{width:100%!important;border-collapse:collapse;margin:18px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.OZRich table td,.OZRich table th{border:1px solid var(--line);padding:12px;vertical-align:top}.OZRich iframe{max-width:100%;border-radius:22px}.OZDetailGrid{align-items:start}.OZContentCard .OZBannerImage{max-height:360px}.OZContentCard{padding:34px}.OZSidebar{padding:22px}.OZSideMenu a{font-size:14px;line-height:1.25}.OZCertificateGrid,.OZDocumentGrid{gap:18px}.OZFooter{padding-top:54px}.OZFooter-cta{margin-bottom:40px} @media(max-width:991px){:root{--section-lg:48px;--section-md:40px;--section-sm:28px}.OZSectionHead{margin-bottom:22px}.OZHero .swiper-container{height:560px;min-height:560px}.OZHero-slide{background-size:78% auto;background-position:center 28px}.OZHero-content{padding-bottom:66px}.OZHero-copy h1{font-size:32px}.OZHero-copy p{font-size:15px}.OZCategoryCard{min-height:auto}.OZArticleGrid.featured,.OZArticleGrid{grid-template-columns:1fr}.OZArticleCard .OZArticleImage{height:210px}.OZArticleCard h3{min-height:auto}.OZArticleCard p{min-height:auto}.OZProductCard{min-height:auto}.OZProductHero-media img{max-height:280px}.OZRich.intro{padding:20px;border-radius:22px}.OZContentCard{padding:22px}.OZArticles.archive{padding-top:42px}} @media(min-width:992px) and (max-width:1180px){.OZArticleGrid.featured,.OZArticleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.OZProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.OZHero-slide{background-size:42vw auto;background-position:90% center}} /* ========================================================= Ozon v3.2 structural refinement Scope: header, hero controls, home articles, footer only ========================================================= */ .OZHeaderNext{background:rgba(255,255,255,.88)!important;backdrop-filter:saturate(145%) blur(16px);box-shadow:0 12px 36px rgba(17,20,92,.08)!important;border-bottom:1px solid rgba(216,226,239,.82)} .OZUtilityBar{background:linear-gradient(90deg,#f7fbff 0%,#eefafa 58%,#f9fbff 100%)!important;border-bottom:1px solid rgba(216,226,239,.9);color:var(--blue)} .OZUtilityIn{height:42px!important;display:flex;align-items:center;justify-content:space-between;gap:20px}.OZUtilityLeft,.OZUtilityRight{display:flex;align-items:center;gap:16px}.OZUtilityLeft a{font-size:13px;font-weight:700;color:#344054;opacity:.82;transition:.2s}.OZUtilityLeft a:hover{opacity:1;color:var(--blue)}.OZUtilityBadge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(32,53,142,.14);box-shadow:0 8px 22px rgba(27,20,100,.05);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan)}.OZUtilityBadge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(36,168,170,.14)} .OZLangNext{height:30px;padding:3px;border:1px solid rgba(32,53,142,.14);border-radius:999px;background:#fff;gap:4px!important;box-shadow:0 8px 22px rgba(27,20,100,.04)}.OZLangNext span{font-size:12px;color:#667085;margin:0 4px 0 7px}.OZLangNext a{margin:0!important;min-width:34px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px!important;padding:0 8px!important;color:var(--blue)!important;font-size:12px;font-weight:800}.OZLangNext a.active{background:var(--blue)!important;color:#fff!important;border:0!important} .OZSearchToggle{width:auto!important;height:32px!important;padding:0 13px 0 34px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(32,53,142,.14)!important;box-shadow:0 8px 22px rgba(27,20,100,.05)!important;color:var(--blue);font-weight:800}.OZSearchToggle span{font-size:12px}.OZSearchToggle:before{inset:auto!important;left:12px!important;top:8px!important;width:11px!important;height:11px!important;border:2px solid var(--blue)!important}.OZSearchToggle:after{right:auto!important;left:23px!important;bottom:9px!important;width:7px!important;background:var(--blue)!important} .OZNavNextWrap{background:rgba(255,255,255,.92)!important;border-bottom:0!important}.OZNavNext{height:88px!important}.OZLogo img{height:62px!important}.OZMenuNext{gap:12px}.OZMenuNext>.OZGhostBtn,.OZMenuNext>.OZPrimaryBtn{min-height:44px;padding:0 22px}.OZProductNav{border-radius:18px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(32,53,142,.12)!important;box-shadow:0 8px 24px rgba(27,20,100,.05)}.OZProductNav:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(27,20,100,.09)} .OZHero{background:linear-gradient(135deg,#f8fbff,#eefafa)!important}.OZHero .swiper-container{height:min(690px,calc(100vh - 130px))!important;min-height:560px!important}.OZSliderControls,.Slider-button,.Slider .swiper-button-prev,.Slider .swiper-button-next{display:none!important}.OZHero-slide{background-size:min(46vw,610px) auto!important;background-position:84% 54%!important}.OZHero-slide:before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.91) 43%,rgba(238,250,250,.22) 100%)!important}.OZHero-copy h1{font-size:clamp(44px,4.6vw,76px)!important}.OZHero-copy p{color:#39465d!important} .OZArticlesHome{background:linear-gradient(180deg,#f8fbff 0%,#eefafa 100%)!important;color:var(--ink)!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.OZArticlesHome:before{inset:-170px -160px auto auto!important;background:rgba(36,168,170,.13)!important}.OZArticlesHome .OZSectionHead h2{color:var(--navy)!important}.OZArticlesHome .OZTextLink{color:var(--blue)!important}.OZArticleGrid.featured{align-items:stretch}.OZArticleCard{border-radius:28px!important;background:#fff!important;border:1px solid rgba(216,226,239,.98)!important;box-shadow:0 16px 38px rgba(27,20,100,.08)!important;overflow:hidden!important}.OZArticleCard .OZArticleImage{padding:0!important;height:210px!important;border-radius:0!important;background:linear-gradient(135deg,#eefafa,#fff)!important}.OZArticleCard .OZArticleBody{padding:24px!important}.OZArticleCard>div:not(.OZArticleImage):not(.OZArticleBody){padding:24px!important}.OZArticleCard small{color:var(--cyan)!important}.OZArticleCard h3{font-size:22px!important;color:var(--navy)!important;min-height:52px!important}.OZArticleCard p{color:#667085!important;min-height:78px!important;line-height:1.55!important}.OZArticleCard span{color:var(--blue)!important;font-weight:800!important}.OZArticleCard:hover{transform:translateY(-6px)!important;box-shadow:0 24px 54px rgba(27,20,100,.13)!important} .OZFooterNext{background:linear-gradient(180deg,#f8fbff 0%,#eefafa 100%)!important;color:var(--ink)!important;padding:70px 0 0!important;border-top:1px solid var(--line)}.OZFooterShell{background:#fff;border:1px solid rgba(216,226,239,.92);border-radius:34px 34px 0 0;box-shadow:0 -12px 44px rgba(27,20,100,.07);padding-top:26px!important}.OZFooterCtaNext{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:0 0 36px;padding:30px 32px;background:linear-gradient(135deg,#ffffff,#f1fbfb);border:1px solid var(--line);border-radius:28px}.OZFooterCtaNext h3{max-width:850px;font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-1.3px;color:var(--navy);margin:8px 0 0}.OZFooterCtaNext .OZFooter-btn{background:linear-gradient(135deg,var(--blue),var(--cyan))!important;color:#fff!important;box-shadow:0 14px 30px rgba(36,168,170,.20)}.OZFooterGridNext{grid-template-columns:1.55fr 1fr 1fr 1.35fr!important;gap:34px!important;padding-bottom:34px!important}.OZFooterNext img{max-height:76px}.OZFooterNext h6{color:var(--blue)!important}.OZFooterNext p,.OZFooterNext a{color:#667085!important}.OZFooterNext a:hover{color:var(--cyan)!important}.OZFooterNext .OZSocial a{background:#eefafa!important;color:var(--blue)!important}.OZFooterBottomNext{border-top:1px solid var(--line)!important;color:#7b8496!important}.OZFooterBottomNext p{color:#7b8496!important;margin-bottom:0!important} @media(max-width:991px){.OZUtilityBar{display:none}.OZNavNext{height:78px!important}.OZLogo img{height:54px!important}.OZMenu{top:92px!important}.OZHero .swiper-container{height:570px!important;min-height:570px!important}.OZHero-slide{background-size:82% auto!important;background-position:center 30px!important}.OZHero-content{align-items:flex-end!important;padding-bottom:56px!important}.OZHero-copy h1{font-size:34px!important}.OZHero-copy p{font-size:15px!important}.OZArticlesHome{padding-top:48px!important;padding-bottom:48px!important}.OZArticleCard h3{min-height:auto!important}.OZArticleCard p{min-height:auto!important}.OZFooterNext{padding-top:46px!important}.OZFooterShell{border-radius:28px 28px 0 0}.OZFooterCtaNext{display:block;padding:24px}.OZFooterCtaNext .OZFooter-btn{margin-top:18px}.OZFooterGridNext{grid-template-columns:1fr!important}.OZFooterBottomNext{display:block!important}.OZFooterBottomNext p+p{margin-top:6px}} @media(max-width:560px){.OZHero-copy h1{font-size:31px!important}.OZHero .swiper-container{height:540px!important;min-height:540px!important}.OZArticleCard .OZArticleImage{height:190px!important}.OZFooterCtaNext h3{font-size:27px}} /* ========================================================= Ozon v3.3 refinements Scope: solutions section, global buttons, footer logo polish ========================================================= */ .OZPrimaryBtn, .OZGhostBtn, .OZFooter-btn, .OZMenuNext > .OZGhostBtn, .OZMenuNext > .OZPrimaryBtn, .OZSolutionCard .OZPrimaryBtn, .OZSolutionCard .OZGhostBtn, .OZHero-actions a, .OZSearchForm button, .OZFooterCtaNext .OZFooter-btn{ box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; line-height:1.12!important; min-height:46px!important; padding:0 24px!important; white-space:nowrap!important; overflow:visible!important; } .OZMenuNext > .OZGhostBtn, .OZMenuNext > .OZPrimaryBtn{min-width:132px!important;height:46px!important;padding:0 20px!important;} .OZProductNav{min-height:56px!important;padding:8px 16px!important;} .OZProductNav span{line-height:1.15!important;} .OZSolutionsNext{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 48%,#eefafa 100%)!important;padding:86px 0 92px!important;border-top:1px solid rgba(216,226,239,.65);border-bottom:1px solid rgba(216,226,239,.9)} .OZSolutionsNext:before{content:"";position:absolute;width:520px;height:520px;right:-190px;top:80px;border-radius:50%;background:radial-gradient(circle,rgba(36,168,170,.18),rgba(36,168,170,0) 65%);pointer-events:none}.OZSolutionsNext:after{content:"";position:absolute;width:420px;height:420px;left:-190px;bottom:-180px;border-radius:50%;background:radial-gradient(circle,rgba(32,53,142,.10),rgba(32,53,142,0) 66%);pointer-events:none} .OZSolutionsHead{position:relative;z-index:2;max-width:850px;margin-bottom:36px!important}.OZSolutionsHead h2{max-width:820px;font-size:clamp(34px,4.1vw,60px)!important;letter-spacing:-2.2px!important}.OZSolutionsHead p{max-width:760px!important} .OZSolutionsGrid{position:relative;z-index:2;display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:30px!important;align-items:stretch!important}.OZSolutionCard{min-height:430px!important;border-radius:34px!important;padding:0!important;display:grid!important;grid-template-columns:42% 1fr!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;box-shadow:0 26px 70px rgba(17,20,92,.11)!important;transition:.28s ease!important}.OZSolutionCard:hover{transform:translateY(-5px)!important;box-shadow:0 34px 86px rgba(17,20,92,.16)!important}.OZSolutionCard.primary{background:linear-gradient(135deg,#1f3ca1 0%,#11145c 100%)!important;color:#fff!important}.OZSolutionCard.secondary{background:rgba(255,255,255,.88)!important;border:1px solid rgba(216,226,239,.96)!important;color:var(--navy)!important}.OZSolutionMedia{position:relative;display:flex;align-items:center;justify-content:center;padding:34px;background:rgba(255,255,255,.10);overflow:hidden}.OZSolutionCard.primary .OZSolutionMedia:before{content:"";position:absolute;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.10)}.OZSolutionCard.secondary .OZSolutionMedia{background:linear-gradient(135deg,#f8fbff,#eefafa)}.OZSolutionMedia img{position:relative;z-index:2;max-width:100%!important;max-height:280px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 20px 28px rgba(17,20,92,.16))}.OZSolutionContent{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 42px 28px}.OZSolutionLabel{display:inline-flex!important;align-items:center!important;align-self:flex-start;min-height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px!important}.OZSolutionCard.primary .OZSolutionLabel{background:rgba(255,255,255,.13);color:#fff!important}.OZSolutionCard.secondary .OZSolutionLabel{background:#eefafa;color:var(--cyan)!important}.OZSolutionCard h3{font-size:clamp(30px,3vw,48px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;margin:0 0 16px!important;color:inherit!important}.OZSolutionCard p{font-size:16px!important;line-height:1.65!important;margin:0 0 26px!important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.OZSolutionCard.primary p{color:rgba(255,255,255,.82)!important}.OZSolutionCard.secondary p{color:#667085!important}.OZSolutionCard .OZPrimaryBtn,.OZSolutionCard .OZGhostBtn{align-self:flex-start;margin-top:auto!important;min-width:162px!important}.OZSolutionCard.primary .OZPrimaryBtn{background:#fff!important;color:var(--blue)!important;box-shadow:0 16px 32px rgba(0,0,0,.12)!important}.OZSolutionCard.secondary .OZGhostBtn{background:#fff!important;border:1px solid rgba(32,53,142,.22)!important;color:var(--blue)!important;box-shadow:0 14px 30px rgba(27,20,100,.06)!important} .OZFooterNext .OZFooter-brand img{display:block!important;width:auto!important;height:72px!important;max-width:230px!important;max-height:72px!important;object-fit:contain!important;margin:0 0 22px!important;filter:none!important}.OZFooterNext .OZFooter-brand p{max-width:330px!important;line-height:1.62!important}.OZFooterShell{overflow:hidden}.OZFooterCtaNext{overflow:hidden}.OZFooterCtaNext h3{padding-right:8px}.OZFooterGridNext a{display:block!important;line-height:1.42!important;margin-bottom:13px!important}.OZFooterGridNext h6{margin:0 0 16px!important;font-size:17px!important}.OZFooterBottomNext{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:22px 0!important}.OZFooterBottomNext p{font-size:14px!important}.OZSocial{display:flex!important;gap:10px!important;margin-top:15px!important}.OZSocial a{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:50%!important;margin:0!important;font-weight:800!important;font-size:13px!important} @media(max-width:1180px){.OZSolutionsGrid{grid-template-columns:1fr!important}.OZSolutionCard{grid-template-columns:38% 1fr!important}.OZMenuNext{gap:8px!important}.OZMenuNext>.OZGhostBtn,.OZMenuNext>.OZPrimaryBtn{min-width:auto!important;padding:0 16px!important}.OZProductNav{padding:8px 12px!important}} @media(max-width:991px){.OZSolutionsNext{padding:54px 0!important}.OZSolutionsHead h2{font-size:34px!important}.OZSolutionCard{grid-template-columns:1fr!important;min-height:auto!important;border-radius:28px!important}.OZSolutionMedia{min-height:220px;padding:28px}.OZSolutionMedia img{max-height:210px!important}.OZSolutionContent{padding:28px!important;text-align:left!important}.OZSolutionCard h3{font-size:31px!important}.OZSolutionCard p{-webkit-line-clamp:5}.OZFooterNext .OZFooter-brand img{height:64px!important;max-height:64px!important}.OZFooterBottomNext{display:block!important}.OZFooterBottomNext p+p{margin-top:6px!important}} @media(max-width:560px){.OZPrimaryBtn,.OZGhostBtn,.OZFooter-btn,.OZHero-actions a{width:auto!important;max-width:100%!important;white-space:normal!important;padding:0 20px!important}.OZHero-actions{gap:10px!important}.OZSolutionsHead h2{font-size:30px!important}.OZSolutionCard h3{font-size:28px!important}.OZSolutionContent{padding:24px!important}.OZSolutionMedia{min-height:190px}.OZFooterCtaNext h3{font-size:25px!important}.OZFooterCtaNext .OZFooter-btn{width:100%!important}} /* Ozon v3.3 refinements end */ /* ========================================================= Ozon v3.4 compliance-safe frontend layer Scope: OSH-100 / OSH-200 only, no DB/admin changes ========================================================= */ .OZComplianceProduct .OZProductHero-copy h2{color:var(--blue)!important;font-size:clamp(24px,2.4vw,38px)!important;letter-spacing:-1px!important;margin:14px 0 14px!important}.OZComplianceNote{margin-top:22px;padding:16px 18px;border-radius:18px;background:#f7fbff;border:1px solid rgba(32,53,142,.14);color:#596579;font-size:14px;line-height:1.55}.OZSafeIntro{background:linear-gradient(135deg,#ffffff,#f7fbff);border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 18px 44px rgba(17,20,92,.07);margin-bottom:28px}.OZSafeIntro h2{color:var(--blue)!important;font-size:clamp(28px,3vw,44px)!important;letter-spacing:-1.4px!important;margin:0 0 12px!important}.OZSafeIntro p{color:#667085!important;font-size:17px!important;line-height:1.72!important;max-width:920px}.OZSafeSpec{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important;background:transparent!important;border:0!important;box-shadow:none!important}.OZSafeSpec div{display:flex!important;flex-direction:column!important;gap:8px!important;border:1px solid var(--line)!important;border-radius:20px!important;background:#fff!important;padding:20px!important;min-height:130px!important}.OZSafeSpec strong{color:var(--blue)!important;font-size:14px!important;text-transform:uppercase;letter-spacing:.05em}.OZSafeSpec span{color:#667085!important;font-size:16px!important;line-height:1.45}.OZSafeCardText{margin:8px 0 14px!important;color:#667085!important;font-size:14px!important;line-height:1.45!important}.OZComplianceProduct .OZRich p{font-size:17px!important;line-height:1.7!important;color:#667085!important}.OZComplianceProduct .OZProductHero-media{background:linear-gradient(135deg,#fff,#eefafa)!important;border:1px solid var(--line)!important}.OZComplianceProduct .OZProductHero-media img{max-height:430px!important;object-fit:contain!important} @media(max-width:991px){.OZSafeIntro{padding:26px!important}.OZSafeSpec{grid-template-columns:1fr 1fr!important}.OZSafeSpec div{min-height:auto!important}.OZComplianceNote{font-size:13px!important}} @media(max-width:560px){.OZSafeSpec{grid-template-columns:1fr!important}.OZSafeIntro h2{font-size:28px!important}.OZSafeIntro p{font-size:15px!important}} /* Ozon v3.4 compliance-safe frontend layer end */ /* ========================================================= Ozon v3.5 - solutions lab + contact form reliability ========================================================= */ .OZSolutionsLab{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 58%,#eefafa 100%);padding:84px 0 72px;border-top:1px solid rgba(216,226,239,.7);border-bottom:1px solid rgba(216,226,239,.85)} .OZSolutionsLab:before{content:"";position:absolute;inset:auto -220px -260px auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(41,165,168,.18),rgba(41,165,168,0) 68%);pointer-events:none}.OZSolutionsLab:after{content:"";position:absolute;left:-250px;top:-260px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(32,53,142,.12),rgba(32,53,142,0) 70%);pointer-events:none} .OZSolutionsLabHead{position:relative;z-index:2;max-width:960px;margin-bottom:34px}.OZSolutionsLabHead h2{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-2px;color:var(--navy);margin:10px 0 16px}.OZSolutionsLabHead p{max-width:780px;color:#667085;font-size:17px;line-height:1.7;margin:0} .OZSolutionsLabGrid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.OZSolutionTile{position:relative;min-height:520px;border:1px solid rgba(216,226,239,.95);border-radius:30px;background:rgba(255,255,255,.9);box-shadow:0 22px 60px rgba(17,20,92,.09);overflow:hidden;display:flex;flex-direction:column;transition:.25s ease}.OZSolutionTile:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(17,20,92,.15)} .OZSolutionTile.device{background:linear-gradient(145deg,#10165f,#20358e);color:#fff}.OZSolutionTile.supply{background:linear-gradient(145deg,#ffffff,#f7fbff)}.OZSolutionTile.support{background:linear-gradient(145deg,#eefafa,#ffffff)} .OZSolutionTileTop{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}.OZSolutionTileTop span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(32,53,142,.08);color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.OZSolutionTile.device .OZSolutionTileTop span{background:rgba(255,255,255,.14);color:#fff}.OZSolutionTileTop strong{font-size:42px;line-height:1;color:rgba(32,53,142,.10);font-weight:900}.OZSolutionTile.device .OZSolutionTileTop strong{color:rgba(255,255,255,.14)} .OZSolutionTileMedia{height:220px;display:flex;align-items:center;justify-content:center;padding:18px 28px 0}.OZSolutionTileMedia img{max-width:100%;max-height:210px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(17,20,92,.16))}.OZSolutionTile.device .OZSolutionTileMedia img{filter:drop-shadow(0 22px 30px rgba(0,0,0,.28))}.OZSolutionSupportIcon{height:220px;display:flex;align-items:center;justify-content:center}.OZSolutionSupportIcon span{width:132px;height:132px;border-radius:36px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 24px 50px rgba(32,53,142,.18);position:relative}.OZSolutionSupportIcon span:before,.OZSolutionSupportIcon span:after{content:"";position:absolute;background:#fff;border-radius:999px}.OZSolutionSupportIcon span:before{width:62px;height:10px;left:35px;top:44px}.OZSolutionSupportIcon span:after{width:42px;height:10px;left:35px;top:72px;box-shadow:0 28px 0 rgba(255,255,255,.72)} .OZSolutionTileBody{padding:22px 26px 28px;display:flex;flex-direction:column;flex:1}.OZSolutionTileBody h3{font-size:clamp(25px,2.1vw,34px);line-height:1.07;letter-spacing:-1.1px;margin:0 0 14px;color:inherit}.OZSolutionTileBody p{font-size:15.5px;line-height:1.65;margin:0 0 24px;color:#667085;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.OZSolutionTile.device .OZSolutionTileBody p{color:rgba(255,255,255,.78)}.OZSolutionTileBody .OZPrimaryBtn,.OZSolutionTileBody .OZGhostBtn{margin-top:auto;align-self:flex-start}.OZSolutionTile.device .OZPrimaryBtn{background:#fff;color:var(--blue);box-shadow:0 16px 32px rgba(0,0,0,.13)}.OZSolutionActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.OZSolutionActions a{margin-top:0!important} .OZSolutionProcess{position:relative;z-index:2;margin-top:24px;border:1px solid rgba(216,226,239,.95);border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 18px 42px rgba(17,20,92,.06);padding:14px 18px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.OZSolutionProcess span{font-size:13px;font-weight:800;color:var(--blue);letter-spacing:.01em}.OZSolutionProcess i{width:28px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.35} .OZHoneypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important}.OZContactForm .success,.OZContactForm .error{border-radius:18px;padding:14px 16px;margin-bottom:16px;font-weight:700;line-height:1.45}.OZContactForm .success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.OZContactForm .error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.OZForm input,.OZForm textarea{transition:.18s ease}.OZForm input:required:invalid,.OZForm textarea:required:invalid{box-shadow:none} @media(max-width:1120px){.OZSolutionsLabGrid{grid-template-columns:1fr}.OZSolutionTile{min-height:auto;display:grid;grid-template-columns:290px 1fr}.OZSolutionTileTop{position:absolute;left:0;right:0;top:0;z-index:3}.OZSolutionTileMedia,.OZSolutionSupportIcon{height:auto;min-height:300px;padding:62px 24px 24px}.OZSolutionTileBody{justify-content:center;padding:64px 34px 34px}.OZSolutionProcess{border-radius:28px}} @media(max-width:760px){.OZSolutionsLab{padding:54px 0}.OZSolutionsLabHead h2{font-size:31px;letter-spacing:-1.1px}.OZSolutionsLabHead p{font-size:15px}.OZSolutionTile{display:flex;border-radius:24px}.OZSolutionTileTop{position:relative;padding:20px 20px 0}.OZSolutionTileTop strong{font-size:32px}.OZSolutionTileMedia,.OZSolutionSupportIcon{height:190px;min-height:190px;padding:10px 20px 0}.OZSolutionTileMedia img{max-height:170px}.OZSolutionSupportIcon span{width:104px;height:104px;border-radius:28px}.OZSolutionSupportIcon span:before{left:27px;top:35px;width:50px}.OZSolutionSupportIcon span:after{left:27px;top:56px;width:34px;box-shadow:0 22px 0 rgba(255,255,255,.72)}.OZSolutionTileBody{padding:20px}.OZSolutionTileBody h3{font-size:25px}.OZSolutionTileBody p{font-size:14.5px}.OZSolutionProcess{align-items:flex-start;justify-content:flex-start;border-radius:22px;padding:16px}.OZSolutionProcess i{display:none}.OZSolutionProcess span{width:100%;padding-left:18px;position:relative}.OZSolutionProcess span:before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--cyan)}} /* ========================================================= Ozon v3.6 - Solutions Studio redesign ========================================================= */ .OZSolutionStudio{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 52%,#ffffff 100%);padding:86px 0 74px;border-top:1px solid rgba(216,226,239,.65);border-bottom:1px solid rgba(216,226,239,.75)} .OZSolutionStudio:before{content:"";position:absolute;right:-220px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(41,165,168,.15),rgba(41,165,168,0) 68%);pointer-events:none}.OZSolutionStudio:after{content:"";position:absolute;left:-260px;bottom:-260px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(32,53,142,.10),rgba(32,53,142,0) 70%);pointer-events:none} .OZSolutionStudioHead{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:end;margin-bottom:34px}.OZSolutionStudioHead h2{font-size:clamp(34px,4.2vw,58px);line-height:1.02;letter-spacing:-2.2px;color:var(--navy);margin:10px 0 0}.OZSolutionStudioHead p{font-size:17px;line-height:1.72;color:#667085;margin:0 0 4px;max-width:560px} .OZSolutionStudioGrid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;align-items:stretch}.OZSolutionFeature{position:relative;min-height:540px;border-radius:36px;background:linear-gradient(135deg,#142682 0%,#080a3e 100%);box-shadow:0 32px 86px rgba(17,20,92,.16);overflow:hidden;display:grid;grid-template-columns:1fr .9fr;isolation:isolate}.OZSolutionFeature:before{content:"";position:absolute;right:-150px;bottom:-160px;width:430px;height:430px;border-radius:50%;background:rgba(41,165,168,.22);filter:blur(2px);z-index:0}.OZSolutionFeature:after{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.12);border-radius:35px;pointer-events:none;z-index:3}.OZSolutionFeatureCopy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:48px}.OZSolutionFeatureCopy>span,.OZSolutionMiniCard span{display:inline-flex;align-self:flex-start;align-items:center;min-height:30px;border-radius:999px;padding:0 12px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.OZSolutionFeatureCopy>span{background:rgba(255,255,255,.13);color:#fff}.OZSolutionFeatureCopy h3{font-size:clamp(36px,4vw,62px);line-height:.98;letter-spacing:-2.4px;color:#fff;margin:20px 0 16px}.OZSolutionFeatureCopy p{font-size:17px;line-height:1.65;color:rgba(255,255,255,.82);margin:0 0 28px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.OZSolutionFeatureCopy .OZPrimaryBtn{align-self:flex-start;background:#fff!important;color:var(--blue)!important;box-shadow:0 18px 34px rgba(0,0,0,.13)!important}.OZSolutionFeatureVisual{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:44px 38px 44px 0}.OZSolutionFeatureVisual:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.10)}.OZSolutionFeatureVisual img{position:relative;z-index:2;max-width:100%!important;max-height:360px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 26px 34px rgba(0,0,0,.18))} .OZSolutionSide{display:grid;gap:24px}.OZSolutionMiniCard{position:relative;border-radius:30px;background:rgba(255,255,255,.92);border:1px solid rgba(216,226,239,.95);box-shadow:0 22px 62px rgba(17,20,92,.09);padding:30px;display:grid;grid-template-columns:132px 1fr;gap:22px;align-items:center;overflow:hidden}.OZSolutionMiniCard.soft{background:linear-gradient(135deg,#f8fbff,#eefafa)}.OZSolutionMiniCard span{background:#eefafa;color:var(--cyan);margin-bottom:14px}.OZSolutionMiniCard h3{font-size:clamp(23px,2vw,31px);line-height:1.08;letter-spacing:-1px;color:var(--navy);margin:0 0 10px}.OZSolutionMiniCard p{font-size:15.5px;line-height:1.65;color:#667085;margin:0 0 18px}.OZSolutionMiniIcon{height:132px;border-radius:28px;background:linear-gradient(135deg,#eefafa,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(216,226,239,.8)}.OZSolutionMiniIcon img{max-width:88%!important;max-height:118px!important;object-fit:contain!important;margin:0!important;filter:drop-shadow(0 16px 22px rgba(17,20,92,.12))}.OZSolutionMiniIcon.document:before{content:"";width:62px;height:76px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 16px 28px rgba(32,53,142,.18)}.OZSolutionMiniIcon.document:after{content:"";position:absolute;width:34px;height:3px;background:rgba(255,255,255,.84);box-shadow:0 12px 0 rgba(255,255,255,.84),0 24px 0 rgba(255,255,255,.64)}.OZSolutionMiniActions{display:flex;gap:10px;flex-wrap:wrap}.OZSolutionMiniActions .OZPrimaryBtn,.OZSolutionMiniActions .OZGhostBtn{min-width:124px!important;height:42px!important;font-size:13px!important} .OZSolutionFlow{position:relative;z-index:2;margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.OZSolutionFlow div{background:#fff;border:1px solid rgba(216,226,239,.9);border-radius:22px;padding:20px 22px;box-shadow:0 14px 34px rgba(17,20,92,.055)}.OZSolutionFlow strong{display:block;color:var(--navy);font-size:16px;margin-bottom:6px}.OZSolutionFlow span{display:block;color:#667085;font-size:14px;line-height:1.45} @media(max-width:1120px){.OZSolutionStudioHead{grid-template-columns:1fr}.OZSolutionStudioGrid{grid-template-columns:1fr}.OZSolutionFeature{min-height:480px}.OZSolutionSide{grid-template-columns:1fr 1fr}.OZSolutionMiniCard{grid-template-columns:1fr}.OZSolutionMiniIcon{width:132px}} @media(max-width:820px){.OZSolutionStudio{padding:56px 0}.OZSolutionStudioHead h2{font-size:31px;letter-spacing:-1.1px}.OZSolutionStudioHead p{font-size:15px}.OZSolutionFeature{grid-template-columns:1fr;min-height:auto;border-radius:28px}.OZSolutionFeatureVisual{order:1;min-height:220px;padding:30px}.OZSolutionFeatureCopy{order:2;padding:30px}.OZSolutionFeatureCopy h3{font-size:33px;letter-spacing:-1.2px}.OZSolutionFeatureCopy p{font-size:15px}.OZSolutionSide,.OZSolutionFlow{grid-template-columns:1fr}.OZSolutionMiniCard{border-radius:24px;padding:22px}.OZSolutionMiniIcon{height:112px;width:112px;border-radius:24px}.OZSolutionMiniCard h3{font-size:24px}.OZSolutionFlow div{border-radius:18px;padding:17px}} /* v3.6 contact form status */ .OZFormStatus{border-radius:18px;padding:14px 16px;margin-bottom:18px;font-weight:700;line-height:1.45}.OZFormStatus.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.OZFormStatus.error{background:#fff4ed;color:#b42318;border:1px solid #fedf89}.OZFormStatus small{display:block;font-weight:500;margin-top:4px;color:inherit;opacity:.78} /* ========================================================= Ozon v4 product catalog and product detail rebuild ========================================================= */ .OZSolutionFlow a{display:block;color:inherit;text-decoration:none;position:relative;transition:.25s ease}.OZSolutionFlow a:after{content:"→";position:absolute;right:22px;top:22px;color:var(--ozon-blue);font-weight:800;opacity:.7}.OZSolutionFlow a:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(27,20,100,.10)} .OZProductCatalogHero{padding:72px 0 56px!important;background:radial-gradient(circle at top right,rgba(41,165,168,.14),transparent 34%),linear-gradient(135deg,#f7fbff,#eefafa)!important}.OZCatalogHeroGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:40px;align-items:center}.OZProductCatalogHero h1{max-width:780px;font-size:clamp(34px,4.2vw,64px);line-height:1.02;letter-spacing:-2.2px;color:#20358e;margin:10px 0 18px}.OZProductCatalogHero p{max-width:760px;color:#4b5563;font-size:clamp(17px,1.4vw,22px);line-height:1.55}.OZCatalogChips{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.OZCatalogChips a{border:1px solid rgba(32,53,142,.14);background:#fff;border-radius:999px;padding:10px 15px;color:#20358e;font-weight:700;font-size:13px;box-shadow:0 10px 22px rgba(27,20,100,.06)}.OZCatalogTrust{background:#fff;border:1px solid var(--ozon-border);border-radius:28px;padding:28px;box-shadow:var(--ozon-shadow);min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.OZCatalogTrust:before{content:"";width:58px;height:58px;border-radius:18px;display:block;background:linear-gradient(135deg,#20358e,#29a5a8);box-shadow:0 16px 36px rgba(32,53,142,.2)}.OZCatalogTrust strong{display:block;color:#20358e;font-size:22px;line-height:1.1;margin-top:22px}.OZCatalogTrust span{display:block;color:#6b7280;line-height:1.55;margin-top:10px}.OZProductCatalog{padding:54px 0}.OZCatalogSectionHead{margin:18px 0 22px}.OZCatalogGrid{gap:24px!important}.OZCatalogCard{padding:0!important;min-height:auto!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;align-items:stretch!important;text-align:left!important;background:#fff!important}.OZCatalogCard .OZProductImage{min-height:260px;background:linear-gradient(135deg,#f8fbff,#eefafa);display:flex;align-items:center;justify-content:center;padding:22px;border-radius:24px 0 0 24px}.OZCatalogCard .OZProductImage img{max-width:94%!important;max-height:220px!important;margin:0!important;object-fit:contain!important}.OZCatalogCardBody{padding:28px;display:flex;flex-direction:column;min-width:0}.OZCatalogCardBody small{font-weight:800;color:#29a5a8;text-transform:uppercase;letter-spacing:.7px;font-size:11px}.OZCatalogCardBody h2{font-size:clamp(22px,2vw,32px);line-height:1.08;margin:10px 0 12px;color:#20358e;letter-spacing:-.8px}.OZCatalogCardBody p{font-size:15px;color:#6b7280;line-height:1.55;margin:0 0 22px}.OZCardActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.OZCardActions .OZGhostBtn,.OZCardActions .OZPrimaryBtn{min-height:42px;padding:0 18px!important}.OZProductDetailHero{padding:60px 0 46px;background:linear-gradient(135deg,#f8fbff,#fff)}.OZProductDetailHero .OZProductHero-in{gap:56px}.OZProductDetailHero .OZProductHero-copy h1{font-size:clamp(38px,4vw,66px);line-height:1.02;letter-spacing:-2px;color:#20358e;margin:10px 0 12px}.OZProductDetailHero .OZProductHero-copy h2{font-size:clamp(19px,1.5vw,28px);line-height:1.25;color:#1f2937;font-weight:600;margin-bottom:20px}.OZProductDetailHero .OZProductHero-copy .OZPrimaryBtn{margin-top:8px;display:inline-flex}.OZProductDetailHero .OZProductHero-media{background:radial-gradient(circle at 50% 20%,rgba(41,165,168,.16),transparent 42%),#fff;border:1px solid var(--ozon-border);border-radius:34px;padding:34px;box-shadow:var(--ozon-shadow)}.OZProductDetailHero .OZProductHero-media img{max-height:420px;object-fit:contain}.OZProductQuickSpecs{padding:22px 0;background:#fff}.OZProductQuickSpecs .container{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.OZProductQuickSpecs .container>div{background:#f7fbff;border:1px solid var(--ozon-border);border-radius:20px;padding:18px 20px}.OZProductQuickSpecs strong{display:block;color:#20358e;font-size:18px;line-height:1.15}.OZProductQuickSpecs span{display:block;color:#6b7280;font-size:13px;margin-top:6px}.OZProductDetail{padding:52px 0!important}.OZProductDetail .OZRich.intro{background:#fff;border:1px solid var(--ozon-border);border-radius:28px;padding:30px;box-shadow:var(--ozon-shadow-soft);margin-bottom:28px}.OZDetailGrid{gap:28px!important;align-items:start}.OZDetailGrid>.OZRich,.OZDetailGrid>div{background:#fff;border:1px solid var(--ozon-border);border-radius:28px;padding:28px;box-shadow:var(--ozon-shadow-soft)}.OZSectionHead.compact{margin-bottom:16px}.OZSectionHead.compact h2{font-size:28px}.OZSpecTable{overflow:hidden}.OZSpecTable div{border-radius:16px;margin-bottom:8px;border:1px solid rgba(227,232,239,.9);background:#f8fbff}.OZDocuments{background:#f7fbff!important}.OZQuoteBand{padding:38px 0;background:linear-gradient(135deg,#20358e,#07053f);color:#fff}.OZQuoteBand .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.OZQuoteBand .OZEyebrow{color:#9ee5e7}.OZQuoteBand h2{font-size:clamp(26px,2.5vw,42px);line-height:1.05;margin:6px 0 8px;color:#fff}.OZQuoteBand p{color:rgba(255,255,255,.78);max-width:680px}.OZQuoteBand .OZPrimaryBtn{background:#fff!important;color:#20358e!important;white-space:nowrap}.OZQuoteBand .OZPrimaryBtn:hover{color:#20358e!important}.OZQuoteBtn{cursor:pointer}.OZComplianceNote{margin-top:18px!important}.OZRelated{padding-top:48px!important} @media (max-width:991px){.OZCatalogHeroGrid{grid-template-columns:1fr}.OZCatalogTrust{min-height:auto}.OZCatalogCard{grid-template-columns:1fr!important}.OZCatalogCard .OZProductImage{border-radius:24px 24px 0 0;min-height:220px}.OZCatalogCardBody{text-align:left}.OZProductQuickSpecs .container{grid-template-columns:repeat(2,1fr)}.OZQuoteBand .container{flex-direction:column;align-items:flex-start}.OZProductDetailHero .OZProductHero-in{gap:24px}.OZProductDetailHero .OZProductHero-media{padding:22px;border-radius:24px}} @media (max-width:640px){.OZProductCatalogHero{padding:46px 0 36px!important}.OZProductCatalogHero h1{font-size:34px;letter-spacing:-1.1px}.OZCatalogChips a{font-size:12px;padding:9px 12px}.OZProductQuickSpecs .container{grid-template-columns:1fr}.OZCardActions{flex-direction:column}.OZCardActions a{width:100%}.OZQuoteBand .OZPrimaryBtn{width:100%;justify-content:center}.OZProductDetailHero .OZProductHero-copy h1{font-size:34px;letter-spacing:-1.1px}} /* ========================================================= Ozon v4.1 - OSH-200 detail content restoration ========================================================= */ .OZBottleDetail .OZProductHero-copy .OZRich p { max-width: 680px; } .OZBottleQuickSpecs .container div strong { letter-spacing: -0.03em; } .OZBottleStory { padding: clamp(36px, 5vw, 84px) 0; background: linear-gradient(180deg, #ffffff 0%, #f5fbfd 100%); } .OZBottleStoryGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } .OZBottleFeaturePanel, .OZOperationalBox { border: 1px solid rgba(32, 53, 142, .13); border-radius: 30px; padding: clamp(26px, 3vw, 42px); box-shadow: 0 22px 70px rgba(27, 20, 100, .08); background: #fff; } .OZBottleFeaturePanel { background: radial-gradient(circle at 20% 0%, rgba(41,165,168,.20), transparent 34%), linear-gradient(135deg, #1f3192 0%, #11145f 100%); color: #fff; } .OZBottleFeaturePanel.light { background: #ffffff; color: #10154f; } .OZBottleFeaturePanel h2, .OZOperationalBox h2 { margin: 10px 0 20px; font-size: clamp(28px, 2.3vw, 42px); line-height: 1.04; letter-spacing: -0.05em; } .OZBottleFeaturePanel ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; } .OZBottleFeaturePanel li { position: relative; padding-left: 26px; font-size: 16px; line-height: 1.55; } .OZBottleFeaturePanel li:before { content: ""; position: absolute; left: 0; top: .68em; width: 9px; height: 9px; border-radius: 50%; background: #29a5a8; box-shadow: 0 0 0 5px rgba(41,165,168,.15); } .OZBottleFeaturePanel:not(.light) .OZEyebrow, .OZBottleFeaturePanel:not(.light) h2, .OZBottleFeaturePanel:not(.light) li { color: #fff; } .OZOperationalBox { margin-top: 28px; background: linear-gradient(135deg, #ffffff 0%, #eefafa 100%); } .OZOperationalBox p { max-width: 980px; font-size: 17px; line-height: 1.75; color: #566179; margin: 0; } .OZBottleContent .OZDetailGrid { margin-top: 28px; } .OZBottleContent .OZRich.intro { background: #fff; border: 1px solid rgba(32, 53, 142, .10); border-radius: 26px; padding: clamp(22px, 3vw, 34px); box-shadow: 0 14px 45px rgba(27,20,100,.06); } @media (max-width: 991px) { .OZBottleStoryGrid { grid-template-columns: 1fr; } .OZBottleFeaturePanel, .OZOperationalBox { border-radius: 22px; } } /* ========================================================= Ozon v4.2 product gallery and detail polish ========================================================= */ .OZProductGallery{width:100%;display:flex;flex-direction:column;gap:16px;align-items:center} .OZProductGallery-main{width:100%;min-height:360px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:linear-gradient(145deg,#fff,#f5fbff);border:1px solid rgba(32,53,142,.10);box-shadow:0 22px 55px rgba(27,20,100,.10);overflow:hidden;padding:28px} .OZProductGallery-main img{max-width:100%;max-height:430px;object-fit:contain;transition:220ms ease} .OZProductGallery-thumbs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%} .OZProductGallery-thumbs button{width:72px;height:58px;border-radius:16px;border:1px solid rgba(32,53,142,.16);background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;transition:180ms ease;box-shadow:0 10px 24px rgba(27,20,100,.07)} .OZProductGallery-thumbs button img{max-width:100%;max-height:100%;object-fit:contain} .OZProductGallery-thumbs button.active,.OZProductGallery-thumbs button:hover{border-color:#29a5a8;transform:translateY(-2px);box-shadow:0 16px 34px rgba(41,165,168,.16)} .OZProductGallery-thumbs.is-single{display:none} .OZBottleStory .OZBottleFeaturePanel h2{line-height:1.12} .OZBottleContent .OZSectionHead.compact{margin-bottom:18px} .OZBottleContent .OZRich:empty{display:none} @media(max-width:991px){.OZProductGallery-main{min-height:280px;padding:20px;border-radius:24px}.OZProductGallery-main img{max-height:300px}.OZProductGallery-thumbs button{width:62px;height:52px;border-radius:14px}} /* Ozon v4.3 - hidden products and package-ready polish */ .OZProductHidden { display: none !important; } .OZHiddenProductNotice { padding: clamp(90px, 11vw, 150px) 0 clamp(70px, 8vw, 110px); background: linear-gradient(135deg, #f8fbff 0%, #eefafa 100%); border-bottom: 1px solid rgba(32,53,142,.10); } .OZHiddenProductNotice .container { max-width: 860px !important; } .OZHiddenProductNotice h1 { margin-top: 12px; color: var(--ozon-blue, #20358e); font-size: clamp(34px, 5vw, 62px); line-height: 1.02; letter-spacing: -1.8px; } .OZHiddenProductNotice p { margin-top: 18px; max-width: 680px; color: var(--ozon-muted, #667085); font-size: 18px; line-height: 1.65; } .OZHiddenProductNotice .OZPrimaryBtn { margin-top: 28px; display: inline-flex; } /* Ozon v4.4 - Advantage package section */ .OZAdvantagePackages { padding: clamp(44px, 6vw, 84px) 0; background: radial-gradient(circle at 12% 5%, rgba(41,165,168,.11), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f6f9fc 100%); border-top: 1px solid rgba(32,53,142,.08); border-bottom: 1px solid rgba(32,53,142,.08); } .OZPackagesHead { margin-bottom: clamp(24px, 3vw, 38px) !important; } .OZPackagesHead p { max-width: 920px; margin-top: 12px; color: var(--ozon-muted, #667085); font-size: 17px; line-height: 1.7; } .OZPackageGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 30px); } .OZPackageCard { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(190px, 34%) 1fr; min-height: 360px; border: 1px solid rgba(32,53,142,.11); border-radius: 30px; background: rgba(255,255,255,.92); box-shadow: 0 20px 55px rgba(27,20,100,.10); } .OZPackageCard:before { content: ""; position: absolute; inset: auto -10% -45% 45%; height: 260px; background: radial-gradient(circle, rgba(41,165,168,.18), transparent 66%); pointer-events: none; } .OZPackageCard.clinical .OZPackageVisual { background: linear-gradient(145deg, rgba(32,53,142,.14), rgba(41,165,168,.09)); } .OZPackageCard.mobile-use .OZPackageVisual { background: linear-gradient(145deg, rgba(7,5,63,.12), rgba(41,165,168,.13)); } .OZPackageVisual { position: relative; min-height: 100%; display: flex; align-items: center; justify-content: center; padding: 22px; border-right: 1px solid rgba(32,53,142,.09); } .OZPackageVisual span { display: inline-flex; align-items: center; justify-content: center; width: min(170px, 86%); aspect-ratio: 1/1; border-radius: 26px; border: 1px dashed rgba(32,53,142,.26); color: rgba(32,53,142,.58); font-weight: 700; text-align: center; line-height: 1.25; background: rgba(255,255,255,.58); } .OZPackageBody { position: relative; z-index: 2; padding: clamp(24px, 3vw, 38px); display: flex; flex-direction: column; } .OZPackageBody small { display: inline-flex; width: max-content; padding: 7px 12px; border-radius: 999px; color: var(--ozon-blue, #20358e); background: rgba(41,165,168,.10); font-weight: 800; letter-spacing: .02em; text-transform: uppercase; font-size: 11px; } .OZPackageBody h3 { margin-top: 16px; color: var(--ozon-blue, #20358e); font-size: clamp(24px, 2.2vw, 34px); line-height: 1.08; letter-spacing: -.8px; } .OZPackageBody p { margin-top: 12px; color: var(--ozon-muted, #667085); font-size: 15.5px; line-height: 1.65; } .OZPackageBody ul { margin-top: 18px; display: grid; gap: 10px; } .OZPackageBody li { position: relative; padding-left: 24px; color: #2f3747; line-height: 1.45; font-weight: 600; } .OZPackageBody li:before { content: ""; position: absolute; left: 0; top: .58em; width: 8px; height: 8px; border-radius: 50%; background: var(--ozon-cyan, #29a5a8); box-shadow: 0 0 0 4px rgba(41,165,168,.12); } .OZPackageBody .OZPrimaryBtn { margin-top: auto; width: max-content; min-width: 145px; } @media (max-width: 1100px) { .OZPackageGrid { grid-template-columns: 1fr; } } @media (max-width: 680px) { .OZPackageCard { grid-template-columns: 1fr; min-height: 0; } .OZPackageVisual { min-height: 210px; border-right: 0; border-bottom: 1px solid rgba(32,53,142,.09); } .OZPackageBody { padding: 24px 20px 26px; } .OZPackageBody .OZPrimaryBtn { width: 100%; } } /* v4.5 hidden product guard */ .OZProductUnavailable { padding: 96px 0; background: linear-gradient(135deg, #eefafa, #ffffff); border-bottom: 1px solid var(--ozon-border, #e3e8ef); } .OZProductUnavailable h1 { color: var(--ozon-blue, #20358e); max-width: 760px; } .OZProductUnavailable p { color: var(--ozon-muted, #6b7280); max-width: 760px; margin-top: 14px; font-size: 18px; line-height: 1.6; } .OZProductUnavailable .OZCardActions { margin-top: 26px; justify-content: flex-start; } .OZProductCard[data-oz-hidden-product="1"], .swiper-slide[data-oz-hidden-product="1"] { display: none !important; } /* v4.6 package visuals and OSH gallery */ .OZPackageVisual img { display: block; width: 100%; max-width: 285px; max-height: 300px; object-fit: contain; filter: drop-shadow(0 22px 34px rgba(7,5,63,.16)); transition: 240ms ease; } .OZPackageCard:hover .OZPackageVisual img { transform: translateY(-4px) scale(1.02); } .OZPackageCard.mobile-use .OZPackageVisual img { max-width: 330px; max-height: 270px; } .OZPackageCard.clinical .OZPackageVisual img { max-width: 260px; max-height: 315px; } .OZProductGallery-main img[src*="osh-200"] { max-height: 460px; } .OZProductGallery-thumbs button[data-src*="osh-200"] { background: linear-gradient(145deg,#fff,#f8fbff); } @media(max-width:991px){ .OZPackageVisual img { max-height: 240px; } .OZPackageCard.mobile-use .OZPackageVisual img { max-height: 230px; } .OZPackageCard.clinical .OZPackageVisual img { max-height: 250px; } } /* v4.8 product detail and article polish */ .OZProductDetailHero .OZProductHero-copy .OZRich img{display:none!important;} .OZDeviceDetailGrid{align-items:start;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)} .OZUseCasePanel{background:linear-gradient(145deg,#0b1260,#172891);border-radius:30px;padding:34px;color:#fff;box-shadow:0 28px 60px rgba(17,30,87,.16);position:relative;overflow:hidden} .OZUseCasePanel:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:rgba(41,165,168,.28)} .OZUseCasePanel .OZEyebrow{color:#37d5d3}.OZUseCasePanel h2{font-size:32px;line-height:1.08;margin:8px 0 14px;color:#fff}.OZUseCasePanel p{color:rgba(255,255,255,.78);font-size:16px;line-height:1.7;margin-bottom:22px} .OZUseCaseList{display:grid;gap:12px}.OZUseCaseList div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px}.OZUseCaseList strong{display:block;color:#fff;margin-bottom:5px}.OZUseCaseList span{display:block;color:rgba(255,255,255,.76);font-size:14px;line-height:1.55} .OZProfessionalNote{margin-top:22px;border:1px solid rgba(41,165,168,.22);background:linear-gradient(145deg,#f7fffe,#fff);border-radius:20px;padding:16px 18px;color:#5a657d;font-size:14px;line-height:1.6} .OZProductGallery-thumbs button{position:relative;z-index:2} .OZKnowledgeHero p{max-width:760px;color:#69738a;font-size:18px;line-height:1.7;margin:12px 0 0}.OZKnowledgeArchive{background:#fff}.OZKnowledgeGrid{align-items:stretch}.OZKnowledgeCard{display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:#fff;border:1px solid rgba(32,53,142,.10);box-shadow:0 22px 48px rgba(17,30,87,.08);text-decoration:none;color:inherit;transition:220ms ease}.OZKnowledgeCard:hover{transform:translateY(-5px);box-shadow:0 28px 64px rgba(17,30,87,.13)} .OZArticleThumb{height:220px;background:linear-gradient(145deg,#eef8fb,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.OZArticleThumb img{width:100%;height:100%;object-fit:cover}.OZArticleThumb span{font-weight:800;color:#172891}.OZArticleCardBody{padding:24px}.OZArticleCardBody small{display:block;color:#29a5a8;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin-bottom:10px}.OZArticleCardBody h3{font-size:22px;line-height:1.2;color:#12165f;margin:0 0 12px}.OZArticleCardBody p{font-size:15px;line-height:1.65;color:#69738a;margin:0 0 18px}.OZArticleCardBody>span{display:inline-flex;color:#172891;font-weight:800} .OZArticleHero{padding:105px 0 46px;background:linear-gradient(180deg,#f8fcff 0%,#fff 100%)}.OZArticleHero h1{max-width:930px;font-size:clamp(38px,5vw,68px);line-height:1.05;color:#11135f;margin:12px 0 0}.OZArticleDetail{padding:40px 0 90px;background:#fff}.OZArticleDetailLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}.OZArticleContentCard{background:#fff;border:1px solid rgba(32,53,142,.10);border-radius:32px;padding:34px;box-shadow:0 24px 60px rgba(17,30,87,.08)}.OZArticleBanner{width:100%;max-height:430px;object-fit:cover;border-radius:24px;margin-bottom:30px}.OZArticleSide{position:sticky;top:120px;background:#f7fbff;border:1px solid rgba(32,53,142,.10);border-radius:26px;padding:24px}.OZArticleSide h3{font-size:19px;color:#12165f;margin:0 0 16px}.OZArticleRich{font-size:17px;line-height:1.85;color:#3f495c}.OZArticleRich h2{font-size:34px;line-height:1.2;color:#12165f;margin:38px 0 16px}.OZArticleRich h3{font-size:24px;color:#172891;margin:30px 0 12px}.OZArticleRich p{margin:0 0 18px}.OZArticleRich ul,.OZArticleRich ol{padding-left:24px;margin:12px 0 22px}.OZArticleRich li{margin-bottom:8px}.OZArticleRich img{max-width:100%;height:auto;border-radius:22px;margin:18px 0}.OZArticleRich table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:24px 0}.OZArticleRich table td,.OZArticleRich table th{border:1px solid rgba(32,53,142,.12);padding:12px;text-align:left}.OZArticleRich blockquote{border-left:4px solid #29a5a8;background:#f4fbfb;border-radius:0 16px 16px 0;padding:18px 22px;margin:24px 0;color:#12165f} @media(max-width:991px){.OZDeviceDetailGrid,.OZArticleDetailLayout{grid-template-columns:1fr}.OZUseCasePanel{padding:26px;border-radius:24px}.OZUseCasePanel h2{font-size:26px}.OZArticleSide{position:relative;top:auto}.OZArticleContentCard{padding:22px;border-radius:24px}.OZArticleThumb{height:190px}} /* v4.9 OSH image fit and device fallback */ .OZProductGallery-main{isolation:isolate;} .OZProductGallery-main img[src*="images/products/osh-"]{width:100%;max-width:520px;max-height:500px;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(17,30,87,.14));} .OZProductGallery-thumbs button[data-src*="images/products/osh-"]{background:#fff;} .OZProductGallery-thumbs button[data-src*="images/products/osh-"] img{width:100%;height:100%;object-fit:contain;} .OZCatalogCard .OZProductImage img[src*="images/products/osh-"]{object-fit:contain;max-width:82%;max-height:82%;padding:10px;filter:drop-shadow(0 18px 28px rgba(17,30,87,.12));} .OZProductCard.small .OZProductImage img[src*="images/products/osh-"]{object-fit:contain;max-width:86%;max-height:86%;padding:8px;} .OZUseCasePanelInjected{min-height:100%;} .OZDeviceDetailGrid > .OZUseCasePanelInjected + div{min-width:0;} @media(max-width:991px){.OZProductGallery-main img[src*="images/products/osh-"]{max-height:340px}.OZCatalogCard .OZProductImage img[src*="images/products/osh-"]{max-height:230px}} /* v5.0 polish: OSH gallery, homepage solution bottle, footer icons, device detail reliability */ .OZSolutionMediaBottle img{max-height:300px!important;object-fit:contain!important;filter:drop-shadow(0 22px 30px rgba(17,30,87,.12));} .OZBottleDetail .OZProductHero-media, .OZComplianceProduct.OZBottleDetail .OZProductHero-media{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;} .OZBottleDetail .OZProductGallery, .OZComplianceProduct.OZBottleDetail .OZProductGallery{gap:18px!important;} .OZBottleDetail .OZProductGallery-main, .OZComplianceProduct.OZBottleDetail .OZProductGallery-main{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;min-height:0!important;} .OZBottleDetail .OZProductGallery-main img, .OZComplianceProduct.OZBottleDetail .OZProductGallery-main img{filter:drop-shadow(0 24px 34px rgba(17,30,87,.12));} .OZBottleDetail .OZProductGallery-thumbs, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs{gap:12px!important;} .OZBottleDetail .OZProductGallery-thumbs button, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button{width:72px!important;height:72px!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;border-radius:16px!important;overflow:hidden!important;transform:none!important;} .OZBottleDetail .OZProductGallery-thumbs button img, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:16px!important;background:transparent!important;display:block!important;} .OZBottleDetail .OZProductGallery-thumbs button.active, .OZBottleDetail .OZProductGallery-thumbs button:hover, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button.active, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button:hover{box-shadow:0 0 0 2px #2b63d9 inset, 0 10px 22px rgba(17,30,87,.08)!important;background:#fff!important;} .OZBottleDetail .OZProductGallery-thumbs button.active img, .OZBottleDetail .OZProductGallery-thumbs button:hover img, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button.active img, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button:hover img{border-radius:14px!important;} .OZUseCasePanel, .OZUseCasePanelInjected{display:block!important;position:relative!important;z-index:1!important;min-height:100%!important;background:linear-gradient(145deg,#0b1260,#172891)!important;border-radius:30px!important;padding:34px!important;color:#fff!important;box-shadow:0 28px 60px rgba(17,30,87,.16)!important;overflow:hidden!important;} .OZUseCasePanel>* , .OZUseCasePanelInjected>*{position:relative;z-index:2;} .OZUseCasePanel .OZEyebrow, .OZUseCasePanelInjected .OZEyebrow{color:#37d5d3!important;display:inline-flex!important;} .OZUseCasePanel .OZEyebrow:before, .OZUseCasePanelInjected .OZEyebrow:before{background:#37d5d3!important;} .OZUseCasePanel h2, .OZUseCasePanelInjected h2{display:block!important;font-size:32px!important;line-height:1.08!important;margin:8px 0 14px!important;color:#fff!important;} .OZUseCasePanel p, .OZUseCasePanelInjected p{display:block!important;color:rgba(255,255,255,.82)!important;font-size:16px!important;line-height:1.7!important;margin:0 0 22px!important;} .OZUseCasePanel .OZUseCaseList, .OZUseCasePanelInjected .OZUseCaseList{display:grid!important;gap:12px!important;} .OZUseCasePanel .OZUseCaseList div, .OZUseCasePanelInjected .OZUseCaseList div{display:block!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;padding:16px!important;} .OZUseCasePanel .OZUseCaseList strong, .OZUseCasePanelInjected .OZUseCaseList strong{display:block!important;color:#fff!important;margin-bottom:5px!important;} .OZUseCasePanel .OZUseCaseList span, .OZUseCasePanelInjected .OZUseCaseList span{display:block!important;color:rgba(255,255,255,.78)!important;font-size:14px!important;line-height:1.55!important;padding:0!important;background:none!important;} .OZDeviceDetailGrid{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:32px!important;align-items:start!important;} .OZSocial{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;} .OZSocialLink{width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:.25s ease!important;} .OZSocialLink:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.16)!important;} .OZSocialLink svg{width:18px!important;height:18px!important;display:block!important;fill:currentColor!important;color:#fff!important;} @media(max-width:991px){ .OZBottleDetail .OZProductGallery-thumbs button, .OZComplianceProduct.OZBottleDetail .OZProductGallery-thumbs button{width:64px!important;height:64px!important;} .OZDeviceDetailGrid{grid-template-columns:1fr!important;} .OZUseCasePanel h2, .OZUseCasePanelInjected h2{font-size:26px!important;} } /* v5.1 static hero slider and solutions restore */ .OZHeroStatic{background:linear-gradient(180deg,#f8fcff 0%,#ffffff 100%);position:relative;overflow:hidden} .OZHeroStatic .swiper-container{height:min(760px,calc(100vh - 120px));min-height:600px;position:relative} .OZStaticSlide{background:radial-gradient(circle at 82% 38%,rgba(41,165,168,.18),transparent 33%),linear-gradient(135deg,#fff,#eefafa);background-image:none!important} .OZStaticSlide:before{display:none!important} .OZStaticSlide .OZHero-content{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,46%);gap:54px;align-items:center} .OZStaticSlide .OZHero-copy{max-width:660px;text-align:left;margin:0} .OZStaticSlide .OZHero-copy h1{font-size:clamp(46px,5vw,78px);line-height:.96;letter-spacing:-3px;color:#11135f;margin:18px 0} .OZStaticSlide .OZHero-copy p{font-size:clamp(18px,1.55vw,24px);line-height:1.55;color:#39445c;max-width:650px;margin:0 0 28px} .OZHeroVisual{display:flex;align-items:center;justify-content:center;min-height:420px;border-radius:40px;background:rgba(255,255,255,.56);border:1px solid rgba(32,53,142,.08);box-shadow:0 30px 90px rgba(17,30,87,.08);padding:42px} .OZHeroVisual img{max-width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 26px 34px rgba(17,30,87,.12))} .OZStaticSlide--partnership .OZHeroVisual{background:transparent;border:none;box-shadow:none} .OZStaticSlide--partnership .OZHeroVisual img{max-height:300px;filter:none} .OZStaticSlide--bottle .OZHeroVisual{background:linear-gradient(145deg,#fff,#f8fbff)} .OZStaticSlide--bottle .OZHeroVisual img{max-height:480px} .OZStaticSlide--device .OZHeroVisual img{max-height:380px} .OZSliderSideControls{position:absolute;right:calc((100vw - 1280px)/2 + 28px);top:50%;z-index:20;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%)} .OZSliderSideControls button{width:50px;height:50px;border-radius:50%;border:1px solid rgba(32,53,142,.16);background:rgba(255,255,255,.86);box-shadow:0 18px 36px rgba(17,30,87,.10);cursor:pointer;position:relative;transition:.25s ease} .OZSliderSideControls button:hover{transform:translateY(-2px);background:#fff} .OZSliderSideControls button:before{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;border-top:2px solid #172891;border-right:2px solid #172891} .OZSliderPrev:before{transform:rotate(-135deg);left:4px} .OZSliderNext:before{transform:rotate(45deg);right:4px} .OZSolutionsInfoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px} .OZSolutionInfoBox{display:block;background:#fff;border:1px solid rgba(32,53,142,.10);border-radius:22px;padding:22px;box-shadow:0 18px 42px rgba(17,30,87,.07);transition:.25s ease} .OZSolutionInfoBox:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(17,30,87,.11)} .OZSolutionInfoBox strong{display:block;color:#172891;font-size:18px;margin-bottom:8px} .OZSolutionInfoBox span{display:block;color:#69738a;font-size:14px;line-height:1.55} @media(max-width:1320px){.OZSliderSideControls{right:26px}} @media(max-width:991px){.OZHeroStatic .swiper-container{height:auto;min-height:0}.OZStaticSlide .OZHero-content{grid-template-columns:1fr;gap:24px;padding:54px 0 86px}.OZStaticSlide .OZHero-copy{text-align:center;margin:auto}.OZStaticSlide .OZHero-copy h1{font-size:38px;letter-spacing:-1.4px}.OZHeroVisual{min-height:250px;padding:24px;border-radius:28px}.OZHeroVisual img{max-height:250px}.OZSliderSideControls{right:50%;top:auto;bottom:20px;transform:translateX(50%);flex-direction:row}.OZSolutionsInfoGrid{grid-template-columns:1fr}} /* v5.2 slider dots + article archive rebuild + helper products */ .OZSliderSideControls{display:none!important} .OZHeroStatic #Slider{position:relative!important;overflow:hidden!important} .OZSliderDots.swiper-pagination{position:absolute!important;left:50%!important;right:auto!important;bottom:28px!important;transform:translateX(-50%)!important;z-index:8!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:auto!important;height:auto!important} .OZSliderDots .swiper-pagination-bullet{width:10px!important;height:10px!important;margin:0!important;border-radius:999px!important;background:rgba(17,30,87,.24)!important;opacity:1!important;transition:260ms ease!important} .OZSliderDots .swiper-pagination-bullet-active{width:34px!important;background:linear-gradient(135deg,var(--blue),var(--cyan))!important;box-shadow:0 8px 18px rgba(36,168,170,.22)!important} .OZStaticSlide--partnership .OZHeroVisual img{max-width:min(520px,42vw)!important;width:100%!important;filter:drop-shadow(0 24px 42px rgba(17,30,87,.10))!important} .OZStaticSlide--partnership .OZHeroVisual{display:flex!important;align-items:center!important;justify-content:center!important} .OZKnowledgeHero{padding:74px 0 54px!important;background:radial-gradient(circle at 85% 12%,rgba(36,168,170,.16),transparent 30%),linear-gradient(180deg,#f8fcff 0%,#fff 100%)!important;border-bottom:1px solid rgba(216,226,239,.82)!important} .OZKnowledgeHero h1{max-width:840px!important;font-size:clamp(42px,5vw,72px)!important;line-height:.98!important;letter-spacing:-2.5px!important;margin:14px 0 10px!important;color:#11135f!important} .OZKnowledgeHero p{max-width:760px!important;color:#69738a!important;font-size:18px!important;line-height:1.7!important;margin:12px 0 0!important} .OZKnowledgeArchive{padding:58px 0 88px!important;background:#fff!important} .OZKnowledgeArchive .OZBannerImage{width:100%!important;height:260px!important;object-fit:cover!important;border-radius:28px!important;margin:0 0 34px!important;display:block!important;box-shadow:0 18px 46px rgba(17,30,87,.08)!important} .OZKnowledgeGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important} .OZKnowledgeCard{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;overflow:hidden!important;border-radius:30px!important;background:#fff!important;border:1px solid rgba(32,53,142,.11)!important;box-shadow:0 18px 44px rgba(17,30,87,.075)!important;text-decoration:none!important;color:inherit!important;transition:220ms ease!important} .OZKnowledgeCard:hover{transform:translateY(-6px)!important;box-shadow:0 28px 64px rgba(17,30,87,.13)!important} .OZArticleThumb{height:210px!important;min-height:210px!important;background:linear-gradient(145deg,#eef8fb,#fff)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border-bottom:1px solid rgba(216,226,239,.72)!important} .OZArticleThumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .OZArticleThumb span,.OZImageMissing span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#172891!important;font-weight:800!important;letter-spacing:.02em!important;background:radial-gradient(circle at 60% 30%,rgba(36,168,170,.16),transparent 32%),linear-gradient(135deg,#eefafa,#f8fbff)!important} .OZArticleCardBody{padding:24px!important;display:flex!important;flex-direction:column!important;flex:1!important} .OZArticleCardBody small{display:block!important;color:#29a5a8!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;font-size:12px!important;margin-bottom:10px!important} .OZArticleCardBody h3{font-size:22px!important;line-height:1.22!important;color:#12165f!important;margin:0 0 12px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:54px!important} .OZArticleCardBody p{font-size:15px!important;line-height:1.65!important;color:#69738a!important;margin:0 0 18px!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;min-height:98px!important} .OZArticleCardBody>span{margin-top:auto!important;display:inline-flex!important;color:#172891!important;font-weight:800!important} .OZArticleCardBody>span:after{content:' →';margin-left:6px} .OZArticleHero{padding:95px 0 46px!important;background:linear-gradient(180deg,#f8fcff 0%,#fff 100%)!important} .OZArticleHero h1{max-width:930px!important;font-size:clamp(38px,5vw,68px)!important;line-height:1.05!important;color:#11135f!important;margin:12px 0 0!important} .OZArticleDetail{padding:40px 0 90px!important;background:#fff!important} .OZArticleDetailLayout{display:grid!important;grid-template-columns:minmax(0,1fr) 320px!important;gap:34px!important;align-items:start!important} .OZArticleContentCard{background:#fff!important;border:1px solid rgba(32,53,142,.10)!important;border-radius:32px!important;padding:34px!important;box-shadow:0 24px 60px rgba(17,30,87,.08)!important} .OZArticleBanner{width:100%!important;max-height:430px!important;object-fit:cover!important;border-radius:24px!important;margin-bottom:30px!important} .OZArticleSide{position:sticky!important;top:120px!important;background:#f7fbff!important;border:1px solid rgba(32,53,142,.10)!important;border-radius:26px!important;padding:24px!important} .OZArticleRich{font-size:17px!important;line-height:1.85!important;color:#3f495c!important} .OZArticleRich h2{font-size:34px!important;line-height:1.2!important;color:#12165f!important;margin:38px 0 16px!important} .OZArticleRich h3{font-size:24px!important;color:#172891!important;margin:30px 0 12px!important} .OZArticleRich p{margin:0 0 18px!important} .OZArticleRich img{max-width:100%!important;height:auto!important;border-radius:22px!important;margin:18px 0!important} .OZHelperProductHero .OZProductHero-media{background:linear-gradient(145deg,#f8fbff,#eefafa)!important;border:1px solid rgba(32,53,142,.10)!important;border-radius:34px!important;padding:28px!important;box-shadow:0 24px 60px rgba(17,30,87,.08)!important} .OZHelperVisual{min-height:360px;display:flex;align-items:center;justify-content:center}.OZHelperVisual img{max-height:430px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(17,30,87,.12))} .OZHelperInfo{padding:0 0 72px;background:#fff}.OZHelperInfoCard{border-radius:32px;background:linear-gradient(145deg,#f8fbff,#fff);border:1px solid rgba(32,53,142,.10);box-shadow:0 18px 46px rgba(17,30,87,.08);padding:32px}.OZHelperInfoCard h2{font-size:36px;color:#11135f;margin:10px 0}.OZHelperInfoCard p{max-width:820px;font-size:17px;line-height:1.7;color:#5f6b80}.OZHelperBulletGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.OZHelperBulletGrid div{border-radius:18px;background:#fff;border:1px solid rgba(32,53,142,.10);padding:18px;color:#172891}.OZHelperProductCard .OZProductImage img{object-fit:contain!important;padding:18px!important;background:transparent!important}.OZHelperProductCard .OZProductImage{background:linear-gradient(145deg,#f8fbff,#eefafa)!important} @media(max-width:991px){ .OZSliderDots.swiper-pagination{bottom:18px!important}.OZStaticSlide--partnership .OZHeroVisual img{max-width:300px!important}.OZKnowledgeGrid{grid-template-columns:1fr!important}.OZKnowledgeArchive .OZBannerImage{height:190px!important;border-radius:22px!important}.OZArticleThumb{height:190px!important;min-height:190px!important}.OZArticleCardBody h3,.OZArticleCardBody p{min-height:auto!important}.OZArticleDetailLayout{grid-template-columns:1fr!important}.OZArticleSide{position:relative!important;top:auto!important}.OZArticleContentCard{padding:22px!important;border-radius:24px!important}.OZHelperBulletGrid{grid-template-columns:1fr!important}.OZHelperVisual{min-height:260px}.OZHeroStatic #Slider .OZHeroVisual{pointer-events:none!important} } /* v5.3 article archive compact + mobile slider polish */ .OZKnowledgeArchive{padding:34px 0 76px!important;background:#fff!important} .OZKnowledgeArchive .OZBannerImage{display:none!important} .OZKnowledgeGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:start!important} .OZKnowledgeCard{border-radius:22px!important;box-shadow:0 12px 30px rgba(17,30,87,.055)!important;border:1px solid rgba(32,53,142,.10)!important;min-height:0!important;height:auto!important;background:#fff!important;overflow:hidden!important} .OZKnowledgeCard:hover{transform:translateY(-4px)!important;box-shadow:0 20px 46px rgba(17,30,87,.10)!important} .OZKnowledgeCard .OZArticleThumb{height:150px!important;min-height:150px!important;border-bottom:1px solid rgba(216,226,239,.70)!important;background:linear-gradient(145deg,#f4fbff,#eefafa)!important} .OZKnowledgeCard .OZArticleThumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .OZKnowledgeCard .OZArticleCardBody{padding:16px 17px 18px!important;display:block!important;min-height:0!important;flex:initial!important} .OZKnowledgeCard .OZArticleCardBody small, .OZKnowledgeCard .OZArticleCardBody p, .OZKnowledgeCard .OZArticleCardBody>span{display:none!important} .OZKnowledgeCard .OZArticleCardBody h3{font-size:18px!important;line-height:1.28!important;letter-spacing:-.25px!important;color:#11135f!important;margin:0!important;min-height:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} .OZKnowledgeCard .OZImageMissing span, .OZKnowledgeCard .OZArticleThumb span{font-size:14px!important;min-height:150px!important} @media(min-width:992px) and (max-width:1180px){ .OZKnowledgeGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:991px){ .OZHeroStatic .swiper-container{height:auto!important;min-height:0!important;max-height:none!important} .OZStaticSlide{min-height:560px!important;padding:24px 0 74px!important;background:linear-gradient(180deg,#f7fcff 0%,#fff 100%)!important} .OZStaticSlide .OZHero-content{display:flex!important;flex-direction:column!important;gap:18px!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;height:auto!important;min-height:0!important} .OZStaticSlide .OZHero-copy{order:2!important;text-align:center!important;max-width:100%!important;margin:0 auto!important;padding:0 4px!important} .OZStaticSlide .OZHero-copy h1{font-size:30px!important;line-height:1.02!important;letter-spacing:-1.1px!important;margin:10px 0 10px!important} .OZStaticSlide .OZHero-copy p{font-size:14px!important;line-height:1.55!important;max-width:100%!important;margin:0 auto 18px!important;color:#4c5870!important} .OZStaticSlide .OZHero-actions{justify-content:center!important} .OZStaticSlide .OZHeroVisual{order:1!important;width:100%!important;min-height:190px!important;max-height:230px!important;border-radius:24px!important;padding:16px!important;background:rgba(255,255,255,.72)!important;box-shadow:0 18px 48px rgba(17,30,87,.07)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:4px!important} .OZStaticSlide .OZHeroVisual img{max-height:190px!important;width:auto!important;max-width:88%!important;object-fit:contain!important} .OZStaticSlide--partnership .OZHeroVisual{background:transparent!important;border:none!important;box-shadow:none!important;min-height:145px!important;max-height:170px!important;padding:10px!important} .OZStaticSlide--partnership .OZHeroVisual img{max-width:300px!important;max-height:135px!important;width:100%!important} .OZStaticSlide--bottle .OZHeroVisual img{max-height:210px!important} .OZStaticSlide--device .OZHeroVisual img{max-height:185px!important} .OZSliderDots.swiper-pagination{bottom:20px!important;gap:8px!important} .OZSliderDots .swiper-pagination-bullet{width:8px!important;height:8px!important} .OZSliderDots .swiper-pagination-bullet-active{width:28px!important} .OZKnowledgeHero{padding:46px 0 28px!important} .OZKnowledgeHero h1{font-size:34px!important;letter-spacing:-1.2px!important} .OZKnowledgeHero p{font-size:15px!important;line-height:1.55!important} .OZKnowledgeArchive{padding:26px 0 54px!important} .OZKnowledgeGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} .OZKnowledgeCard{border-radius:18px!important} .OZKnowledgeCard .OZArticleThumb{height:112px!important;min-height:112px!important} .OZKnowledgeCard .OZArticleCardBody{padding:12px 12px 14px!important} .OZKnowledgeCard .OZArticleCardBody h3{font-size:15px!important;line-height:1.25!important} } /* v5.5 fixed compact article list - template-safe */ .OZArticleListHero{padding:78px 0 52px!important;background:linear-gradient(180deg,#f6fbff 0%,#fff 100%)!important;border-bottom:1px solid rgba(20,40,120,.08)!important;} .OZArticleListHero h1{margin:8px 0 12px!important;} .OZArticleListCompact{padding:56px 0 86px!important;background:#fff!important;} .OZArticleMiniGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;align-items:start!important;} .OZArticleMiniCard{display:block!important;text-decoration:none!important;background:#fff!important;border:1px solid rgba(17,30,87,.10)!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 18px 45px rgba(17,30,87,.07)!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;} .OZArticleMiniCard:hover{transform:translateY(-4px)!important;box-shadow:0 28px 65px rgba(17,30,87,.12)!important;border-color:rgba(28,167,176,.35)!important;} .OZArticleMiniImage{height:168px!important;background:linear-gradient(135deg,#eefcff,#f8fbff)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;} .OZArticleMiniImage img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;} .OZArticleMiniImage span{font-weight:700!important;color:#18238a!important;font-size:14px!important;} .OZArticleMiniCard h3{font-size:20px!important;line-height:1.18!important;margin:0!important;padding:18px 18px 22px!important;color:#0b1260!important;min-height:84px!important;display:flex!important;align-items:center!important;} @media(max-width:1199px){.OZArticleMiniGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}} @media(max-width:767px){.OZArticleListHero{padding:38px 0 28px!important}.OZArticleListCompact{padding:28px 0 56px!important}.OZArticleMiniGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.OZArticleMiniImage{height:116px!important}.OZArticleMiniCard{border-radius:18px!important}.OZArticleMiniCard h3{font-size:15px!important;line-height:1.2!important;padding:13px!important;min-height:70px!important}} @media(max-width:420px){.OZArticleMiniGrid{grid-template-columns:1fr!important}.OZArticleMiniImage{height:150px!important}} /* v5.6 admin product fields + safe mobile polish */ .OZAvailabilityBadge{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:9px 14px;border-radius:999px;background:rgba(36,168,170,.10);border:1px solid rgba(36,168,170,.24);color:var(--blue);font-size:13px;line-height:1.2} .OZAvailabilityBadge span{color:var(--muted);font-weight:700} .OZAvailabilityBadge strong{color:var(--blue);font-weight:800} .OZCertificationPanel{padding:50px 0;background:#f8fbff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .OZCertificationPanel .OZSectionHead.compact{margin-bottom:20px} .OZCertificationPanel .OZSectionHead.compact h2{font-size:clamp(26px,3vw,40px)} .OZCertGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .OZCertGrid>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow2)} .OZCertGrid>div.wide{grid-column:1/-1} .OZCertGrid small{display:block;color:var(--cyan);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px;margin-bottom:8px} .OZCertGrid strong{display:block;color:var(--navy);font-size:20px;line-height:1.25} .OZCertGrid .OZRich{font-size:15px;line-height:1.65;color:var(--muted)} .OZStaticSlide--partnership .OZHeroVisual img{max-width:min(520px,46vw)!important;max-height:330px!important;width:100%;object-fit:contain;filter:drop-shadow(0 26px 40px rgba(17,30,87,.10))} @media(max-width:991px){ .OZStaticSlide--partnership .OZHeroVisual img{max-width:min(84vw,360px)!important;max-height:210px!important} .OZCertGrid{grid-template-columns:1fr} .OZMiniProductGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} .OZMiniProduct{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;text-align:center!important;gap:10px!important;padding:14px 10px!important;min-height:150px!important;border-radius:18px!important} .OZMiniProduct img{width:54px!important;height:54px!important;flex:0 0 auto!important;margin:0 auto!important} .OZMiniProduct strong{font-size:14px!important;line-height:1.15!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--blue)!important} .OZMiniProduct small{font-size:11px!important;line-height:1.2!important;display:block!important;color:var(--muted)!important} } @media(max-width:420px){ .OZMiniProductGrid{grid-template-columns:1fr 1fr!important} .OZMiniProduct{min-height:142px!important;padding:12px 8px!important} .OZMiniProduct strong{font-size:13px!important} } /* v5.7 emergency article content restore */ .OZArticleContentCard--textFirst .OZArticleBanner{display:none!important;} .OZArticleContentCard--textFirst .OZArticleRich:empty:before{content:"Makale içeriği admin panelinde kayıtlı değil veya boş görünüyor.";display:block;color:#667085;font-size:16px;line-height:1.6;background:#f7fbff;border:1px solid rgba(32,53,142,.10);border-radius:18px;padding:18px;} .OZArticleMiniImage{position:relative;overflow:hidden;} .OZArticleMiniImage.is-broken:before{content:"Ozon Sağlık";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#20358e;font-weight:800;background:linear-gradient(135deg,#eefafa,#f7fbff);letter-spacing:.01em;} .OZArticleMiniImage img{width:100%;height:100%;object-fit:cover;display:block;} /* v5.8 - Biozon x Ozon partnership logo final sizing */ .OZStaticSlide--partnership .OZHero-content{ grid-template-columns:minmax(0,0.86fr) minmax(520px,1.14fr)!important; gap:72px!important; } .OZStaticSlide--partnership .OZHeroVisual{ min-height:500px!important; padding:12px!important; overflow:visible!important; background:transparent!important; border:none!important; box-shadow:none!important; } .OZStaticSlide--partnership .OZHeroVisual img{ width:min(760px,52vw)!important; max-width:none!important; max-height:430px!important; object-fit:contain!important; filter:drop-shadow(0 26px 40px rgba(17,30,87,.10))!important; } @media(max-width:991px){ .OZStaticSlide--partnership .OZHero-content{ grid-template-columns:1fr!important; gap:18px!important; } .OZStaticSlide--partnership .OZHeroVisual{ min-height:165px!important; max-height:205px!important; padding:8px!important; } .OZStaticSlide--partnership .OZHeroVisual img{ width:min(420px,88vw)!important; max-width:88vw!important; max-height:170px!important; } } @media(max-width:575px){ .OZStaticSlide--partnership .OZHeroVisual{ min-height:135px!important; max-height:170px!important; } .OZStaticSlide--partnership .OZHeroVisual img{ width:min(330px,84vw)!important; max-height:130px!important; } } /* v5.10 - Extra static sliders, compact and consistent with existing hero system */ .OZStaticSlide--connect, .OZStaticSlide--renewed{ background:radial-gradient(circle at 82% 38%,rgba(41,165,168,.15),transparent 33%),linear-gradient(135deg,#fff,#eefafa)!important; } .OZStaticSlide--connect .OZHero-content, .OZStaticSlide--renewed .OZHero-content{ grid-template-columns:minmax(0,1fr) minmax(360px,46%)!important; gap:54px!important; } .OZHeroVisual--connectSimple, .OZHeroVisual--renewedSimple{ min-height:420px!important; max-height:460px!important; background:rgba(255,255,255,.58)!important; border:1px solid rgba(32,53,142,.08)!important; box-shadow:0 30px 90px rgba(17,30,87,.08)!important; overflow:hidden!important; } .OZHeroVisual--connectSimple .OZConnectLogo{ width:min(480px,88%)!important; max-height:300px!important; object-fit:contain!important; filter:drop-shadow(0 24px 36px rgba(17,30,87,.10))!important; } .OZRenewedSimple{ width:min(480px,100%); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,251,255,.96)); border:1px solid rgba(32,53,142,.09); box-shadow:0 18px 54px rgba(17,30,87,.08); padding:22px; } .OZRenewedSimpleTop{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:14px; border-bottom:1px solid rgba(32,53,142,.08); color:#11135f; font-weight:900; } .OZRenewedSimpleTop small{ color:#29a5a8; background:rgba(41,165,168,.10); padding:8px 12px; border-radius:999px; font-size:12px; white-space:nowrap; } .OZRenewedSimpleHero{ margin:18px 0; min-height:110px; display:flex; align-items:center; border-radius:22px; padding:22px; background:radial-gradient(circle at 86% 22%,rgba(41,165,168,.16),transparent 34%),linear-gradient(135deg,#eefafa,#fff); } .OZRenewedSimpleHero strong{ color:#11135f; font-size:25px; line-height:1.12; letter-spacing:-.6px; } .OZRenewedSimpleGrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .OZRenewedSimpleGrid span{ min-height:58px; display:flex; align-items:center; border-radius:16px; padding:12px 14px; background:#fff; border:1px solid rgba(32,53,142,.08); color:#172891; font-weight:800; font-size:13px; line-height:1.2; box-shadow:0 12px 28px rgba(17,30,87,.055); } @media(max-width:991px){ .OZStaticSlide--connect .OZHero-content, .OZStaticSlide--renewed .OZHero-content{ grid-template-columns:1fr!important; gap:18px!important; } .OZHeroVisual--connectSimple, .OZHeroVisual--renewedSimple{ min-height:190px!important; max-height:230px!important; padding:16px!important; border-radius:24px!important; background:rgba(255,255,255,.72)!important; } .OZHeroVisual--connectSimple .OZConnectLogo{ width:min(360px,86vw)!important; max-height:170px!important; } .OZRenewedSimple{ width:min(360px,100%)!important; border-radius:20px!important; padding:14px!important; } .OZRenewedSimpleTop{font-size:13px;padding-bottom:10px} .OZRenewedSimpleTop small{font-size:10px;padding:6px 8px} .OZRenewedSimpleHero{min-height:64px;margin:10px 0;padding:14px;border-radius:16px} .OZRenewedSimpleHero strong{font-size:17px;line-height:1.15} .OZRenewedSimpleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .OZRenewedSimpleGrid span{min-height:38px;border-radius:12px;padding:8px 10px;font-size:11px} } @media(max-width:575px){ .OZStaticSlide--connect .OZHero-copy h1, .OZStaticSlide--renewed .OZHero-copy h1{font-size:29px!important;line-height:1.05!important;} .OZStaticSlide--connect .OZHero-copy p, .OZStaticSlide--renewed .OZHero-copy p{font-size:13px!important;line-height:1.5!important;} .OZStaticSlide--connect .OZPrimaryBtn{font-size:13px!important;padding:12px 16px!important;} .OZHeroVisual--renewedSimple{min-height:205px!important;max-height:245px!important;} } /* v5.11 Corporate Pages Polish */ .CorporateHero { position: relative; overflow: hidden; padding: 105px 0 44px; background: radial-gradient(circle at 78% 18%, rgba(35, 171, 184, 0.14), transparent 34%), linear-gradient(135deg, #f7fbff 0%, #eef8fb 50%, #ffffff 100%); border-bottom: 1px solid rgba(22, 52, 119, 0.08); } .CorporateHero:before { content: ""; position: absolute; right: -120px; top: -140px; width: 440px; height: 440px; border-radius: 50%; background: rgba(35, 171, 184, 0.08); } .CorporateHero:after { content: ""; position: absolute; left: 8%; bottom: -85px; width: 260px; height: 260px; border-radius: 50%; background: rgba(21, 46, 126, 0.04); } .CorporateHero .container { position: relative; z-index: 1; } .CorporateHero-breadcrumb { margin-bottom: 24px; } .CorporateHero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr); gap: 34px; align-items: stretch; } .SectionLabel { position: relative; display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; color: #21a9b5; font-size: 13px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; } .SectionLabel:before { content: ""; width: 28px; height: 2px; border-radius: 4px; background: currentColor; } .CorporateHero-copy h1 { max-width: 840px; margin: 0; color: #111a68; font-size: clamp(38px, 5vw, 72px); line-height: 0.98; letter-spacing: -0.055em; font-weight: 700; } .CorporateHero-copy p { max-width: 760px; margin: 24px 0 0; color: #62708b; font-size: 19px; line-height: 1.72; } .CorporateHero-card { align-self: center; padding: 34px; min-height: 250px; border: 1px solid rgba(22, 52, 119, 0.1); border-radius: 28px; background: rgba(255, 255, 255, 0.74); box-shadow: 0 24px 70px rgba(16, 37, 88, 0.08); backdrop-filter: blur(8px); } .CorporateHero-card--mini { min-height: 190px; } .CorporateHero-card-icon { display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; margin-bottom: 20px; border-radius: 22px; color: #fff; background: linear-gradient(135deg, #111a68, #22aeba); font-weight: 800; letter-spacing: -0.04em; } .CorporateHero-card h3 { margin: 0 0 14px; color: #111a68; font-size: 28px; line-height: 1.18; letter-spacing: -0.04em; } .CorporateHero-card p { margin: 0; color: #6b7790; font-size: 16px; line-height: 1.65; } .CorporateStats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 34px; } .CorporateStats-item { padding: 22px 24px; border: 1px solid rgba(22, 52, 119, 0.09); border-radius: 22px; background: rgba(255, 255, 255, 0.78); box-shadow: 0 16px 44px rgba(16, 37, 88, 0.055); } .CorporateStats-item strong { display: block; color: #111a68; font-size: 22px; line-height: 1.2; letter-spacing: -0.03em; } .CorporateStats-item span { display: block; margin-top: 7px; color: #718097; font-size: 14px; } .CorporatePage { padding: 54px 0 88px; } .CorporatePage .Banner { display: none !important; } .CorporateLayout { align-items: flex-start; gap: 46px; } .CorporateSidebar { position: sticky; top: 116px; border: 1px solid rgba(22, 52, 119, 0.08); border-radius: 26px; background: #fff; box-shadow: 0 22px 60px rgba(17, 26, 104, 0.06); } .CorporateSidebar h6 { color: #111a68; font-size: 24px; line-height: 1.2; letter-spacing: -0.04em; text-transform: none; } .CorporateSidebar ul li a, .CorporateSidebar a { transition: all .22s ease; } .CorporateSidebar ul li a:hover, .CorporateSidebar a:hover { color: #21a9b5; } .CorporateContent { min-width: 0; } .CorporateIntroCards, .DocumentTypeGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-bottom: 26px; } .DocumentTypeGrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .CorporateIntroCards > div, .DocumentTypeGrid > div { padding: 22px; min-height: 154px; border: 1px solid rgba(22, 52, 119, 0.08); border-radius: 22px; background: linear-gradient(180deg, #fff 0%, #f7fbfd 100%); box-shadow: 0 16px 46px rgba(16, 37, 88, 0.05); } .CorporateIntroCards span, .DocumentTypeGrid span { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 36px; padding: 0 10px; margin-bottom: 14px; border-radius: 999px; color: #0f6f95; background: #eaf9fb; font-size: 13px; font-weight: 800; } .CorporateIntroCards strong, .DocumentTypeGrid strong { display: block; color: #111a68; font-size: 18px; line-height: 1.25; letter-spacing: -0.035em; } .CorporateIntroCards p, .DocumentTypeGrid p { margin: 9px 0 0; color: #718097; font-size: 14px; line-height: 1.55; } .CorporateTextPanel { padding: 38px; border: 1px solid rgba(22, 52, 119, 0.08); border-radius: 28px; background: #fff; box-shadow: 0 22px 70px rgba(16, 37, 88, 0.055); } .CorporateTextPanel p { color: #5f6d84; font-size: 17px; line-height: 1.82; } .CorporateTextPanel h1, .CorporateTextPanel h2, .CorporateTextPanel h3, .CorporateTextPanel h4 { color: #111a68; letter-spacing: -0.04em; } .CorporateSignature { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(22, 52, 119, 0.08); } .CorporateSignature img { max-width: 220px; height: auto; } .CorporateSectionTitle { margin: 32px 0 18px; } .CorporateSectionTitle h2 { margin: 0; color: #111a68; font-size: 36px; line-height: 1.1; letter-spacing: -0.05em; } .CorporateDocumentGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } .CorporateDocumentCard { position: relative; overflow: hidden; border: 1px solid rgba(22, 52, 119, 0.08); border-radius: 24px; background: #fff; box-shadow: 0 18px 54px rgba(16, 37, 88, 0.055); transition: transform .22s ease, box-shadow .22s ease; } .CorporateDocumentCard:hover { transform: translateY(-4px); box-shadow: 0 24px 68px rgba(16, 37, 88, 0.09); } .CorporateDocumentPreview { height: 220px; padding: 16px; background: linear-gradient(135deg, #f0fbfd, #ffffff); } .CorporateDocumentPreview img { width: 100%; height: 100%; object-fit: contain; border-radius: 16px; } .CorporateDocumentPlaceholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 16px; color: #111a68; background: #edf8fb; font-weight: 800; } .CorporateDocumentMeta { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px 20px; } .CorporateDocumentMeta strong { color: #111a68; font-size: 16px; } .CorporateDocumentMeta span { color: #7b879d; font-size: 13px; } .CorporateFileGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .CorporateFileCard { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; padding: 20px; border: 1px solid rgba(22, 52, 119, 0.08); border-radius: 22px; background: #fff; box-shadow: 0 18px 54px rgba(16, 37, 88, 0.05); text-decoration: none !important; transition: transform .22s ease, box-shadow .22s ease; } .CorporateFileCard:hover { transform: translateY(-3px); box-shadow: 0 24px 68px rgba(16, 37, 88, 0.085); } .CorporateFileIcon { grid-row: span 3; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 18px; color: #fff; background: linear-gradient(135deg, #111a68, #22aeba); font-size: 22px; font-weight: 800; } .CorporateFileCard strong { color: #111a68; font-size: 18px; line-height: 1.25; } .CorporateFileCard small, .CorporateFileCard em { color: #7b879d; font-size: 13px; font-style: normal; } .CorporateHrBox { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr); gap: 24px; align-items: start; } .CorporateFormShell { padding: 30px; border: 1px solid rgba(22, 52, 119, 0.08); border-radius: 28px; background: #fff; box-shadow: 0 22px 70px rgba(16, 37, 88, 0.055); } .CorporateSectionTitle--form { margin-top: 0; } .CorporateForm .form-control, .CorporateForm input[type="text"] { border: 1px solid rgba(22, 52, 119, 0.12); border-radius: 16px; background: #f8fbfd; } .CorporateForm .Kurumsal-form-cv { border: 1px dashed rgba(22, 52, 119, 0.22); border-radius: 18px; background: #f8fbfd; } .CorporateForm .Kurumsal-form-button { border-radius: 999px; background: linear-gradient(135deg, #111a68, #22aeba); box-shadow: 0 16px 34px rgba(17, 26, 104, 0.18); } @media (max-width: 1199px) { .CorporateHero-grid { grid-template-columns: 1fr; } .CorporateStats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .CorporateIntroCards, .DocumentTypeGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .CorporateDocumentGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .CorporateHrBox { grid-template-columns: 1fr; } } @media (max-width: 991px) { .CorporateHero { padding: 72px 0 34px; } .CorporateLayout { gap: 24px; } .CorporateSidebar { position: static; } .CorporateTextPanel { padding: 26px; } .CorporateFileGrid { grid-template-columns: 1fr; } } @media (max-width: 575px) { .CorporateHero-copy h1 { font-size: 38px; } .CorporateHero-copy p { font-size: 16px; line-height: 1.65; } .CorporateHero-card { padding: 24px; min-height: auto; } .CorporateHero-card h3 { font-size: 23px; } .CorporateStats, .CorporateIntroCards, .DocumentTypeGrid, .CorporateDocumentGrid { grid-template-columns: 1fr; } .CorporateDocumentPreview { height: 190px; } .CorporateDocumentMeta { align-items: flex-start; flex-direction: column; } .CorporateSectionTitle h2 { font-size: 30px; } } /* ========================================================= Ozon v5.12 Corporate sidebar alignment fix Scope: kurumsal pages only. Content/admin untouched. ========================================================= */ .CorporatePage .CorporateLayout, .Kurumsal.CorporatePage .Kurumsal-in.CorporateLayout{ display:grid!important; grid-template-columns:280px minmax(0,1fr)!important; align-items:flex-start!important; gap:42px!important; } .CorporatePage .CorporateSidebar, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar{ width:280px!important; max-width:280px!important; min-width:0!important; padding:26px 24px!important; overflow:hidden!important; align-self:start!important; } .CorporatePage .CorporateSidebar h6, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar h6{ margin:0 0 18px!important; padding:0!important; color:#111a68!important; font-size:25px!important; font-weight:500!important; line-height:1.15!important; } .CorporatePage .CorporateSidebar ul, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul{ display:block!important; list-style:none!important; margin:0!important; padding:0!important; } .CorporatePage .CorporateSidebar li, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar li{ display:block!important; margin:0!important; padding:0!important; border:0!important; } .CorporatePage .CorporateSidebar ul li a, .CorporatePage .CorporateSidebar > a, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul li a, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar > a{ display:flex!important; align-items:center!important; min-height:46px!important; width:100%!important; padding:0 0!important; border-bottom:1px solid rgba(22,52,119,.10)!important; color:#667085!important; font-size:14px!important; font-weight:700!important; line-height:1.2!important; text-align:left!important; white-space:normal!important; background:transparent!important; box-shadow:none!important; } .CorporatePage .CorporateSidebar ul li:last-child a, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul li:last-child a{ border-bottom:0!important; } .CorporatePage .CorporateSidebar ul li a:hover, .CorporatePage .CorporateSidebar > a:hover, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul li a:hover, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar > a:hover{ color:#21a9b5!important; padding-left:6px!important; } .CorporatePage .CorporateSidebar ul li a.active, .CorporatePage .CorporateSidebar ul li.active a, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul li a.active, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul li.active a{ color:#21a9b5!important; } .CorporatePage .CorporateContent, .Kurumsal.CorporatePage .Kurumsal-content.CorporateContent{ min-width:0!important; width:100%!important; } .CorporatePage .CorporateHrBox{ margin-top:0!important; } @media(max-width:991px){ .CorporatePage .CorporateLayout, .Kurumsal.CorporatePage .Kurumsal-in.CorporateLayout{ display:block!important; } .CorporatePage .CorporateSidebar, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar{ position:relative!important; top:auto!important; width:100%!important; max-width:none!important; margin-bottom:24px!important; padding:20px!important; border-radius:24px!important; } .CorporatePage .CorporateSidebar ul, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:8px!important; } .CorporatePage .CorporateSidebar ul li a, .CorporatePage .CorporateSidebar > a, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul li a, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar > a{ min-height:42px!important; padding:0 12px!important; border:1px solid rgba(22,52,119,.10)!important; border-radius:14px!important; background:#f8fbfd!important; } } @media(max-width:575px){ .CorporatePage .CorporateSidebar ul, .Kurumsal.CorporatePage .Kurumsal-sidebar.CorporateSidebar ul{ grid-template-columns:1fr!important; } } /* ========================================================= Ozon v5.13 Corporate cleanup - HR form/button alignment - Press kit empty/clean state - Profile layout resilience ========================================================= */ .CorporateSectionTitle--clean{margin-top:0!important;} .CorporateEmptyState{ grid-column:1 / -1; display:flex; align-items:center; justify-content:center; min-height:150px; padding:30px; border:1px dashed rgba(22,52,119,.18); border-radius:24px; color:#7b879d; background:linear-gradient(180deg,#fff 0%,#f7fbfd 100%); font-size:15px; text-align:center; } .CorporateHrBox .CorporateTextPanel, .CorporateHrBox .CorporateFormShell{min-width:0!important;} .CorporateFormShell{overflow:hidden!important;} .CorporateForm, .CorporateForm .Kurumsal-form{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; width:100%!important; } .CorporateForm .Kurumsal-form-item, .CorporateForm .Kurumsal-form-cv{ display:block!important; width:100%!important; max-width:100%!important; margin:0!important; float:none!important; clear:both!important; } .CorporateForm .form-control, .CorporateForm input[type="text"]{ width:100%!important; height:48px!important; padding:0 18px!important; box-sizing:border-box!important; } .CorporateForm .Kurumsal-form-cv{ min-height:58px!important; padding:18px!important; box-sizing:border-box!important; } .CorporateForm .Kurumsal-form-button{ position:static!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; justify-self:start!important; float:none!important; clear:both!important; width:auto!important; min-width:150px!important; height:48px!important; margin:8px 0 0!important; padding:0 28px!important; border:0!important; line-height:1!important; text-align:center!important; white-space:nowrap!important; } .CorporatePage .CorporateIntroCards{grid-template-columns:repeat(3,minmax(0,1fr))!important;} .CorporatePage .CorporateIntroCards>div{min-width:0!important;} .CorporatePage .CorporateTextPanel img{max-width:100%;height:auto;} @media(max-width:1199px){ .CorporatePage .CorporateIntroCards{grid-template-columns:repeat(2,minmax(0,1fr))!important;} } @media(max-width:991px){ .CorporateHrBox{grid-template-columns:1fr!important;} .CorporateForm .Kurumsal-form-button{width:100%!important;justify-self:stretch!important;} } @media(max-width:575px){ .CorporatePage .CorporateIntroCards{grid-template-columns:1fr!important;} .CorporateFormShell{padding:22px!important;} } /* v5.14 - Static announcements module */ .OZAnnouncements{ padding:72px 0; background:linear-gradient(135deg,#f8fbff 0%,#eefafa 100%); border-top:1px solid rgba(227,232,239,.85); border-bottom:1px solid rgba(227,232,239,.85); } .OZAnnouncements .OZSectionHead{margin-bottom:26px!important;} .OZAnnouncements .OZSectionHead h2{max-width:780px;} .OZAnnouncements .OZSectionHead p{max-width:820px;} .OZAnnouncementGrid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; } .OZAnnouncementCard{ position:relative; background:rgba(255,255,255,.9); border:1px solid rgba(210,222,236,.95); border-radius:28px; padding:28px; box-shadow:0 22px 55px rgba(17,20,92,.08); overflow:hidden; min-height:330px; display:flex; flex-direction:column; } .OZAnnouncementCard:before{ content:""; position:absolute; inset:auto -50px -70px auto; width:170px; height:170px; border-radius:50%; background:radial-gradient(circle,rgba(36,168,170,.14),transparent 65%); pointer-events:none; } .OZAnnouncementCard--priority{border-color:rgba(32,53,142,.18);} .OZAnnouncementIcon{ width:52px; height:52px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#20358e,#29a5a8); color:#fff; font-weight:800; font-size:16px; box-shadow:0 14px 32px rgba(32,53,142,.18); margin-bottom:18px; } .OZAnnouncementTag{ display:inline-flex; align-items:center; width:max-content; max-width:100%; padding:7px 11px; border-radius:999px; background:rgba(36,168,170,.1); color:#159b9e; font-weight:800; font-size:11px; text-transform:uppercase; letter-spacing:.08em; margin-bottom:14px; } .OZAnnouncementCard h3{ color:#07053f; font-size:clamp(22px,1.8vw,30px); line-height:1.08; letter-spacing:-.8px; margin:0 0 14px; } .OZAnnouncementCard p{ color:#5f6b7a; line-height:1.62; font-size:16px; margin:0 0 20px; } .OZAnnouncementCard details{ margin-top:auto; position:relative; z-index:2; } .OZAnnouncementCard summary{ cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:8px; color:#20358e; font-weight:800; font-size:14px; } .OZAnnouncementCard summary::-webkit-details-marker{display:none;} .OZAnnouncementCard summary:after{content:"+";color:#29a5a8;font-weight:900;} .OZAnnouncementCard details[open] summary:after{content:"−";} .OZAnnouncementCard details div{ margin-top:14px; padding:16px; border-radius:18px; background:#f7fbff; border:1px solid rgba(210,222,236,.8); color:#5f6b7a; line-height:1.58; font-size:15px; } @media (max-width:991px){ .OZAnnouncements{padding:54px 0;} .OZAnnouncementGrid{grid-template-columns:1fr;gap:16px;} .OZAnnouncementCard{min-height:auto;padding:22px;border-radius:22px;} .OZAnnouncementCard h3{font-size:23px;} } /* ========================================================= Ozon v5.16 - Admin managed announcement bar + modal ========================================================= */ .OZTopAnnouncementBar{ position:relative; z-index:30; background:linear-gradient(135deg,#f7fbff 0%,#eefafa 100%); border-top:1px solid rgba(213,225,239,.8); border-bottom:1px solid rgba(213,225,239,.95); box-shadow:0 12px 34px rgba(17,20,92,.05); } .OZTopAnnouncementBar[hidden]{display:none!important;} .OZTopAnnouncementInner{ min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding-top:10px; padding-bottom:10px; } .OZTopAnnouncementText{ min-width:0; display:flex; align-items:center; gap:12px; color:#3f4d61; font-size:14px; line-height:1.45; } .OZTopAnnouncementText strong{ color:#07053f; font-size:15px; font-weight:850; letter-spacing:-.2px; white-space:nowrap; } .OZTopAnnouncementText span:not(.OZTopAnnouncementTag){ display:inline; color:#5f6b7a; } .OZTopAnnouncementTag{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; padding:6px 10px; border-radius:999px; background:rgba(36,168,170,.12); color:#159b9e; font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; } .OZTopAnnouncementActions{ flex:0 0 auto; display:flex; align-items:center; gap:8px; } .OZTopAnnouncementLink{ appearance:none; border:0; background:#fff; color:#20358e; border:1px solid rgba(32,53,142,.14); height:36px; border-radius:999px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:850; cursor:pointer; text-decoration:none!important; box-shadow:0 8px 18px rgba(32,53,142,.07); transition:.2s ease; white-space:nowrap; } .OZTopAnnouncementLink:hover{transform:translateY(-1px);color:#20358e;background:#f9fcff;} .OZTopAnnouncementClose{ appearance:none; width:32px; height:32px; border-radius:50%; border:1px solid rgba(32,53,142,.12); background:rgba(255,255,255,.75); color:#728096; display:inline-flex; align-items:center; justify-content:center; font-size:22px; line-height:1; cursor:pointer; } .OZAnnouncementModal{ position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:24px; } .OZAnnouncementModal.is-open{display:flex;} .OZAnnouncementModalBackdrop{ position:absolute; inset:0; background:rgba(7,5,63,.46); backdrop-filter:blur(5px); } .OZAnnouncementModalPanel{ position:relative; z-index:2; width:min(680px,100%); max-height:min(760px,86vh); overflow:auto; padding:34px; border-radius:28px; background:linear-gradient(180deg,#fff 0%,#f7fbff 100%); border:1px solid rgba(218,228,238,.95); box-shadow:0 34px 90px rgba(7,5,63,.22); } .OZAnnouncementModalPanel h3{ color:#07053f; font-size:clamp(25px,2.2vw,36px); line-height:1.08; letter-spacing:-.9px; margin:14px 0 16px; } .OZAnnouncementModalText{ color:#4f5f73; font-size:16px; line-height:1.7; } .OZAnnouncementModalText p{margin:0 0 14px;} .OZAnnouncementModalClose{ position:absolute; right:18px; top:18px; width:38px; height:38px; border-radius:50%; border:1px solid rgba(32,53,142,.12); background:#fff; color:#728096; display:flex; align-items:center; justify-content:center; font-size:26px; line-height:1; cursor:pointer; } body.OZModalOpen{overflow:hidden;} @media(max-width:991px){ .OZTopAnnouncementInner{align-items:flex-start;flex-direction:column;gap:10px;padding-top:13px;padding-bottom:13px;} .OZTopAnnouncementText{align-items:flex-start;flex-direction:column;gap:7px;font-size:13px;} .OZTopAnnouncementText strong{white-space:normal;font-size:14px;} .OZTopAnnouncementActions{width:100%;justify-content:space-between;} .OZTopAnnouncementLink{height:34px;padding:0 12px;font-size:12px;} .OZAnnouncementModal{padding:16px;align-items:flex-end;} .OZAnnouncementModalPanel{border-radius:24px;padding:28px 22px 24px;max-height:82vh;} }