.okx-ed-page{
    --okx-ed-dark:#003634;
    --okx-ed-green:#004e4d;
    --okx-ed-orange:#ef6630;
    --okx-ed-cream:#f9f2f6;
    color:#003634;
    background:#fff;
    font-family:"Noto Sans HK","Noto Sans TC","Microsoft JhengHei",sans-serif;
}
.okx-ed-page #main{width:100%;max-width:none;margin:0;padding:0}
.okx-ed-page .ct-container-full{width:100%;max-width:none;padding:0;margin:0}
.okx-ed-page .entry-content{max-width:none!important;margin:0!important;padding:0!important}
.okx-ed-page .elementor-1266{width:100%;max-width:none}
.okx-ed-page .elementor-1266 img{max-width:100%;height:auto}

/* The ED source bundle uses a smaller reference-site logo. Keep the shared
   homepage shell at the homepage logo dimensions. */
.okx-ed-page[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container{
    --logo-max-height:52px;
}

/* Dynamic medicine carousel, sized and styled to match the homepage medicine area. */
.okx-ed-products-section{background:var(--okx-ed-dark);padding:80px 0;color:#fff}
.okx-ed-products-inner{width:min(1200px,calc(100% - 40px));margin:0 auto}
.okx-ed-products-head{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:52px;align-items:end;margin-bottom:34px}
.okx-ed-products-kicker{margin:0 0 8px;color:#ef6630;font-size:20px;font-weight:800;line-height:1.4}
.okx-ed-products-title{margin:0;color:#fff;font-size:62px;font-weight:800;line-height:1.14;letter-spacing:.01em}
.okx-ed-products-copy{margin:0;color:#fff;font-size:20px;font-weight:600;line-height:1.75}
.okx-ed-products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.okx-ed-product-tabs{display:flex;align-items:center;gap:10px}
.okx-ed-product-tab{appearance:none;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:transparent;color:#fff;padding:10px 25px;font:inherit;font-size:15px;font-weight:700;line-height:1;cursor:pointer;transition:.2s ease}
.okx-ed-product-tab:hover,.okx-ed-product-tab.is-active{background:#fff;color:#003634;border-color:#fff}
.okx-ed-swipe-hint{font-size:15px;font-weight:600;color:#fff;opacity:.95;white-space:nowrap}
.okx-ed-product-slider{position:relative}
.okx-ed-product-viewport{overflow:hidden;touch-action:pan-y;cursor:grab}
.okx-ed-product-viewport.is-dragging{cursor:grabbing}
.okx-ed-product-track{display:flex;align-items:stretch;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 0 8px}
.okx-ed-product-track::-webkit-scrollbar{display:none}
.okx-ed-product-track>.elementor-3034{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}
.okx-ed-product-track>.elementor-3034[hidden]{display:none!important}
.okx-ed-slider-nav{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.okx-ed-slider-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;font-size:24px;line-height:1;cursor:pointer;transition:.2s ease}
.okx-ed-slider-btn:hover{background:#fff;color:#003634}
.okx-ed-products-empty{padding:40px 0;color:#fff;font-size:18px}

/* The shared homepage card CSS expects these Elementor wrappers. */
.okx-ed-page .okx-ed-product-track .elementor-3034{background:transparent!important}
.okx-ed-page .okx-ed-product-track .elementor-3034>.elementor-element-7ff9f47{height:100%!important}
.okx-ed-page .okx-ed-product-track .elementor-3034>.elementor-element-7ff9f47>.e-con-inner{width:100%!important;max-width:none!important}
.okx-ed-page .okx-ed-product-track .elementor-element-196b444>.e-con-inner{width:100%!important;max-width:none!important}
.okx-ed-page .okx-ed-product-track .elementor-element-29a2250 a{color:#fff!important;text-decoration:none!important}
.okx-ed-page .okx-ed-product-track .elementor-element-2ac5f82 a{width:100%;display:flex;align-items:center;justify-content:center}
.okx-ed-page .okx-ed-product-track .elementor-element-2ac5f82 img{background:#fff}
.okx-ed-page .okx-ed-product-track .elementor-element-38af1b9 del{display:none!important}
.okx-ed-page .okx-ed-product-track .elementor-element-38af1b9 ins{text-decoration:none!important}

/* Saved Elementor FAQ accordions need a small non-JS fallback. */
.okx-ed-page .e-n-accordion-item-title{cursor:pointer}
.okx-ed-page .e-n-accordion-item[open]>.e-n-accordion-item-title{opacity:.95}
.okx-ed-page .e-n-accordion-item:not([open])>[role="region"]{display:none!important}
.okx-ed-page .e-n-accordion-item[open]>[role="region"]{display:flex}
.okx-ed-page .e-n-accordion-item:not([open]) .e-opened{display:none!important}
.okx-ed-page .e-n-accordion-item:not([open]) .e-closed{display:inline-flex!important}
.okx-ed-page .e-n-accordion-item[open] .e-opened{display:inline-flex!important}
.okx-ed-page .e-n-accordion-item[open] .e-closed{display:none!important}

@media(max-width:1024px){
    .okx-ed-products-head{grid-template-columns:1fr;gap:16px}
    .okx-ed-products-title{font-size:48px}
    .okx-ed-product-track>.elementor-3034{flex-basis:calc((100% - 24px)/2)}
}
@media(max-width:767px){
    .okx-ed-page[data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container{
        --logo-max-height:43px;
    }
    .okx-ed-products-section{padding:50px 0}
    .okx-ed-products-inner{width:calc(100% - 32px)}
    .okx-ed-products-title{font-size:36px;line-height:1.2}
    .okx-ed-products-copy{font-size:16px;line-height:1.7}
    .okx-ed-products-toolbar{align-items:flex-start;flex-direction:column;gap:16px}
    .okx-ed-product-tabs{width:100%;overflow-x:auto;padding-bottom:3px}
    .okx-ed-product-tab{flex:0 0 auto;padding:9px 20px}
    .okx-ed-swipe-hint{font-size:14px}
    .okx-ed-product-track{gap:16px;padding-right:42px}
    .okx-ed-product-track>.elementor-3034{flex-basis:86%}
    .okx-ed-slider-nav{display:none}
}
