/* Lab-Info Subscriptions v0.2.5 — редакционный стиль по умолчанию */
.lis-box{box-sizing:border-box;max-width:690px;width:100%;margin:34px 0 26px;padding:23px 0 20px;background:transparent;border:0;border-top:1px solid #cfdce4;border-bottom:1px solid #cfdce4;border-radius:0;color:#182331;text-align:left;line-height:1.45;}
.lis-box *{box-sizing:border-box;}
.lis-box.lis-editorial::before{content:"ПОДПИСКА LAB-INFO";display:block;font-size:10px;letter-spacing:.12em;font-weight:800;color:#147c89;margin-bottom:10px;line-height:1.4;}
.lis-box .lis-title{font-size:18px;line-height:1.32;font-weight:800;color:#192637;letter-spacing:-.018em;margin:0 0 5px;}
.lis-box .lis-intro{font-size:13.5px;line-height:1.5;color:#344658;font-weight:400;margin:0 0 14px;text-align:left;}
.lis-box .lis-form{margin:0;}
.lis-box .lis-row{display:flex;gap:8px;align-items:stretch;width:100%;max-width:615px;margin:0 0 11px;}
.lis-box .lis-email{min-width:0;flex:1 1 auto;width:auto;max-width:none;height:42px;border:1px solid #c9d5e0!important;border-radius:9px!important;padding:0 12px!important;background:#fff!important;color:#182331!important;font-size:13px!important;line-height:42px;box-shadow:none!important;}
.lis-box .lis-email::placeholder{color:#5b6875;opacity:1;}
.lis-box .lis-email:focus{outline:2px solid #95d8ee!important;outline-offset:0;border-color:#257caf!important;}
.lis-box .lis-button{flex:0 0 auto;width:auto;min-height:42px;white-space:nowrap;border:0!important;border-radius:9px;background:#176dad!important;color:#fff!important;padding:0 17px!important;font-size:13px!important;font-weight:750;line-height:1.3;cursor:pointer;box-shadow:none!important;}
.lis-box .lis-button:hover,.lis-box .lis-button:focus{background:#125d97!important;color:#fff!important;}
.lis-box .lis-check{display:flex;gap:7px;align-items:flex-start;margin-top:7px;font-size:12.6px;line-height:1.45;color:#293948;text-align:left;}
.lis-box .lis-check input[type=checkbox]{flex:0 0 auto;width:14px;height:14px;margin:3px 0 0;accent-color:#167cad;}
.lis-box .lis-check-copy{min-width:0;}
.lis-box .lis-check-main{font-weight:500;color:#293948;}
.lis-box .lis-legal-links{white-space:normal;}
.lis-box .lis-check a{color:#176da6!important;text-decoration:underline;text-underline-offset:2px;}
.lis-box .lis-optional{color:#293948;}
.lis-box .lis-note{font-size:12px;line-height:1.5;color:#5a6875;margin-top:10px;text-align:left;}
.lis-box .lis-notice{padding:9px 11px;border-radius:8px;margin:9px 0 11px;font-size:13px;}
.lis-box .lis-success{background:#eaf7f2;color:#17634e;}
.lis-box .lis-error{background:#fff0f0;color:#8e2b2b;}
.lis-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
/* Отдельное оформление для будущей главной: [labinfo_subscribe style="card"] */
.lis-box.lis-card{max-width:560px;margin:26px auto;padding:16px 18px;border:1px solid #dfe6ee;border-radius:14px;background:#f9fbfd;}
.lis-box.lis-card .lis-title{font-size:18px;}
.lis-box.lis-card .lis-intro{font-size:14px;margin-bottom:10px;}
.lis-box.lis-card .lis-row{max-width:none;}
@media (max-width:620px){
 .lis-box.lis-editorial{max-width:none;margin:28px 0 22px;padding:19px 0;}
 .lis-box.lis-card{max-width:none;margin:22px auto;padding:15px;}
 .lis-box .lis-title{font-size:17px;}
 .lis-box .lis-intro{font-size:13px;}
 .lis-box .lis-row{max-width:none;flex-direction:column;gap:9px;}
 .lis-box .lis-email{flex:auto;min-height:42px;width:100%;}
 .lis-box .lis-button{width:100%;min-height:42px;}
 .lis-box .lis-check{font-size:12.5px;}
}

/* Доступная подпись поля: читается экранным диктором, но не удваивает надпись визуально. */
.lis-box .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}

/* v0.2.6 — фирменный чёрный котик из согласованного макета. */
.lis-box.lis-editorial{max-width:760px;}
.lis-box.lis-editorial .lis-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 138px;
    grid-template-areas:"lis-head lis-cat" "lis-body lis-cat";
    column-gap:22px;
    row-gap:0;
    align-items:start;
}
.lis-box.lis-editorial .lis-head{grid-area:lis-head;min-width:0;}
.lis-box.lis-editorial .lis-main{grid-area:lis-body;min-width:0;}
.lis-box.lis-editorial .lis-row{max-width:none;}
.lis-box.lis-editorial .lis-mascot{
    grid-area:lis-cat;
    position:relative;
    width:138px;
    height:118px;
    align-self:start;
    margin:0;
    padding:0;
    pointer-events:none;
}
.lis-box.lis-editorial .lis-mascot-image{
    display:block;
    width:138px;
    height:115px;
    max-width:100%;
    object-fit:contain;
    border-radius:16px;
    border:1px solid #dce8f1;
    background:#f5fbff;
    box-shadow:0 5px 14px rgba(24,57,78,.055);
}
.lis-box.lis-editorial .lis-mascot-envelope{
    position:absolute;
    right:-4px;
    bottom:-1px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#e5f5f5;
    color:#087f87;
    border:3px solid #fff;
    border-radius:14px;
    box-shadow:0 2px 7px rgba(17,46,59,.10);
}
.lis-box.lis-editorial .lis-mascot-envelope svg{display:block;width:21px;height:21px;}
/* Вёрстка по ширине контейнера: корректна и при боковой панели WordPress. */
@media (max-width:750px){
 .lis-box.lis-editorial .lis-layout{
     grid-template-columns:minmax(0,1fr) 80px;
     grid-template-areas:"lis-head lis-cat" "lis-body lis-body";
     column-gap:10px;
     row-gap:10px;
 }
 .lis-box.lis-editorial .lis-mascot{width:80px;height:86px;}
 .lis-box.lis-editorial .lis-mascot-image{width:80px;height:83px;border-radius:12px;}
 .lis-box.lis-editorial .lis-mascot-envelope{width:29px;height:29px;border-radius:10px;border-width:2px;right:-3px;bottom:1px;}
 .lis-box.lis-editorial .lis-mascot-envelope svg{width:16px;height:16px;}
}
/* Мобильная версия повторяет макет: картинка у заголовка, форма — под ним. */
@media (max-width:620px){
 .lis-box.lis-editorial .lis-layout{row-gap:10px;}
 .lis-box.lis-editorial .lis-intro{margin-bottom:0;}
 .lis-box.lis-editorial .lis-main{width:100%;}
}
