.page-odm{background-color:#f5f7fa}.odm-banner{width:100%}.odm-container{margin:0 auto;background-color:#fff;padding:1px 30px 30px 30px}.odm-section{margin-top:60px}.odm-service-section{margin-top:10px !important}.odm-section-row{display:grid;grid-template-columns:2fr 3fr;gap:40px;align-items:center}.odm-section-row .odm-desc{background:none;border:none;box-shadow:none;padding:0;text-align:left}.odm-section-row .odm-desc p{margin:0 0 16px}.odm-section-row .odm-desc p:last-child{margin-bottom:0}.odm-title{text-align:center;font-size:32px;font-weight:700;color:#28527a;margin:0 0 24px;position:relative;padding-bottom:14px}.odm-title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120px;height:3px;border-radius:3px;background:linear-gradient(to right,#3381d3 0%,#28527a 100%);}.odm-desc{background:#ffffff;padding:28px 32px 10px 32px;font-size:15px;line-height:1.9;color:#4a4a4a;text-align:center}.odm-steps{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.odm-step{background:none !important;text-align:center;transition:transform 0.25s ease,box-shadow 0.25s ease}.odm-step:hover{transform:translateY(-6px);cursor:pointer}.odm-step img{border-radius:12px}.odm-categories{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.odm-category{position:relative;min-height:200px;cursor:pointer;border-radius:16px;perspective:1600px;box-shadow:0 4px 16px rgba(51,129,211,0.12);transition:transform 0.3s ease,box-shadow 0.3s ease;z-index:1}.odm-category:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(51,129,211,0.2)}.odm-category-inner{position:relative;width:100%;height:100%;min-height:200px}.odm-category-front,.odm-category-back{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;overflow:hidden}.odm-category-front img{width:100%;height:100%;object-fit:cover;display:block}.odm-category-back{display:none}.odm-category-back-media{flex:0 0 42%;width:42%;align-self:stretch;border-radius:8px;background:linear-gradient(135deg,#eaf0f7 0%,#d4e0ee 100%);overflow:hidden}.odm-category-back-media img{width:100%;height:100%;object-fit:cover;display:block}.odm-category-back-text{margin:0;flex:1 1 auto;align-self:center;font-size:14px;line-height:1.6;color:#4a4a4a}.odm-modal{position:fixed;inset:0;z-index:9999;background:rgba(20,40,70,0);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none;transition:background 0.45s ease,-webkit-backdrop-filter 0.45s ease,backdrop-filter 0.45s ease}.odm-modal.is-open{background:rgba(20,40,70,0.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.odm-modal-box{position:fixed;left:0;top:0;width:0;height:0;display:flex;background:#fff;border-radius:16px;overflow:hidden;opacity:0;visibility:hidden;box-shadow:0 24px 70px rgba(20,40,70,0.35);transition:left 0.55s cubic-bezier(0.2,0.8,0.2,1),top 0.55s cubic-bezier(0.2,0.8,0.2,1),width 0.55s cubic-bezier(0.2,0.8,0.2,1),height 0.55s cubic-bezier(0.2,0.8,0.2,1),border-radius 0.55s ease,box-shadow 0.55s ease,opacity 0.3s ease,visibility 0s linear 0.3s}.odm-modal.is-open .odm-modal-box{opacity:1;visibility:visible;transition:left 0.55s cubic-bezier(0.2,0.8,0.2,1),top 0.55s cubic-bezier(0.2,0.8,0.2,1),width 0.55s cubic-bezier(0.2,0.8,0.2,1),height 0.55s cubic-bezier(0.2,0.8,0.2,1),border-radius 0.55s ease,box-shadow 0.55s ease,opacity 0.3s ease,visibility 0s linear 0s}.odm-modal-media img{width:100%;height:100%;display:block}.odm-modal-close{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,0.85);color:#333;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:background 0.2s ease}.odm-modal-close:hover{background:#fff}@media (max-width:768px){.odm-categories{grid-template-columns:1fr}.odm-category,.odm-category-inner{min-height:180px}.odm-modal-box{flex-direction:column;overflow-y:auto}.odm-modal-media{flex:1 1 auto;height:auto}.odm-modal-media img{height:auto}}.odm-packaging-img{border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.12);width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center}.odm-packaging-img img{width:100%;height:100%;object-fit:cover;display:block}.odm-section-desc{text-align:center;font-size:16px;margin:-4px auto 32px;line-height:1.75}.odm-dosing-list{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:0 4px 44px}.odm-packaging-list{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:0 4px 44px}.odm-packaging-card,.odm-dosing-card{border-radius:18px;text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform 0.35s ease,box-shadow 0.35s ease}.odm-packaging-card img,.odm-dosing-card img{border-radius:20px}.odm-packaging-card:hover,.odm-dosing-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px rgba(15,30,60,0.18);cursor:pointer}.odm-why-section{position:relative;margin-top:32px;padding:44px 36px;border-radius:18px;background:#f0f5fb url('../../default/images/odm/choose/bg.webp') center/cover no-repeat;overflow:hidden}.odm-why-section .odm-title{color:#fff}.odm-why{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:920px;margin-left:auto;margin-right:auto}.odm-why-item{background:#ffffff;border:none;border-radius:14px;padding:24px 28px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 16px rgba(51,129,211,0.08);transition:transform 0.25s ease,box-shadow 0.25s ease}.odm-why-item:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(51,129,211,0.14);background:#ffffff}.odm-why-icon{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.odm-why-icon img{width:100%;height:100%;object-fit:contain}.odm-why-text{flex:1;cursor:default}.odm-why-text h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a;line-height:1.5}.odm-cta{margin-top:50px;text-align:center}.odm-cta a{display:inline-block;background:#fff;color:#28527a;font-weight:600;font-size:16px;padding:14px 40px;border-radius:8px;text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.12);transition:transform 0.2s ease,box-shadow 0.2s ease}.odm-cta a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,0.18)}@media (max-width:991px){.odm-steps{grid-template-columns:repeat(3,1fr)}.odm-packaging-img{aspect-ratio:16 / 10;min-height:260px}.odm-packaging-list,.odm-dosing-list{grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:767px){.odm-banner-text h1{font-size:26px;letter-spacing:0.5px;margin-bottom:8px}.odm-banner-text p{font-size:14px}.odm-section{margin-top:20px}.odm-title{font-size:22px;margin:0 0 18px;padding-bottom:12px}.odm-title::after{width:48px;height:2px}.odm-section-row{grid-template-columns:1fr;gap:14px}.odm-title-left{text-align:center}.odm-desc{padding:20px 16px;font-size:14px;line-height:1.75}.odm-service-section .odm-desc{padding-top:0}.odm-section-row .odm-desc p{font-size:14px;margin:0 0 12px}.odm-section-row .odm-desc p:last-child{margin-bottom:0}.odm-section-desc{font-size:14px;line-height:1.7;margin:-4px auto 24px;padding:0 8px}.odm-steps{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:0}.odm-step{padding:0}.odm-step .step-num{width:36px;height:36px;font-size:16px;margin-bottom:8px}.odm-step h3{font-size:14px}.odm-categories{grid-template-columns:1fr;margin-top:0}.odm-packaging-list{grid-template-columns:repeat(2,1fr);gap:12px;padding-bottom:16px}.odm-why-section{padding:28px 16px;border-radius:14px}.odm-why{grid-template-columns:1fr;gap:12px;margin-top:8px}.odm-why-item{padding:16px 18px;gap:14px}.odm-why-text h3{font-size:14px}.odm-why-icon{flex:0 0 44px;width:44px;height:44px}.odm-container{background-color:#fff;padding-left:12px;padding-right:12px;padding-bottom:28px}.odm-section-blue{background:#fff;padding:28px 18px;border-radius:16px;box-shadow:0 12px 28px rgba(51,129,211,0.25)}.odm-cta{margin-top:32px}.odm-cta a{font-size:14px;padding:12px 30px;border-radius:6px}}