
.cherry-odoo-industry{--co-bg:#faf8fa;--co-title:#151c2b;--co-body:#354052;--co-muted:#737b8c;--co-active:#714d69;--co-active-text:#fff;--co-hover:#eee8ee;--co-panel:#fff;--co-border:#eae5e9;--co-feature:#f6f2f5;--co-check:#00868d;--co-tag:#f1e9ee;--co-tag-text:#714d69;background:var(--co-bg);color:var(--co-title);width:100%;font-family:inherit;box-sizing:border-box}
.cherry-odoo-industry *, .cherry-odoo-industry *:before,.cherry-odoo-industry *:after{box-sizing:border-box}
.cherry-odoo-industry .cois-inner{max-width:1440px;margin:auto;padding:60px 24px}
.cherry-odoo-industry .cois-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:55px}
.cherry-odoo-industry .cois-head h2{font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-.035em;margin:0;color:var(--co-title);font-family:inherit;font-weight:700}
.cherry-odoo-industry .cois-head p{margin:0 0 14px;color:var(--co-body);line-height:1.55;font-size:17px}.cherry-odoo-industry .cois-head p:last-child{color:var(--co-muted);margin-bottom:0}
.cherry-odoo-industry .cois-main{display:grid;grid-template-columns:30% minmax(0,1fr);gap:6%;align-items:start}
.cherry-odoo-industry .cois-tabs{display:flex;flex-direction:column;gap:3px;min-width:0}
.cherry-odoo-industry .cois-tab,.cherry-odoo-industry .cois-tab:hover,.cherry-odoo-industry .cois-tab:focus{box-sizing:border-box;appearance:none;-webkit-appearance:none;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:0;height:40px;padding:7px 12px;margin:0;border:0;border-radius:12px;background:transparent;color:var(--co-body);font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;letter-spacing:normal;text-transform:none;text-align:left;box-shadow:none;cursor:pointer;transition:background .2s,color .2s}
.cherry-odoo-industry .cois-tab:hover:not(.active){background:var(--co-hover);color:var(--co-body)}
.cherry-odoo-industry .cois-tab.active,.cherry-odoo-industry .cois-tab.active:hover,.cherry-odoo-industry .cois-tab.active:focus{background:var(--co-active);color:var(--co-active-text)}
.cherry-odoo-industry .cois-tab .cois-arrow{font-size:14px;flex-shrink:0}
.cherry-odoo-industry .cois-panel{background:var(--co-panel);border:1px solid var(--co-border);border-radius:22px;padding:40px;box-shadow:0 14px 30px #2c1c2910;min-width:0}
.cherry-odoo-industry .cois-panel h3{font-family:inherit;font-size:28px;letter-spacing:-.03em;margin:0 0 22px;line-height:1.25;color:var(--co-title);font-weight:700}
.cherry-odoo-industry .cois-desc{line-height:1.6;margin:0 0 28px;color:var(--co-body);font-size:16px}
.cherry-odoo-industry .cois-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cherry-odoo-industry .cois-feature{background:var(--co-feature);border-radius:12px;padding:15px;display:flex;gap:12px;line-height:1.45;font-size:15px;color:var(--co-title)}
.cherry-odoo-industry .cois-check{color:var(--co-check);font-weight:700;flex-shrink:0}
.cherry-odoo-industry .cois-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.cherry-odoo-industry .cois-tag{background:var(--co-tag);color:var(--co-tag-text);border-radius:99px;padding:8px 15px;font-size:13px;font-weight:600}
.cherry-odoo-industry .cois-hint{display:none}
@media(max-width:767px){.cherry-odoo-industry .cois-inner{padding:34px 16px;overflow:hidden}.cherry-odoo-industry .cois-head{grid-template-columns:1fr;gap:18px;margin-bottom:26px}.cherry-odoo-industry .cois-head h2{font-size:32px}.cherry-odoo-industry .cois-main{display:block}.cherry-odoo-industry .cois-tabs{flex-direction:row;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin:0 -16px 14px;padding:0 16px 3px;overscroll-behavior-x:contain}.cherry-odoo-industry .cois-tabs::-webkit-scrollbar{display:none}.cherry-odoo-industry .cois-tab,.cherry-odoo-industry .cois-tab:hover,.cherry-odoo-industry .cois-tab:focus{flex:0 0 calc((100% - 14px)/2.5);width:calc((100% - 14px)/2.5);height:38px;padding:5px 8px;font-size:11px;line-height:1.15;border-radius:7px;gap:3px;scroll-snap-align:start}.cherry-odoo-industry .cois-tab .cois-arrow{font-size:11px}.cherry-odoo-industry .cois-tab .cois-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cherry-odoo-industry .cois-panel{padding:22px 17px;border-radius:18px}.cherry-odoo-industry .cois-panel h3{font-size:23px}.cherry-odoo-industry .cois-features{grid-template-columns:1fr}.cherry-odoo-industry .cois-hint{display:block;font-size:12px;color:var(--co-muted);margin-bottom:10px}}
