:root{
 --bg:#f4f7fb;
 --card:#ffffff;
 --text:#172033;
 --muted:#667085;
 --line:#e5e7eb;
 --accent:#073b7a;
 --accent-dark:#052d5d;
 --accent-soft:#eaf2fb;
 --secondary:#0b7a75;
 --accent2:#0b7a75;
 --brand-blue:#073b7a;
 --shadow:0 14px 40px rgba(15,23,42,.10);
 --radius:22px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}
a{color:inherit}
.hero{background:linear-gradient(122deg,#062f64 0%,var(--brand-blue) 48%,#0b7473 100%);color:white;padding:26px min(5vw,60px) 72px;border-bottom-left-radius:34px;border-bottom-right-radius:34px;box-shadow:0 18px 45px rgba(7,59,122,.16)}
.hero__top{display:flex;justify-content:space-between;gap:22px;align-items:center}
.brand{display:flex;gap:14px;align-items:center}
.brand__logo{width:62px;height:62px;flex:0 0 62px;border-radius:16px;background:#fff;display:grid;place-items:center;padding:5px;overflow:hidden;border:1px solid rgba(255,255,255,.58);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.brand__logo img{display:block;width:100%;height:100%;object-fit:contain}
h1{margin:0;font-size:24px;letter-spacing:.4px}
.brand p,.hero__sub{margin:.25rem 0 0;color:rgba(255,255,255,.84)}
.contacts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.contacts a{padding:10px 14px;border:1px solid rgba(255,255,255,.24);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.07);transition:background .15s,border-color .15s,transform .15s}.contacts a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.45);transform:translateY(-1px)}
.hero__content{margin-top:48px;max-width:930px}
.hero__eyebrow{display:inline-flex;margin:0;color:#d7fffb;font-size:13px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.hero__content h2{font-size:clamp(34px,4.6vw,58px);line-height:1.04;margin:14px 0 16px;letter-spacing:-1.7px;max-width:920px}
.hero__sub{font-size:clamp(16px,1.8vw,19px);line-height:1.55;max-width:780px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:13px;text-decoration:none;font-weight:850;border:1px solid transparent;transition:transform .15s,background .15s}.hero-button:hover{transform:translateY(-2px)}.hero-button--primary{background:#fff;color:var(--brand-blue);box-shadow:0 10px 24px rgba(0,0,0,.13)}.hero-button--secondary{border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.08);color:#fff}
.hero__steps{display:flex;gap:26px;flex-wrap:wrap;list-style:none;padding:0;margin:26px 0 0;color:rgba(255,255,255,.9);font-size:14px;font-weight:700}.hero__steps li{display:flex;align-items:center;gap:9px}.hero__steps span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.32);font-size:12px}
.pill{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);margin:0 7px 7px 0;font-size:14px}
.wrap{width:min(1220px,94vw);margin:-36px auto 50px}
.toolbar{background:var(--card);padding:18px;border:1px solid #e3e9f1;border-radius:18px;box-shadow:0 8px 24px rgba(7,59,122,.06);display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;align-items:end}
.catalog-directions{background:var(--card);border:1px solid #dfe7f1;border-radius:22px;padding:22px;margin:0 0 18px;box-shadow:0 14px 38px rgba(7,59,122,.09)}
.catalog-directions__head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:16px}.catalog-directions__head h2{margin:1px 0 0;font-size:25px;letter-spacing:-.35px}.catalog-directions__head p{margin:5px 0 0;color:var(--muted);font-size:14px}.catalog-directions__head .section-kicker{margin:0;color:var(--secondary);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.catalog-directions__links{font-size:14px;font-weight:800;color:var(--accent);white-space:nowrap}
.group-filter{display:flex;flex-wrap:wrap;gap:9px}.group-filter__button{border:1px solid #c9d8e8;background:#f5f9fd;color:#24466d;border-radius:999px;padding:10px 15px;font:inherit;font-size:14px;font-weight:850;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.group-filter__button:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft)}.group-filter__button.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 7px}
input,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;background:white;color:var(--text);outline:none}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(7,59,122,.10)}
.stats{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(420px,2.35fr) minmax(180px,.65fr);gap:14px;margin:18px 0}
.stats div{background:white;border-radius:18px;padding:16px 18px;border:1px solid var(--line)}
.stats strong{display:block;font-size:26px;color:var(--accent)}
.stats span{color:var(--muted);font-size:13px}
.stats .stats__categories{padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;min-width:0}.stats .stats__category-head{padding:0;border:0;border-radius:0;white-space:nowrap}.category-shortcuts{display:flex;flex-wrap:wrap;gap:7px;overflow:visible;padding:3px 2px!important;border:0!important;border-radius:0!important}.category-shortcut{flex:0 0 auto;border:1px solid #cbdbea;background:#f5f9fd;color:#24466d;border-radius:999px;padding:8px 11px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,transform .15s}.category-shortcut:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.category-shortcut.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.category-shortcut span{display:inline-grid;place-items:center;min-width:21px;height:21px;margin-left:4px;padding:0 5px;border-radius:999px;background:rgba(7,59,122,.09);color:inherit;font-size:11px}.category-shortcut.is-active span{background:rgba(255,255,255,.18)}
.notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:18px;padding:14px 16px;margin:18px 0}
.hidden{display:none!important}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.06);display:flex;flex-direction:column;transition:transform .16s ease, box-shadow .16s ease}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card__img{height:250px;background:linear-gradient(135deg,#e0f2fe,#f0fdfa);display:grid;place-items:center;position:relative;cursor:zoom-in;overflow:hidden}
.card__img img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.card__placeholder{font-weight:800;color:var(--accent);font-size:42px;opacity:.5;text-align:center;padding:18px}
.card__body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1}
.badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:5px 10px;background:#e9f7f5;color:#086b66;font-weight:800;font-size:12px}
.card h3{margin:0;font-size:18px;line-height:1.22}
.muted{color:var(--muted);font-size:13px;margin:0}
.desc{color:#344054;font-size:14px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.price{font-size:21px;font-weight:900;color:#0f172a;margin:0}
.oldprice{text-decoration:line-through;color:#98a2b3;font-size:14px;margin-left:8px}
.card__actions{margin-top:auto;display:flex;gap:10px;align-items:center}
.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border-radius:13px;background:var(--accent);color:white;padding:11px 14px;font-weight:800;border:1px solid var(--accent);cursor:pointer;transition:background .15s,transform .15s}.button:hover{background:var(--accent-dark);transform:translateY(-1px)}
.button--ghost{background:white;color:var(--accent)}
.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:24px}
.modal__shade{position:absolute;inset:0;background:rgba(15,23,42,.66);backdrop-filter:blur(6px)}
.modal__card{position:relative;width:min(1060px,96vw);max-height:92vh;background:white;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1.18fr .82fr;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.modal__close{position:absolute;right:16px;top:14px;z-index:3;border:0;border-radius:50%;width:42px;height:42px;background:rgba(15,23,42,.72);color:white;font-size:28px;line-height:1;cursor:pointer}
.modal__imageWrap{background:#f1f5f9;min-height:520px;display:grid;place-items:center}
.modal__imageWrap img{width:100%;height:100%;object-fit:contain;max-height:86vh}
.modal__body{padding:34px;overflow:auto}
.modal__body h3{font-size:30px;line-height:1.12;margin:14px 0}
.modal__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.footer{text-align:center;color:var(--muted);padding:28px 18px}
@media (max-width: 950px){
 .toolbar{grid-template-columns:1fr 1fr}
 .stats{grid-template-columns:1fr 1fr}.stats__categories{grid-column:1/-1;grid-row:2}
 .grid{grid-template-columns:repeat(2,1fr)}
 .modal__card{grid-template-columns:1fr;overflow:auto}
 .modal__imageWrap{min-height:360px}
}
@media (max-width: 640px){
 .hero__top{align-items:flex-start;flex-direction:column}
 .hero{padding:20px 20px 58px;border-bottom-left-radius:26px;border-bottom-right-radius:26px}.hero__content{margin-top:34px}.hero__content h2{font-size:36px;letter-spacing:-1px}.hero__actions{display:grid;grid-template-columns:1fr 1fr}.hero__steps{gap:12px;display:grid;grid-template-columns:1fr}.contacts{justify-content:flex-start}.contacts a{padding:8px 11px;font-size:13px}
 .toolbar,.stats,.grid{grid-template-columns:1fr}.stats__categories{grid-column:1;grid-row:auto}.stats .stats__categories{grid-template-columns:1fr;gap:10px}.category-shortcuts{width:100%}
 .card__img{height:220px}
}




/* Visible OKL phone number in header and footer */
#phoneLink.contact-phone{font-weight:900;font-size:18px;letter-spacing:.4px;padding:10px 18px;background:#fff;color:var(--brand-blue);border-color:#fff}
.footer__contacts{margin-top:8px;font-weight:800;color:var(--accent)}
.footer__contacts a{text-decoration:none;color:var(--accent)}
.footer__contacts a:hover{text-decoration:underline}



/* SEO/static pages, contact forms, request list */
.brand--link{text-decoration:none;color:white}
.pill--light{background:#f2f7fc;border-color:#cbdbea;color:var(--accent);text-decoration:none;margin:0 8px 8px 0}
.category-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.direction-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.05);transition:transform .16s ease,box-shadow .16s ease}.direction-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.direction-card h3{margin:0 0 8px;font-size:20px}.direction-card p{margin:0;color:var(--muted);line-height:1.5}.direction-card strong{margin-top:14px;color:var(--accent)}
.direction-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.direction-category-card{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:18px}.direction-category-card h3{margin:0 0 8px}.direction-category-card p{color:var(--muted);line-height:1.5}.direction-category-card a{color:var(--accent);font-weight:850;text-decoration:none}.direction-note{background:#eef8f7;border:1px solid #bcdedb;border-radius:18px;padding:18px;margin-top:18px}.direction-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.direction-nav a{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f2f7fc;border:1px solid #cbdbea;color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.direction-nav a.is-current{background:var(--accent);border-color:var(--accent);color:#fff}
.seo-section,.lead-section,.static-page .seo-section{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin:22px 0;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.lead-section{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.quick-actions,.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.lead-form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;gap:12px}
.lead-form textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;font:inherit;resize:vertical}
.breadcrumbs{margin:0 0 18px;color:var(--muted);font-size:14px}.breadcrumbs a{text-decoration:none;color:var(--accent);font-weight:800}
.product-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.product-photo{border-radius:22px;background:#f1f5f9;display:grid;place-items:center;min-height:480px;overflow:hidden}.product-photo img{width:100%;height:100%;max-height:680px;object-fit:contain}.product-info h2{font-size:clamp(28px,4vw,44px);line-height:1.06;margin:12px 0}.static-grid{margin-top:20px}.static-card h3 a{text-decoration:none}.static-card .card__img{text-decoration:none}.static-card .card__img img{transition:transform .2s}.static-card:hover .card__img img{transform:scale(1.03)}


@media(max-width:950px){.lead-section,.product-layout{grid-template-columns:1fr}.product-photo{min-height:320px}}
@media(max-width:950px){.direction-grid,.direction-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.catalog-directions__head{align-items:flex-start;flex-direction:column}.catalog-directions__links{white-space:normal}.group-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.group-filter__button{flex:0 0 auto}.direction-grid,.direction-category-grid{grid-template-columns:1fr}}


/* My Selection — temporary browser-only product list */
body.selection-open{overflow:hidden}
.selection-float{position:fixed;right:18px;bottom:18px;z-index:70;border:0;border-radius:999px;background:var(--accent);color:white;font-weight:900;padding:14px 18px;box-shadow:var(--shadow);cursor:pointer}
.selection-float span{display:inline-grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:white;color:var(--accent);margin-left:7px;padding:0 5px}
.selection-toast{position:fixed;right:18px;bottom:82px;z-index:71;max-width:min(390px,calc(100vw - 36px));padding:12px 15px;border:1px solid #9ecdbf;border-radius:14px;background:#e8f7f1;color:#0a5c49;font-size:14px;font-weight:850;box-shadow:0 12px 32px rgba(15,23,42,.14)}
.selection-shade{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:71;backdrop-filter:blur(2px)}
.selection-drawer{position:fixed;right:0;top:0;bottom:0;width:min(720px,100vw);z-index:72;background:#f8fafc;box-shadow:-18px 0 60px rgba(15,23,42,.25);padding:20px;overflow:auto}
.selection-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;position:sticky;top:-20px;background:#f8fafc;padding:20px 0 14px;z-index:2;border-bottom:1px solid var(--line)}
.selection-head strong{display:block;font-size:25px}.selection-head small{display:block;color:var(--muted);margin-top:4px}.selection-close{border:0;border-radius:50%;background:#0f172a;color:#fff;width:38px;height:38px;font-size:26px;line-height:1;cursor:pointer;flex:0 0 auto}
.selection-list{display:grid;gap:12px;margin:18px 0}.selection-empty{background:white;border:1px dashed #94a3b8;border-radius:18px;padding:30px;text-align:center}.selection-empty p{color:var(--muted);margin-bottom:0}
.selection-item{display:grid;grid-template-columns:92px 1fr auto;gap:14px;background:white;border:1px solid var(--line);border-radius:18px;padding:12px;align-items:center}.selection-thumb{width:92px;height:78px;border-radius:14px;background:#f1f5f9;display:grid;place-items:center;overflow:hidden;font-weight:900;color:var(--accent)}.selection-thumb img{width:100%;height:100%;object-fit:contain}.selection-item-main{min-width:0}.selection-item-title{font-weight:900;color:#0f172a;text-decoration:none;line-height:1.25}.selection-item-title:hover{text-decoration:underline}.selection-item-main small{display:block;color:var(--muted);margin:5px 0}.selection-item-price{font-weight:800;color:var(--accent);font-size:14px}.selection-qty{display:flex;align-items:center;gap:6px;margin-top:9px}.selection-qty button{width:32px;height:32px;border:1px solid var(--line);background:#f8fafc;border-radius:10px;font-size:20px;cursor:pointer}.selection-qty input{width:64px;height:32px;border:1px solid var(--line);border-radius:10px;text-align:center;font:inherit;font-weight:800;padding:0}.selection-item-side{text-align:right;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:118px}.selection-item-side strong{color:#0f172a}.selection-remove{border:0;background:#fee2e2;color:#991b1b;border-radius:10px;padding:7px 9px;cursor:pointer;align-self:flex-end}
.selection-summary{background:#eef8f7;border:1px solid #bcdedb;border-radius:18px;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.selection-summary>div{background:white;border-radius:13px;padding:10px}.selection-summary span{display:block;color:var(--muted);font-size:12px}.selection-summary strong{display:block;margin-top:3px}.selection-summary-total strong{color:var(--accent);font-size:19px}.selection-summary p{grid-column:1/-1;margin:0;color:#475569;font-size:13px}
.selection-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 22px}.selection-actions .button{flex:1 1 170px}.button--danger{background:#fff1f2;color:#9f1239;border-color:#fecdd3}.button:disabled{opacity:.5;cursor:not-allowed}
.selection-contact{background:white;border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:24px}.selection-contact h3{margin:0 0 6px}.selection-contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.selection-contact label{font-weight:800;font-size:14px}.selection-contact input,.selection-contact textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:13px;padding:12px;font:inherit;font-weight:400}.selection-contact label:nth-of-type(5),.selection-privacy,.selection-contact-actions,.selection-contact .turnstile-wrap,.selection-contact .form-status{grid-column:1/-1}.selection-privacy{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.selection-contact-actions{display:flex;justify-content:flex-end;gap:10px}
.selection-info-panel{background:#eef8f7;border:1px solid #bcdedb;border-radius:18px;padding:18px}.selection-info-panel h3{margin-top:0}.selection-info-panel ul{margin:10px 0 0;padding-left:20px}.selection-info-panel li{margin:7px 0}
@media(max-width:640px){.selection-drawer{padding:14px}.selection-head{top:-14px;padding-top:14px}.selection-item{grid-template-columns:70px 1fr}.selection-thumb{width:70px;height:66px}.selection-item-side{grid-column:2;flex-direction:row;align-items:center;text-align:left;min-width:0}.selection-summary{grid-template-columns:1fr 1fr}.selection-summary-total{grid-column:1/-1}.selection-contact form{grid-template-columns:1fr}.selection-contact label,.selection-privacy,.selection-contact-actions{grid-column:1}.selection-contact-actions{flex-direction:column-reverse}.selection-contact-actions .button{width:100%}}
@media print{.selection-float,.selection-shade,.selection-drawer{display:none!important}}

/* SEO pilot: mobilier scolar */
.product-summary{font-size:1.05rem;line-height:1.6}.product-details,.faq-section{margin-top:28px;padding:24px;background:#fff;border:1px solid #e6e9ef;border-radius:16px}.product-details h2,.faq-section h2{margin-top:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-grid>div{padding:16px;background:#f7f9fc;border-radius:12px}.detail-grid li,.product-details p{line-height:1.6}.spec-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spec-list div{padding:12px;background:#f7f9fc;border-radius:10px}.spec-list dt{font-weight:700}.spec-list dd{margin:4px 0 0}.faq-section details{padding:14px 0;border-top:1px solid #e6e9ef}.faq-section summary{cursor:pointer;font-weight:700}.faq-section details p{line-height:1.6;margin-bottom:0}@media(max-width:700px){.detail-grid,.spec-list{grid-template-columns:1fr}.product-details,.faq-section{padding:18px}}
.product-back-results{display:inline-flex;margin:0 0 18px}

/* Solution pages for institutional buyers */
.solution-hero .hero__top{display:none}.solution-hero .hero__content{max-width:980px;margin-top:0}.solution-intro>p:not(.section-kicker){max-width:920px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.solution-grid article{overflow:hidden;border:1px solid var(--line);background:#f8fafc;border-radius:18px;padding:0 19px 19px}.solution-grid article.solution-card-clickable{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}.solution-grid article.solution-card-clickable:hover,.solution-grid article.solution-card-clickable:focus-visible{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px rgba(15,72,120,.12);outline:none}.solution-card-image{display:block;width:calc(100% + 38px);height:210px;margin:0 -19px 17px;object-fit:cover;background:#eaf1f6}.solution-grid h3{margin:0 0 7px;font-size:18px}.solution-grid p{margin:0 0 12px;color:var(--muted);line-height:1.55}.solution-grid a{color:var(--accent);font-weight:850;text-decoration:none}.planning-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.planning-steps article{display:grid;grid-template-columns:42px 1fr;gap:13px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.planning-steps article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:#fff;font-weight:900}.planning-steps h3{margin:0 0 5px;font-size:17px}.planning-steps p{margin:0;color:var(--muted);line-height:1.5}.solution-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.solution-link-grid a{display:flex;flex-direction:column;gap:5px;padding:16px;border-radius:16px;border:1px solid #cbdbea;background:#f5f9fd;color:var(--accent);text-decoration:none;transition:transform .15s,border-color .15s}.solution-link-grid a:hover{transform:translateY(-2px);border-color:var(--accent)}.solution-link-grid span{color:var(--muted);font-size:13px;line-height:1.45}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:0;list-style:none}.check-list li{position:relative;padding:12px 12px 12px 42px;background:#f8fafc;border-radius:14px}.check-list li:before{content:"✓";position:absolute;left:15px;color:var(--secondary);font-weight:900}.visible-faq details{background:#fff}.solution-cta a{font-weight:800}.section-kicker{color:var(--secondary);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.brand__name{display:block;color:inherit;font-size:22px;font-weight:900;line-height:1.15}
@media(max-width:950px){.solution-grid,.solution-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.solution-grid,.solution-link-grid,.planning-steps,.check-list{grid-template-columns:1fr}}

/* Homepage visual redesign - OKL-VISUAL-20260726 */
:root{
 --okl-navy:#073b7a;
 --okl-blue:#0a4f91;
 --okl-teal:#087b75;
 --okl-ink:#10243e;
 --okl-soft:#f2f6fa;
 --okl-line:#d9e3ec;
 --okl-radius:20px;
}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body.home{background:#f4f7fa;color:var(--okl-ink);padding-bottom:0}
.skip-link{position:fixed;z-index:1000;left:12px;top:-60px;background:#fff;color:var(--okl-navy);padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:sticky;z-index:100;top:0;display:flex;align-items:center;gap:28px;min-height:72px;padding:9px clamp(18px,4vw,58px);background:rgba(255,255,255,.96);border-bottom:1px solid rgba(217,227,236,.9);box-shadow:0 5px 22px rgba(7,59,122,.07);backdrop-filter:blur(12px)}
.site-brand{display:flex;align-items:center;gap:12px;color:var(--okl-ink);text-decoration:none;min-width:max-content}.site-brand img{width:52px;height:52px;border-radius:13px;object-fit:cover}.site-brand span{display:flex;flex-direction:column}.site-brand strong{font-size:17px;letter-spacing:.02em}.site-brand small{margin-top:2px;color:#5d7087;font-size:12px}
.site-nav{display:flex;align-items:center;justify-content:center;gap:4px;margin-left:auto}.site-nav a{color:#27425f;text-decoration:none;font-size:14px;font-weight:750;padding:10px 11px;border-radius:10px}.site-nav a:hover,.site-nav a:focus-visible{background:#eef5fb;color:var(--okl-navy)}
.header-actions{display:flex;align-items:center;gap:7px}.language-current{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid var(--okl-line);border-radius:12px;color:var(--okl-navy);font-size:13px;font-weight:900}.icon-button,.header-phone{display:grid;place-items:center;height:42px;border:1px solid var(--okl-line);border-radius:12px;background:#fff;color:var(--okl-navy);cursor:pointer}.icon-button{width:42px;padding:0}.header-phone{grid-template-columns:21px auto;gap:8px;padding:0 12px;text-decoration:none;font-size:15px;font-weight:900;white-space:nowrap}.icon-button:hover,.icon-button:focus-visible,.header-phone:hover,.header-phone:focus-visible{background:#edf5fb;border-color:#aac3d8}.icon-button svg,.header-phone svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none}
.visual-hero{position:relative;min-height:min(670px,76vh);display:flex;align-items:end;overflow:hidden;background:#0b335e}.visual-hero__image,.visual-hero__shade{position:absolute;inset:0;width:100%;height:100%}.visual-hero__image{object-fit:cover;object-position:center 44%}.visual-hero__shade{background:linear-gradient(90deg,rgba(4,30,62,.92) 0%,rgba(4,45,78,.72) 45%,rgba(4,39,66,.2) 78%),linear-gradient(0deg,rgba(4,23,43,.6),transparent 54%)}
.visual-hero__content{position:relative;z-index:1;width:min(720px,90%);padding:clamp(48px,8vw,110px) clamp(20px,6vw,82px);color:#fff}.visual-hero__content .eyebrow{margin:0 0 14px;color:#bfe9e5;font-size:13px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.visual-hero__content h1{max-width:700px;margin:0;font-size:clamp(40px,5.6vw,72px);line-height:.99;letter-spacing:-.045em}.visual-hero__content>p:not(.eyebrow){max-width:640px;margin:20px 0 0;color:rgba(255,255,255,.9);font-size:clamp(16px,1.7vw,20px);line-height:1.55}.visual-hero .hero__actions{margin-top:28px}.button--light{background:#fff;border-color:#fff;color:var(--okl-navy)}.button--light:hover{background:#eef6fb;color:var(--okl-navy)}.button--outline-light{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.7);color:#fff}.button--outline-light:hover{background:rgba(255,255,255,.18)}.visual-label{display:inline-block;margin-top:22px;color:rgba(255,255,255,.68);font-size:11px}
.home-section,.catalog-shell{width:min(1220px,calc(100% - 36px));margin:0 auto;padding:76px 0}.home-section--soft{width:100%;max-width:none;padding-inline:max(18px,calc((100% - 1220px)/2));background:#eaf1f6}.category-first{padding-top:38px;padding-bottom:56px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-heading h1,.section-heading h2,.catalog-intro h2{margin:3px 0 0;font-size:clamp(29px,3.4vw,43px);line-height:1.08;letter-spacing:-.035em}.section-heading>p,.catalog-intro p{max-width:520px;margin:0;color:#5d7087;line-height:1.55}.section-kicker{margin:0;color:var(--okl-teal);font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.text-link{color:var(--okl-navy);font-weight:850;text-underline-offset:3px}
.audience-section{padding-top:62px}.audience-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-auto-rows:245px;gap:16px}.visual-card{position:relative;display:block;overflow:hidden;border-radius:var(--okl-radius);background:#163b5d;color:#fff;text-decoration:none}.visual-card--wide{grid-row:span 2}.visual-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.visual-card:hover img{transform:scale(1.035)}.visual-card__overlay{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;justify-content:end;min-height:54%;padding:26px 24px;background:linear-gradient(0deg,rgba(4,25,46,.93),rgba(4,25,46,0));text-shadow:0 1px 3px rgba(0,0,0,.4)}.visual-card__overlay strong{font-size:clamp(21px,2vw,28px);line-height:1.08}.visual-card__overlay small{margin-top:7px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.4}
.category-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.category-visual{position:relative;height:230px;overflow:hidden;border-radius:18px;background:#12395f;text-decoration:none}.category-visual img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.category-visual:hover img{transform:scale(1.04)}.category-visual:after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(transparent,rgba(5,27,48,.88))}.category-visual span{position:absolute;z-index:1;left:18px;right:18px;bottom:17px;color:#fff;font-size:18px;font-weight:900;line-height:1.2}
.solution-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.solution-cards a{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:0 0 24px;border:1px solid #cddbe7;border-radius:18px;background:#fff;color:var(--okl-ink);text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s}.solution-cards a:hover{transform:translateY(-3px);border-color:#8db6d5;box-shadow:0 14px 30px rgba(7,59,122,.09)}.solution-cards a>img{display:block;width:100%;height:260px;object-fit:cover;background:#eaf1f6}.solution-cards span{display:inline-flex;align-items:center;align-self:flex-start;width:auto;min-height:30px;margin:14px 24px 0;padding:0 11px;border-radius:999px;background:#e7f3f4;color:var(--okl-teal);font-size:12px;font-weight:900}.solution-cards strong{margin:0;padding:22px 24px 0;font-size:21px;line-height:1.2}.solution-cards small{margin:8px 24px 0;color:#62758a;line-height:1.45}
.popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.popular-card{border-radius:18px;box-shadow:none}.popular-card__image{display:block;height:220px;background:#edf2f6;overflow:hidden}.popular-card__image img{width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .25s}.popular-card:hover .popular-card__image img{transform:scale(1.025)}.popular-card__body{display:flex;flex:1;flex-direction:column;padding:17px}.popular-card h3{margin:10px 0 7px;font-size:18px;line-height:1.25}.popular-card h3 a{color:var(--okl-ink);text-decoration:none}.popular-card__purpose{display:-webkit-box;overflow:hidden;margin:0;color:#62758a;font-size:13px;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}.popular-card .price{margin-top:auto;padding-top:16px}.popular-card__actions{display:grid;grid-template-columns:1fr;gap:8px}.popular-card__actions .button{font-size:13px}
.benefits{padding-top:36px}.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.benefit-grid article{padding:24px 21px;border:1px solid var(--okl-line);border-radius:18px;background:#fff}.benefit-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e7f3f4;color:var(--okl-teal);font-size:12px;font-weight:950}.benefit-grid h3{margin:19px 0 8px;font-size:18px}.benefit-grid p{margin:0;color:#62758a;font-size:14px;line-height:1.55}
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.example-grid figure{margin:0;overflow:hidden;border-radius:18px;background:#fff;border:1px solid var(--okl-line)}.example-grid img{display:block;width:100%;height:280px;object-fit:cover}.example-grid figcaption{padding:15px 18px;color:#38526e;font-size:14px;font-weight:750}
.offer-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;padding:48px;border-radius:26px;background:linear-gradient(135deg,#073b7a,#075f75);color:#fff}.offer-copy h2{margin:6px 0 16px;font-size:clamp(32px,4vw,48px)}.offer-copy>p{color:rgba(255,255,255,.84);line-height:1.6}.offer-copy a{color:#fff;font-weight:800}.offer-section .section-kicker{color:#b9ebe7}.offer-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:22px;border-radius:20px;background:#fff;color:var(--okl-ink)}.offer-form label{font-size:13px;font-weight:800}.offer-form label span{color:#718297;font-weight:500}.offer-form input,.offer-form textarea{width:100%;margin-top:6px;border:1px solid #cad8e4;border-radius:11px;padding:12px 13px;font:inherit}.offer-form input:focus,.offer-form textarea:focus{outline:3px solid rgba(8,123,117,.18);border-color:var(--okl-teal)}.offer-form__full{grid-column:1/-1}.offer-form__actions{display:flex;flex-wrap:wrap;gap:10px}.honeypot{position:absolute!important;left:-10000px!important}.form-note,.form-status{margin:0;color:#64748b;font-size:12px;line-height:1.45}.form-status{color:#14635f;font-weight:750}.turnstile-wrap{min-height:0}.turnstile-wrap:empty{display:none}.turnstile-wrap iframe{max-width:100%}
.catalog-shell{padding-top:86px}.category-first{padding-bottom:20px}.category-first+.catalog-shell{padding-top:28px}.catalog-intro{margin-bottom:20px}.catalog-shell .group-filter{margin-bottom:16px}.catalog-shell .toolbar{margin:0}.catalog-reset{display:flex;justify-content:flex-end;grid-column:1/-1;margin:0}.catalog-shell .stats{margin-top:16px}.catalog-more{text-align:center;padding:24px 0}.catalog-more p{color:#62758a}.catalog-more__button{min-width:240px}.category-offer-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0;padding:22px;border:1px solid #bfd3e4;border-radius:18px;background:#eef6fb}.category-offer-cta div{display:flex;flex-direction:column;gap:5px}.category-offer-cta span{color:#52677d}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{text-decoration:underline}.seo-copy{padding-top:26px}.seo-copy h2{font-size:30px}.seo-copy p{max-width:960px;color:#52677d;line-height:1.75}.seo-copy a{color:var(--okl-navy)}
.category-seo-intro{padding-top:18px;padding-bottom:8px}.category-seo-intro h2{margin:6px 0 10px;font-size:clamp(26px,3vw,38px);line-height:1.14}.category-seo-intro p{max-width:980px;color:#52677d;line-height:1.72}.seo-link-grid{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.seo-link-grid a{display:inline-flex;padding:9px 13px;border:1px solid #cbdbea;border-radius:999px;background:#f5f9fd;color:var(--okl-navy);font-weight:850;text-decoration:none}.seo-link-grid a:hover{border-color:var(--accent);color:var(--accent)}
body:not(.home) .header-phone,body.home[data-locked-group] .header-phone{border-color:transparent;border-radius:0;background:transparent}
body[data-catalog-preset="dotarea-institutiilor"] .category-first{padding-top:20px;padding-bottom:0}
body[data-catalog-preset="dotarea-institutiilor"] .section-heading{margin-bottom:0}
body[data-catalog-preset="dotarea-institutiilor"] .seo-copy{padding-top:8px;padding-bottom:14px}
body[data-catalog-preset="dotarea-institutiilor"] .seo-copy h2{margin:0 0 5px;font-size:25px}
body[data-catalog-preset="dotarea-institutiilor"] .seo-copy p{margin:4px 0;line-height:1.45}
body[data-catalog-preset="dotarea-institutiilor"] .seo-copy .quick-actions{margin-top:8px}
body[data-catalog-preset="dotarea-institutiilor"] .seo-copy .quick-actions .button:first-child{color:#fff}
body[data-catalog-preset="dotarea-institutiilor"] .catalog-shell{padding-top:18px}
body.home[data-locked-group] .category-first{padding-top:18px;padding-bottom:0}
body.home[data-locked-group] .catalog-shell{padding-top:12px}
.breadcrumbs .breadcrumb-title{display:inline;margin:0;color:inherit;font:inherit}
.product-page .hero{display:none}.product-page .wrap{margin:28px auto 50px}.product-page .breadcrumbs{margin-bottom:14px}.product-page .product-info h1{font-size:clamp(28px,4vw,44px);line-height:1.06;margin:12px 0}
.home .footer{margin-top:0;padding:34px max(20px,calc((100% - 1220px)/2));background:#092b4e}.footer__note{font-size:12px;opacity:.72}.mobile-bottom-nav{display:none}
.home :focus-visible{outline:3px solid #f3b63f;outline-offset:3px}
@media(max-width:1050px){
 .site-nav{position:absolute;top:66px;right:18px;display:none;min-width:235px;align-items:stretch;flex-direction:column;padding:10px;border:1px solid var(--okl-line);border-radius:15px;background:#fff;box-shadow:0 18px 45px rgba(7,34,64,.16)}.site-nav.is-open{display:flex}.menu-toggle{display:grid}
 .audience-grid{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.visual-card--wide{grid-row:auto;grid-column:span 2}
 .category-visual-grid,.popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .solution-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 html{scroll-padding-top:68px}body{padding-bottom:76px}
 .site-header{min-height:64px;padding:7px 14px}.site-brand{gap:9px}.site-brand img{width:46px;height:46px;border-radius:11px}.site-brand strong{font-size:14px}.site-brand small{display:none}.header-actions{margin-left:auto}.language-current{min-width:38px;height:38px}.icon-button,.header-phone{height:38px}.icon-button{width:38px}.header-phone{grid-template-columns:18px auto;gap:5px;padding:0 9px;font-size:13px}.header-phone svg{width:18px;height:18px}.site-nav{top:61px;left:12px;right:12px}
 .visual-hero{min-height:600px;align-items:end}.visual-hero__image{object-position:58% center}.visual-hero__shade{background:linear-gradient(0deg,rgba(4,27,54,.97) 0%,rgba(4,38,68,.77) 58%,rgba(4,37,62,.18) 100%)}.visual-hero__content{width:100%;padding:100px 20px 38px}.visual-hero__content h1{font-size:43px}.visual-hero__content>p:not(.eyebrow){font-size:16px}.visual-hero .hero__actions{display:grid;grid-template-columns:1fr}.visual-hero .button{min-height:48px}
 .home-section,.catalog-shell{width:calc(100% - 28px);padding:56px 0}.category-first{padding-top:26px;padding-bottom:42px}.home-section--soft{width:100%;padding-inline:14px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:21px}.section-heading h1,.section-heading h2,.catalog-intro h2{font-size:31px}
 .audience-grid{grid-template-columns:1fr 1fr;grid-auto-rows:205px;gap:10px}.visual-card--wide{grid-column:1/-1;height:265px}.visual-card__overlay{padding:18px 15px}.visual-card__overlay strong{font-size:20px}.visual-card__overlay small{font-size:12px}
 .category-visual-grid{gap:10px}.category-visual{height:190px}.category-visual span{left:13px;right:13px;bottom:13px;font-size:16px}
 .solution-cards{grid-template-columns:1fr}.solution-cards a{min-height:150px}.solution-cards strong{padding-top:20px}
 .popular-grid{grid-template-columns:1fr}.popular-card__image{height:270px}
 .benefit-grid{grid-template-columns:1fr}.example-grid{grid-template-columns:1fr}.example-grid img{height:240px}
 .offer-section{width:calc(100% - 28px);grid-template-columns:1fr;gap:24px;padding:28px 18px}.offer-form{grid-template-columns:1fr;padding:16px}.offer-form label,.offer-form__full{grid-column:1}
 .catalog-shell{padding-top:68px}.category-first+.catalog-shell{padding-top:18px}.catalog-shell .toolbar{grid-template-columns:1fr}.catalog-shell .stats{grid-template-columns:1fr}.catalog-shell .stats .stats__categories{grid-template-columns:1fr}.category-shortcuts{width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px!important}
 .mobile-bottom-nav{position:fixed;z-index:90;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #d4e0e9;background:rgba(255,255,255,.97);box-shadow:0 -8px 25px rgba(7,44,78,.1);backdrop-filter:blur(12px)}.mobile-bottom-nav a{position:relative;display:flex;align-items:center;flex-direction:column;gap:1px;min-height:50px;justify-content:center;color:#61758a;text-decoration:none}.mobile-bottom-nav a>span{font-size:22px;line-height:1}.mobile-bottom-nav small{font-size:10px;font-weight:800}.mobile-bottom-nav a.is-active{color:var(--okl-navy)}.mobile-bottom-nav b{position:absolute;top:1px;left:calc(50% + 8px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--okl-teal);color:#fff;font-size:10px}
 .selection-float{display:none!important}
 .selection-toast{right:14px;bottom:78px;max-width:calc(100vw - 28px)}
 .home .footer,.footer{padding-bottom:38px}
 .category-offer-cta{align-items:stretch;flex-direction:column}.category-offer-cta .button{width:100%;text-align:center}
}
@media(max-width:410px){
 .site-brand strong{display:none}.header-actions{gap:4px}.language-current{min-width:34px}.icon-button{width:36px}.header-phone{grid-template-columns:1fr;padding:0 7px;font-size:12px}.header-phone svg{display:none}
 .visual-hero__content h1{font-size:37px}
 .audience-grid{grid-template-columns:1fr}.visual-card--wide{grid-column:auto}.visual-card,.visual-card--wide{height:220px}
 .category-visual-grid{grid-template-columns:1fr 1fr}.category-visual{height:170px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.visual-card img,.category-visual img,.popular-card__image img{transition:none}}