/* 2026-09-24: окно покупки (t/buy_book_data.tpl) и выбор способа оплаты (t/pay_methods.tpl, он же на t/order.tpl).
   c/s.css задаёт почти каждому тегу font:14px и обычную толщину, Bootstrap 3 — свои поля у legend, label, p, h2:
   поэтому размер, толщина и поля здесь заданы явно. Цифры цены — OpenSansA: в AlegreyaB цифры старого стиля. */
.bmp-sprite{position:absolute; width:0; height:0; overflow:hidden}
/* атрибут hidden должен побеждать display:flex/grid ниже (промокод, поле почты, сообщения) */
.bmp-form [hidden], .a-checkout [hidden]{display:none!important}

/* окно */
.bmp-dialog{width:auto; max-width:460px; margin:48px auto}
.bmp-card{border:0; border-radius:14px; background:#FFFFFF; box-shadow:0 24px 64px rgba(31,28,24,.28)}
.bmp-form{position:relative; margin:0; padding:28px 28px 22px; font:400 15px/1.5 'OpenSansA',Arial,sans-serif; color:#1F1C18}
.bmp-close{position:absolute; top:12px; right:12px; width:36px; height:36px; padding:0; border:0; border-radius:50%;
	background:transparent; color:#8A8274; font:400 26px/36px Arial,sans-serif; cursor:pointer}
.bmp-close:hover{background:#F4F1EA; color:#1F1C18}
.bmp-close:focus-visible{outline:2px solid #557D03; outline-offset:2px}

/* книга и цена */
.bmp-book{display:flex; align-items:center; gap:16px; margin:0 0 22px; padding-right:32px}
.bmp-cover{flex:0 0 auto; display:block}
.bmp-cover img{display:block; width:72px; height:auto; border-radius:4px; box-shadow:0 2px 10px rgba(31,28,24,.2)}
.bmp-book-t{min-width:0}
.bmp-form .bmp-title{margin:0 0 2px; font:700 21px/1.2 'AlegreyaB',Georgia,serif; color:#1F1C18}/* сильнее body.skin-a h2 из c/a.css */
.bmp-author{margin:0 0 8px; font:400 14px/1.4 'OpenSansA',Arial,sans-serif; color:#6B6355}
.bmp-price{font:600 26px/1.1 'OpenSansA',Arial,sans-serif; color:#1F1C18; letter-spacing:-.01em}
.bmp-rub{font:600 22px/1 'OpenSansA',Arial,sans-serif}

/* способы оплаты */
.bmp-methods{width:100%; min-width:0; max-width:none; margin:0 0 18px; padding:0; border:0}/* сайт ограничивает fieldset 300px */
.bmp-cap{display:block; width:auto; margin:0 0 8px; padding:0; border:0; font:600 13px/1.4 'OpenSansA',Arial,sans-serif; color:#6B6355}
.bmp-grid{display:grid; gap:10px; grid-template-columns:repeat(2,minmax(0,1fr))}
.bmp-grid.bmp-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bmp-m{position:relative; display:block; margin:0; font-weight:400; cursor:pointer}
.bmp-m input{position:absolute; top:0; left:0; width:1px; height:1px; margin:0; opacity:0}
.bmp-m-in{display:flex; flex-direction:column; height:100%; padding:12px 14px 13px; border:1.5px solid #E3DDD0; border-radius:10px;
	background:#FFFFFF; transition:border-color .15s, background-color .15s, box-shadow .15s}
.bmp-m:hover .bmp-m-in{border-color:#B9C99A}
.bmp-m input:checked + .bmp-m-in{border-color:#557D03; background:#F4F8EC; box-shadow:inset 0 0 0 1px #557D03}
.bmp-m input:focus-visible + .bmp-m-in{outline:2px solid #557D03; outline-offset:2px}
.bmp-ic{display:block; width:24px; height:24px; margin:0 0 8px; color:#557D03}
.bmp-m-t{display:block; font:600 15px/1.3 'OpenSansA',Arial,sans-serif; color:#1F1C18}
.bmp-m-s{display:block; margin-top:2px; font:400 12.5px/1.35 'OpenSansA',Arial,sans-serif; color:#6B6355}
.bmp-one{display:flex; align-items:center; gap:10px; margin:0 0 18px; padding:12px 14px; border:1px solid #E3DDD0; border-radius:10px}
.bmp-one .bmp-ic{margin:0}
.bmp-one span{font:400 14px/1.4 'OpenSansA',Arial,sans-serif; color:#332F28}

/* почта, промокод */
.bmp-mail{display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 10px; margin:0 0 10px}
.bmp-mail-t, .bmp-mail-t b{font:400 14px/1.45 'OpenSansA',Arial,sans-serif; color:#332F28}
.bmp-mail-t b{font-weight:600; word-break:break-all}
.bmp-link{padding:0; border:0; background:none; font:400 14px/1.45 'OpenSansA',Arial,sans-serif; color:#557D03;
	text-decoration:underline; text-underline-offset:2px; cursor:pointer}
.bmp-link:hover{color:#3E5C02}
.bmp-field{margin:0 0 12px}
.bmp-lab{display:block; margin:0 0 6px; font:600 13px/1.4 'OpenSansA',Arial,sans-serif; color:#6B6355}
.bmp-input{display:block; width:100%; height:44px; margin:0; padding:0 14px; border:1px solid #C6BFAF; border-radius:8px;
	background:#FFFFFF; font:400 16px/1.2 'OpenSansA',Arial,sans-serif; color:#1F1C18; box-shadow:none}
.bmp-input:focus{border-color:#557D03; outline:2px solid rgba(85,125,3,.25); outline-offset:0}
.bmp-hint{margin:6px 0 0; font:400 12.5px/1.45 'OpenSansA',Arial,sans-serif; color:#6B6355}
.bmp-hint:empty{display:none}
.bmp-promo{margin:0 0 14px}
.bmp-promo-f{display:flex; gap:8px; margin-top:8px}
.bmp-promo-f .bmp-input{flex:1 1 auto; min-width:0}
.bmp-btn2{flex:0 0 auto; height:44px; padding:0 16px; border:1px solid #C6BFAF; border-radius:8px; background:#FFFFFF;
	font:600 14px/1 'OpenSansA',Arial,sans-serif; color:#332F28; cursor:pointer}
.bmp-btn2:hover{border-color:#557D03; color:#557D03}

/* согласие и кнопка */
.bmp-agree{display:flex; align-items:flex-start; gap:10px; margin:6px 0 4px; font-weight:400; cursor:pointer}
.bmp-agree input{flex:0 0 18px; width:18px; height:18px; margin:1px 0 0; accent-color:#557D03; cursor:pointer}
.bmp-agree span, .bmp-agree a{font:400 12.5px/1.5 'OpenSansA',Arial,sans-serif; color:#6B6355}
.bmp-agree a{color:#557D03; text-decoration:underline; text-underline-offset:2px}
.bmp-agree.is-err input{outline:2px solid #B3261E; outline-offset:2px}
.bmp-err{margin:4px 0 0 28px; font:400 13px/1.4 'OpenSansA',Arial,sans-serif; color:#B3261E}
.bmp-pay{display:block; width:100%; height:54px; margin:16px 0 0; padding:0 16px; border:0; border-radius:10px;
	background:#557D03; color:#FFFFFF; font:600 17px/1 'OpenSansA',Arial,sans-serif; cursor:pointer;
	box-shadow:0 8px 18px rgba(85,125,3,.28); transition:background-color .15s, transform .05s}
.bmp-pay:hover{background:#4A6D02}
.bmp-pay:active{transform:translateY(1px)}
.bmp-pay:focus-visible{outline:3px solid #9BB864; outline-offset:2px}
.bmp-pay[disabled]{opacity:.75; cursor:progress}
.bmp-trust{margin:10px 0 0; text-align:center; font:400 12.5px/1.4 'OpenSansA',Arial,sans-serif; color:#8A8274}

/* страница оформления корзины: плитки внутри колонки, без своих полей окна */
.a-checkout .bmp-methods{margin:4px 0 14px}
/* «Поблагодарить автора» на странице книги (t/item.tpl, #thanks): отступы даёт форма, подпись — как у полей «Сумма» и «Почта» */
.a-donate .bmp-methods{margin:0}
.a-donate .bmp-cap{margin:0 0 2px; font-weight:400; line-height:24px}

/* телефон: окно во весь экран, три способа — списком */
@media (max-width:520px){
	.bmp-dialog{max-width:none; margin:0}
	.bmp-card{min-height:100vh; border-radius:0; box-shadow:none}
	.bmp-form{padding:22px 18px 28px}
	.bmp-grid.bmp-n3{grid-template-columns:1fr}
	.bmp-grid.bmp-n3 .bmp-m-in{display:grid; grid-template-columns:24px 1fr; column-gap:12px; align-items:center; padding:12px 14px}
	.bmp-grid.bmp-n3 .bmp-ic{grid-row:span 2; margin:0}
	.bmp-grid.bmp-n3 .bmp-m-s{margin-top:0}
}