/**
 * Nantes 2.0 modern presentation layer.
 * Intentionally additive: existing Nantes markup, options and page-builder output remain supported.
 */
:root{--n2-bg:#f7f8fa;--n2-surface:#fff;--n2-text:#17202a;--n2-muted:#6b7280;--n2-line:rgba(17,24,39,.10);--n2-radius:16px;--n2-radius-sm:10px;--n2-shadow:0 10px 35px rgba(15,23,42,.08);--n2-shadow-hover:0 16px 42px rgba(15,23,42,.13);--n2-speed:180ms}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{color:var(--n2-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{height:auto;max-width:100%}
a,button,input,select,textarea{transition:color var(--n2-speed) ease,background-color var(--n2-speed) ease,border-color var(--n2-speed) ease,box-shadow var(--n2-speed) ease,transform var(--n2-speed) ease}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
#branding{backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}
#branding .wrapper{max-width:1240px}
#branding img{max-height:64px;width:auto}
#main-menu a,#mobile-menu a{letter-spacing:.01em}
#page-title-wrap{background-size:cover;background-position:center}
button,.button,input[type=submit],input[type=button],input[type=reset],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border-radius:999px!important;font-weight:600;letter-spacing:.01em;box-shadow:none}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=search],input[type=number],select,textarea{border-radius:var(--n2-radius-sm);border:1px solid var(--n2-line);background:var(--n2-surface);min-height:44px}
textarea{min-height:120px}
.product-item .product-wrap,.woocommerce ul.products li.product .product-wrap{overflow:hidden;border-radius:var(--n2-radius);background:var(--n2-surface);box-shadow:0 1px 0 var(--n2-line)}
.product-item .product-wrap:hover,.woocommerce ul.products li.product .product-wrap:hover{transform:translateY(-2px);box-shadow:var(--n2-shadow-hover)}
.product-item img,.woocommerce ul.products li.product img{transition:transform .35s ease}
.product-item .product-wrap:hover img,.woocommerce ul.products li.product .product-wrap:hover img{transform:scale(1.025)}
.product-item h3,.woocommerce ul.products li.product h2,.woocommerce ul.products li.product h3{line-height:1.35}
.woocommerce span.onsale{border-radius:999px;min-width:auto;min-height:auto;line-height:1;padding:.55em .8em}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--n2-radius-sm);box-shadow:0 1px 0 var(--n2-line)}
.woocommerce div.product div.images img{border-radius:var(--n2-radius)}
.woocommerce div.product .summary{line-height:1.65}
.woocommerce table.shop_table{border-radius:var(--n2-radius);overflow:hidden;border-color:var(--n2-line)}
#footer,#footer-bottom{border-top:1px solid var(--n2-line)}
@media (max-width:767px){#branding img{max-height:52px}.wrapper{padding-left:18px;padding-right:18px}.product-item .product-wrap,.woocommerce ul.products li.product .product-wrap{border-radius:12px}button,.button,.woocommerce a.button{min-height:42px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Nantes 2.0 — AndroChem Telegram shortcut */
.nantes-telegram-contact {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9998;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 17px 0 13px;
    border-radius: 999px;
    background: #229ED9;
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .18);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.nantes-telegram-contact:hover,
.nantes-telegram-contact:focus {
    background: #168ac2;
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
}
.nantes-telegram-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 18px;
    transform: rotate(-18deg);
}
@media (max-width: 600px) {
    .nantes-telegram-contact {
        right: 14px;
        bottom: 14px;
        min-width: 48px;
        min-height: 48px;
        padding: 0;
        justify-content: center;
    }
    .nantes-telegram-label { display: none; }
}