/* Единый подвал: стили как на главной. Подключается в блоке подвала на всех страницах. */
html body .footer a, html body .subscribe a{text-decoration:none}
html body .footer__list{list-style:none;padding:0}
html body .input-row{position: relative;}
html body .input-row + .input-row{margin-top: 1rem;}
html body .input-row label{position: absolute; top: 0px; z-index: 0; font-size: 1rem; left: 10px; line-height: 42px; color: rgb(153, 153, 153); transition: opacity 0.3s;}
html body .footer__bottom{padding: 3.3rem 0px;}
html body .footer__logo{float: left;}
html body .footer__logo svg{height: 30px; opacity: 0.5;}
html body .copy{float: right; text-align: right; font-size: 13px; line-height: 15px; color: rgb(102, 102, 102);}
html body .footer__top{background: rgb(246, 247, 249); padding: 3.3rem 0px;}
html body .footer__columns{display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px 20px;}
html body .footer__head{font-size: 14px; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase;}
html body .footer__list{display: block; margin: 0px;}
html body .js-accordion__content .footer__list{margin: 0px 0px 2rem;}
html body .footer__list li{display: block; font-size: 14px;}
html body .footer__list li + li{margin-top: 10px;}
html body .footer__margin{margin-top: 1rem;}
html body .footer__url{display: block; float: left; width: 18px;}
html body .footer__url + .footer__url{margin-left: 10px;}
html body .footer__url:hover, html body .mobile__wlink:hover{opacity: 0.5;}
html body .input-row{position: relative;}
html body .input-row .phone.unavailable:not(:focus) ~ label.active{opacity: 1;}
html body .input:not([type]).subscribe__input, html body input[type="text"]:not(.browser-default).subscribe__input{height: 50px; border: 1px solid rgb(204, 204, 204); line-height: 48px; width: 100%; padding: 0px 60px 0px 10px; margin: 0px 0px 1rem; border-radius: 5px;}
html body input:not([type]).subscribe__input:focus:not([readonly]), html body input[type="text"].subscribe__input:not(.browser-default):focus:not([readonly]){border: 1px solid rgb(51, 51, 51) !important;}
html body .subscribe label{left: 10px; line-height: 48px; color: rgb(153, 153, 153);}
html body .subscribe__title{font-size: 1.2rem; font-weight: 600; margin: 0px 0px 1rem;}
html body .subscribe__subtitle{font-size: 1.1rem; font-weight: 300; margin: 0px 0px 20px;}
html body .subscribe{padding: 3.3rem 0px;}
html body #mail .input-row label{color: rgb(51, 51, 51);}
html body .footer__url img{height: 18px; width: 18px;}
html body .pay-wrap{line-height: 16px; font-size: 13px; color: rgb(102, 102, 102); text-align: center; float: left;}
html body .pay-wrap img{height: 16px; filter: grayscale(100%); opacity: 0.7;}
html body .pay-wrap img + img{margin-left: 14px;}
html body .footer__logo{text-align: left;}
html body .footer__logo, html body .pay-wrap, html body .copy{width: 33.3333%;}
html body .madeby{opacity: 0.6; margin-top: 10px; display: flex; align-items: center; font-size: 13px; font-weight: 500; justify-content: flex-end; color: rgb(0, 0, 0) !important;}
html body .madeby span{line-height: 1;}
html body .madeby img{margin-left: 7px; height: 12px;}
html body .madeby:hover{opacity: 1;}
html body .app--buttons{margin-top: 20px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
html body .app--buttons img{max-width: 148px; width: 100%;}
html body .app--buttons a + a{margin-left: 1rem;}
html body .app--buttons a{opacity: 0.7;}
html body .app--buttons a:hover{opacity: 1;}
@media only screen and (max-width: 1217px){html body .pay-wrap img + img{margin-left: 10px;}}
@media only screen and (max-width: 992px){html body .madeby{justify-content: flex-start;}html body .footer__columns{grid-template-columns: repeat(2, 1fr); gap: 0px 20px;}html body .footer__logo, html body .pay-wrap{width: 50%;}html body .pay-wrap{text-align: right;}html body .copy{margin-top: 1rem; width: 100%; text-align: left;}}
@media only screen and (max-width: 768px){html body .footer__bottom{padding: 2rem 0px;}html body .input:not([type]).subscribe__input, html body input[type="text"]:not(.browser-default).subscribe__input{height: 40px; line-height: 38px; padding: 0px 50px 0px 10px;}html body .subscribe label{line-height: 38px;}html body .subscribe__subtitle{font-size: 1rem; font-weight: 400;}html body .subscribe__title{font-size: 1.1rem;}}
@media only screen and (max-width: 600px){html body .footer__logo svg, html body .footer__logo{height: 28px;}html body .footer__col{width: 100%; max-width: 100%;}html body .footer__logo, html body .pay-wrap{width: 100%;}html body .pay-wrap{margin-top: 1rem; text-align: left;}html body .copy{margin-top: 1rem; width: 100%; line-height: 18px; text-align: left;}html body .footer__columns{grid-template-columns: repeat(1, 1fr); gap: 0px;}html body .js-accordion__content .footer__list{margin: 0px 0px 1.5rem;}}
@media screen and (max-width: 600px){html body .footer__head{border-bottom: 1px solid rgb(227, 227, 227); padding-bottom: 1rem;}}
@media only screen and (max-width: 768px){html body .footer__bottom{padding: 2rem 0px 60px;}}
html body .agreement-wrapper a{text-decoration: underline;}
html body .agreement-wrapper a.call__link{border-width: medium; border-style: none; border-color: currentcolor; border-image: none;}
html body .captcha-notice{font-size: 12px; margin-top: 20px;}
html body .captcha-notice a{text-decoration: underline;}
html body #subscribe .agreement-wrapper span:last-of-type::before{content: ""; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; z-index: 0; border: 2px solid rgb(90, 90, 90); border-radius: 1px; margin-top: 3px; transition: 0.2s;}
html body #subscribe .agreement-wrapper{position: relative;}
html body #subscribe .agreement-wrapper span:last-of-type{padding-left: 30px;}
html body #subscribe [type="checkbox"]:checked ~ span:last-of-type::before{top: -4px; left: -5px; width: 12px; height: 22px; border-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 0) rgb(38, 166, 154) rgb(38, 166, 154) rgba(255, 255, 255, 0); transform: rotate(40deg); backface-visibility: hidden; transform-origin: 100% 100%;}
@media screen and (max-width: 550px){html body .app--buttons{justify-content: center;}}
html body .footer__list a[href^="tel:"]{text-decoration:none}
html body .copy a{display:inline;padding:0;min-height:0}
html body .copy .madeby{display:inline-flex}


/* 12.11: единая пагинация по центру (блог, каталоги) и переключатель «сетка/список» как в поиске */
html body .nav__text{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:24px auto 0;text-align:center}
html body .nav__text>a,html body .nav__text>.nav__text-current,html body .nav__text>.nav__text-first{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;margin:0;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:4px;background:#fff;color:#333;font-size:15px;line-height:1;text-decoration:none}
html body .nav__text>a:hover{border-color:#00908c;color:#00908c}
html body .nav__text>.nav__text-current{background:#00908c;border-color:#00908c;color:#fff;font-weight:500}
html body .nav__text>.nav__text-first{color:#bbb}
/* переключатель есть только на телефоне (до 600px), на компьютере он не работает и скрыт, как было в шаблоне */
@media only screen and (max-width:600px){
html body .toggle-container{display:flex;gap:6px;justify-content:flex-end}
html body .catalog--sort{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
html body .catalog--sort .toggle-container{margin:0 0 0 auto}
}
html body .toggle-container .toggle-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;box-sizing:border-box;border:1px solid #e1e1e1;border-radius:4px;background:#fff;color:#9a9a9a;cursor:pointer}
html body .toggle-container .toggle-icon svg,html body .toggle-container .toggle-icon svg *{stroke:currentColor!important;fill:none!important}
html body .toggle-container .toggle-icon svg path[stroke=none]{stroke:none!important}
html body .toggle-container .toggle-icon.active{background:#e8f4f3;border-color:#00908c;color:#333}

/* 13.11: карточки товаров в каталогах как в поиске — белая карточка с рамкой и скруглением, фото во всю ширину сверху,
   тень и плавное увеличение фото при наведении. Печать и сувениры (.print__item), фотокниги (.collections__item),
   выпускные альбомы (.good__item) и «Другие альбомы» на страницах товаров (.good__item>.good__inner). */
html body .print__item>.news__inner,html body .collections__item>.news__inner,html body .good__item>.news__inner,html body .good__item>.good__inner{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-sizing:border-box;transition:box-shadow .25s}
html body .print__item>.news__inner:hover,html body .collections__item>.news__inner:hover,html body .good__item>.news__inner:hover,html body .good__item>.good__inner:hover{box-shadow:0 6px 24px rgba(0,0,0,.08)}
html body .print__item .news__pic,html body .collections__item .news__pic,html body .good__item .news__pic{position:relative;display:block;overflow:hidden;border-radius:0!important;margin:0!important;background-color:#f4f4f5}
/* вместо старого «фото бледнеет наполовину» — только увеличение */
html body .print__item .news__pic:hover,html body .collections__item .news__pic:hover,html body .good__item .news__pic:hover{opacity:1}
/* увеличение фото: картинка-тег и фото фоном (через слой с тем же фоном) */
html body .print__item .news__pic img,html body .collections__item .news__pic img,html body .good__item .news__pic img{transition:transform .45s ease;border-radius:0!important}
html body .print__item .news__pic::before,html body .collections__item .news__pic::before,html body .good__item .news__pic::before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .45s ease;pointer-events:none}
html body .print__item>.news__inner:hover .news__pic img,html body .collections__item>.news__inner:hover .news__pic img,html body .good__item>.news__inner:hover .news__pic img,html body .good__item>.good__inner:hover .news__pic img,
html body .print__item>.news__inner:hover .news__pic::before,html body .collections__item>.news__inner:hover .news__pic::before,html body .good__item>.news__inner:hover .news__pic::before,html body .good__item>.good__inner:hover .news__pic::before{transform:scale(1.06)}
/* отступы текста внутри карточки */
html body .print__item>.news__inner>:not(.news__pic):not(.good__sticker):not(.megacolors):not(.btn-large):not(.minibook__price),
html body .collections__item>.news__inner>:not(.news__pic):not(.good__sticker):not(.megacolors):not(.btn-large):not(.minibook__price),
html body .good__item>.news__inner>:not(.news__pic):not(.news__wrapper):not(.good__sticker):not(.megacolors):not(.btn-large):not(.minibook__price),
html body .good__item>.good__inner>:not(.news__pic){margin-left:18px;margin-right:18px}
html body .print__item .news__title,html body .collections__item .news__title,html body .good__item .news__title{margin-top:16px!important}
html body .print__item .news__title a,html body .collections__item .news__title a,html body .good__item .news__title a{font-size:16px;font-weight:700;line-height:1.35;color:#222}
html body .print__item .news__text,html body .good__item .news__inner>ul,html body .collections__item .minibook__properties{color:#777;font-size:14px;line-height:1.5}
/* нижний ряд (кнопка; цена с кнопкой) стоит внизу карточки: отодвигаем его от краёв на 18px */
html body .print__item>.news__inner{padding-bottom:18px!important}
html body .print__item>.news__inner:has(>.btn-large){padding-bottom:75px!important}
html body .print__item>.news__inner>.btn-large{left:18px!important;bottom:18px!important;margin:0!important}
html body .collections__item>.news__inner,html body .good__item.news__item>.news__inner{padding-bottom:54px!important}
html body .good__item.albums--newitem>.news__inner{padding-bottom:72px!important}
html body .sticky-materials .print__item>.news__inner{padding-bottom:18px!important}
/* календари: фото-обёртка .news__wrapper вместо .news__pic, цена с кнопкой в общем потоке */
html body .good__item>.news__inner>.news__wrapper{margin:0 0 0!important}
html body .good__item>.news__inner>.news__wrapper .news__thumb{border-radius:0!important;transition:transform .45s ease}
html body .good__item>.news__inner:hover>.news__wrapper .news__thumb{transform:scale(1.06)}
html body .good__item.news__item>.news__inner:has(>.news__wrapper){padding-bottom:18px!important}
html body .good__item>.news__inner:has(>.news__wrapper)>.minibook__price{margin:12px 18px 0!important}
html body .collections__item>.news__inner>.minibook__price,html body .good__item>.news__inner>.minibook__price{left:18px!important;right:18px!important;bottom:18px!important;width:auto!important;margin:0!important}
html body .good__item>.good__inner{padding-bottom:18px}
/* телефон, две колонки: цена и кнопка друг под другом, поля поуже */
@media only screen and (max-width:600px){
html body .works--list.two--col>.collections__item{min-width:0}
html body .works--list.two--col .collections__item>.news__inner,html body .goods>.row.two--col .good__item.albums--newitem>.news__inner{padding-bottom:92px!important}
html body .works--list.two--col .collections__item>.news__inner>:not(.news__pic):not(.good__sticker):not(.megacolors):not(.minibook__price),
html body .goods>.row.two--col .good__item>.news__inner>:not(.news__pic):not(.good__sticker):not(.megacolors):not(.minibook__price){margin-left:12px;margin-right:12px}
html body .works--list.two--col .collections__item>.news__inner>.minibook__price,html body .goods>.row.two--col .good__item>.news__inner>.minibook__price{left:12px!important;right:12px!important;bottom:12px!important}
}
/* «Другие альбомы» на странице товара: ровные ряды одной высоты */
html body .row:has(>.good__item>.good__inner){display:flex;flex-wrap:wrap}
html body .row>.good__item:has(>.good__inner){margin-left:0!important;margin-bottom:24px}
html body .good__item>.good__inner{height:100%}
@media (prefers-reduced-motion:reduce){html body .print__item .news__pic img,html body .collections__item .news__pic img,html body .good__item .news__pic img,html body .print__item .news__pic::before,html body .collections__item .news__pic::before,html body .good__item .news__pic::before,html body .good__item .news__wrapper .news__thumb{transition:none}}