.ce-detail { color:#263b40; background:#fff; }
.ce-detail .ce-page { width:100%; max-width:1280px; margin:0 auto; padding:22px 24px 36px; letter-spacing:0; }
.ce-detail [hidden] { display:none!important; }
.ce-detail .ce-page *, .ce-detail .modal * { box-sizing:border-box; }
.ce-detail .ce-page a { color:#007e87; }
.ce-detail .ce-page a:hover { color:#00565d; text-decoration:underline; }
.ce-detail .btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:12px 17px; margin:0; line-height:1.35; text-transform:none; letter-spacing:0; font-size:14px; font-weight:600; border-radius:6px; box-shadow:none; white-space:normal; }
.ce-detail .btn-primary { background:#00858e; border:1px solid #00858e; color:#fff; }
.ce-detail .btn-primary:hover { background:#00666e; color:#fff; text-decoration:none; }
.ce-detail .btn-outline-primary { color:#007780; border:1px solid #00858e; background:#fff; }
.ce-detail .btn-outline-primary:hover { background:#edf8f8; text-decoration:none; }
.ce-detail a:focus-visible,.ce-detail button:focus-visible,.ce-detail input:focus-visible { outline:3px solid #b7791f; outline-offset:3px; }
.ce-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:24px; font-size:13px; color:#687a7e; }
.ce-breadcrumb [aria-current] { overflow-wrap:anywhere; }
.ce-heading { display:grid; grid-template-columns:104px minmax(0,1fr) 44px; gap:22px; align-items:start; padding-bottom:24px; }
.ce-logo { width:104px; height:104px; padding:8px; object-fit:contain; border:1px solid #e0e8e9; border-radius:8px; background:#fff; }
.ce-identity h1 { font-size:28px; line-height:1.2; font-weight:700; margin:10px 0 8px; color:#17353a; overflow-wrap:anywhere; }
.ce-tags { display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0; list-style:none; }
.ce-tags>span,.ce-tags>li { padding:4px 8px; font-size:12px; background:#f0f5f5; color:#53676c; border-radius:4px; }
.ce-tags .ce-premium { color:#82500b; background:#fff3d5; }
.ce-location { font-size:14px; margin:0 0 8px; color:#50666b; }
.ce-intro { margin:8px 0; font-size:15px; line-height:1.6; max-width:760px; overflow-wrap:anywhere; }
.ce-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:#61777b; font-size:12px; margin-top:12px; }
.ce-icon { height:44px; width:44px; border:1px solid #d4e0e2; border-radius:6px; background:white; color:#007c86; }
.ce-section-nav { display:flex; flex-wrap:wrap; gap:0 24px; border-top:1px solid #e2eaeb; border-bottom:1px solid #e2eaeb; margin-bottom:26px; }
.ce-section-nav a { padding:15px 0; font-size:14px; font-weight:600; }
.ce-layout { display:grid; grid-template-columns:minmax(0,1fr) 344px; gap:32px; align-items:start; }
.ce-content,.ce-aside { min-width:0; }
.ce-detail #companyProducts,.ce-detail #companyAbout,.ce-detail #companyInformation,.ce-detail #companyContact { scroll-margin-top:96px; }
.ce-section { padding-bottom:30px; margin-bottom:28px; border-bottom:1px solid #e0e9ea; scroll-margin-top:20px; }
.ce-detail .ce-section h2,.ce-contact h2,.ce-growth h2 { font-size:21px; line-height:1.3; color:#1b373c; margin:0 0 18px; font-weight:700; overflow-wrap:anywhere; }
.ce-detail .ce-section h3,.ce-contact h3 { font-size:15px; font-weight:650; margin:20px 0 10px; line-height:1.5; overflow-wrap:anywhere; }
.ce-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.ce-count { font-size:13px; color:#687c80; white-space:nowrap; }
.ce-product-search { margin:0 0 20px; max-width:430px; }
.ce-product-search label { font-size:13px; display:block; margin-bottom:6px; }
.ce-product-search>div { position:relative; }
.ce-product-search i { position:absolute; left:14px; top:16px; color:#698185; }
.ce-product-search input { height:46px; padding-left:40px; }
.ce-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ce-product { min-width:0; display:flex; flex-direction:column; border:1px solid #dce7e8; border-radius:8px; overflow:hidden; background:white; }
.ce-product-photo { display:block; position:relative; width:100%; aspect-ratio:1.5; border-bottom:1px solid #edf1f2; background:#fafcfc; }
.ce-product-photo img { position:absolute; inset:12px; width:calc(100% - 24px); height:calc(100% - 24px); object-fit:contain; }
.ce-product-body { padding:15px; display:flex; flex-direction:column; flex:1; min-width:0; }
.ce-detail .ce-product h3 { font-size:14px; line-height:1.55; margin:0 0 13px; font-weight:600; }
.ce-detail .ce-product h3 a { color:#233d43; }
.ce-product-price { font-weight:650; font-size:14px; color:#007e87; margin:0 0 18px; }
.ce-product-price small { font-size:12px; font-weight:400; color:#667b80; }
.ce-product-more { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:13px; font-weight:600; margin-top:auto; }
.ce-products-more { margin:24px auto 0!important; display:flex!important; }
.ce-search-status { font-size:13px; color:#60767a; margin:18px 0; }
.ce-contact { padding:24px; border:1px solid #c7dfe2; border-top:4px solid #00858e; border-radius:8px; background:#fff; scroll-margin-top:20px; }
.ce-contact h2 { margin-bottom:10px; font-size:20px; }
.ce-contact-intro { font-size:14px; line-height:1.6; color:#566d73; margin-bottom:18px; }
.ce-actions { display:flex; flex-direction:column; gap:10px; }
.ce-actions .btn { width:100%; }
.ce-help { font-size:12px; line-height:1.65; color:#667a7f; margin:12px 0 0; }
.ce-coordinates { border-top:1px solid #dfe8e9; margin-top:24px; padding-top:4px; }
.ce-coordinates>p { font-size:13px; line-height:1.65; }
.ce-coordinates>.btn { width:100%; }
.ce-coordinates h3 { font-size:14px; display:flex; gap:8px; align-items:center; }
.ce-contact-price { display:flex; flex-direction:column; gap:4px; margin:16px 0; }
.ce-contact-price strong { font-size:24px; font-weight:700; color:#17484d; }
.ce-contact-price span { font-size:12px; color:#587076; }
.ce-access { color:#267348; font-weight:600; }
.ce-coordinate { display:flex; align-items:center; gap:12px; min-height:44px; font-size:14px; word-break:break-word; }
.ce-coordinate i { flex:0 0 16px; }
.ce-person { margin-bottom:8px; }
.ce-balance { font-weight:600; color:#876014; }
.ce-contact-note { border-top:1px solid #e2eaeb; padding-top:14px; margin-top:20px; }
.ce-rich { font-size:15px; line-height:1.8; overflow-wrap:anywhere; overflow-x:auto; }
.ce-rich table { max-width:100%; width:100%; border-collapse:collapse; }
.ce-rich td,.ce-rich th { padding:8px; border:1px solid #dce7e8; }
.ce-rich h3 { font-size:17px!important; }
.ce-video { aspect-ratio:16/9; margin-top:24px; }
.ce-video iframe { width:100%; height:100%; border:0; }
.ce-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; margin:0; }
.ce-facts>div { border-bottom:1px solid #ecf0f1; padding:12px 0; }
.ce-facts dt { font-size:12px; font-weight:400; color:#6b7c80; margin-bottom:5px; }
.ce-facts dd { font-size:14px; margin:0; overflow-wrap:anywhere; }
.ce-specialties li { font-size:13px; }
.ce-external { display:flex; flex-wrap:wrap; gap:16px; margin-top:24px; font-size:14px; }
.ce-growth { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:28px 0; border-top:1px solid #dfe8e9; border-bottom:1px solid #dfe8e9; }
.ce-growth h2 { margin-bottom:10px; font-size:20px; }
.ce-growth p { margin:0; max-width:740px; font-size:14px; line-height:1.7; color:#5c7277; }
.ce-growth-actions { display:flex; flex-direction:column; gap:14px; align-items:center; flex-shrink:0; font-size:13px; }
.ce-footer-links { display:flex; justify-content:space-between; gap:18px; margin-top:22px; font-size:12px; }
.ce-empty { padding:20px 0; line-height:1.8; color:#5d7479; }
.ce-sticky { display:none; }
.ce-copy-status { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); padding:12px 20px; background:#183d42; color:white; border-radius:6px; z-index:1060; }
.ce-detail .modal-content { border-radius:8px; }
.ce-detail .modal h2 { font-size:21px; }
.ce-detail .modal-header,.ce-detail .modal-body,.ce-detail .modal-footer { padding:20px 24px; }
.ce-detail .modal-body { max-height:70dvh; overflow-y:auto; }
.ce-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:22px; }
.ce-field-full { grid-column:1/-1; }
.ce-form-grid label { display:block; font-size:13px; margin-bottom:6px; }
.ce-form-grid label span { color:#687c81; }
.ce-form-grid .form-control,.ce-form-grid .form-select { min-height:46px; font-size:14px; }
.ce-debit { margin:24px 0; }
.ce-debit>div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #e2eaeb; font-size:14px; }
.ce-debit dd { margin:0; font-weight:650; }
.ce-purchase-form { margin:0; }
.ce-honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
@media(max-width:1199px) { .ce-layout { grid-template-columns:minmax(0,1fr) 320px; gap:24px; } .ce-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ce-contact { padding:20px; } }
@media(max-width:991px) { .ce-layout { display:flex; flex-direction:column; gap:28px; } .ce-aside { order:-1; width:100%; } .ce-content { width:100%; } .ce-contact>.ce-actions { flex-direction:row; } .ce-contact>.ce-actions>* { flex:1; } .ce-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .ce-coordinates>.btn { width:auto; } .ce-growth { flex-direction:column; align-items:flex-start; gap:20px; } .ce-growth-actions { flex-direction:row; flex-wrap:wrap; } }
@media(max-width:767px) { .ce-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ce-heading { grid-template-columns:80px minmax(0,1fr) 40px; gap:14px; } .ce-logo { width:80px; height:80px; } .ce-identity h1 { font-size:24px; } .ce-section-nav { gap:0 20px; } .ce-section-nav a { padding:12px 0; font-size:13px; } .ce-detail { padding-bottom:88px; } .ce-sticky { display:block; position:fixed; bottom:0; left:0; right:0; padding:10px 16px max(10px,env(safe-area-inset-bottom)); background:white; border-top:1px solid #d1e1e3; z-index:1030; } .ce-sticky .ce-actions { flex-direction:row; max-width:680px; margin:auto; } .ce-sticky .btn { padding:10px; font-size:12px; min-width:0; } .ce-sticky .btn i { display:none; } .ce-copy-status { bottom:90px; } }
@media(max-width:479px) { .ce-detail .ce-page { padding:18px 16px 28px; } .ce-heading { grid-template-columns:64px minmax(0,1fr) 36px; gap:12px; } .ce-logo { width:64px; height:64px; } .ce-icon { width:36px; height:36px; } .ce-tags>span { font-size:11px; } .ce-identity h1 { font-size:22px; } .ce-identity .ce-intro { font-size:14px; } .ce-product-grid { grid-template-columns:1fr; } .ce-product-photo { aspect-ratio:1.8; } .ce-contact>.ce-actions { flex-direction:column; } .ce-coordinates>.btn { width:100%; } .ce-detail .ce-section h2 { font-size:20px; } .ce-facts,.ce-form-grid { grid-template-columns:1fr; } .ce-detail .modal-body,.ce-detail .modal-header,.ce-detail .modal-footer { padding:18px; } .ce-footer-links { flex-direction:column; } .ce-contact { padding:18px; } }
