
@font-face{font-family:"Bodoni Moda";src:url(/Themes/Monozo/Content/fonts/bodoni-500.ec5b785a.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(/Themes/Monozo/Content/fonts/bodoni-700.595d2834.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/Themes/Monozo/Content/fonts/instrument-400.9a91efaa.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/Themes/Monozo/Content/fonts/instrument-600.efb77091.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FAF7F3;color:#3B2F28;font-family:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-size:16px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:#7C4426}
[hidden]{display:none!important}
.mz-skip{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.mz-skip:focus{clip-path:none;width:auto;height:auto;background:#241A15;color:#fff;padding:10px 14px;z-index:99;left:8px;top:8px}
.master-wrapper-page{max-width:1280px;margin:0 auto;padding:0 24px}
@media(max-width:520px){.master-wrapper-page{padding:0 16px}}

/* ---- шапка движка: верхняя полоса, знак, меню ------------------------- */
.header-selectors-wrapper{background:#241A15;color:#B9ACA1;font-size:12.5px;letter-spacing:.06em}
.header-selectors-wrapper .master-wrapper-page{display:flex;gap:20px;justify-content:center;padding-block:9px;flex-wrap:wrap}
.header-selectors-wrapper b{color:#E4B98C;font-weight:600}
.header{background:#FAF7F3;border-bottom:1px solid #E2D8CD}
.header-upper{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px}
.header-logo a{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:30px;letter-spacing:.16em;color:#241A15;text-decoration:none;display:block;line-height:1}
.header-logo span{display:block;font-family:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-weight:400;font-size:10.5px;letter-spacing:.26em;color:#6E6158;margin-top:5px;text-transform:uppercase}
.search-box{text-decoration:none;display:flex;align-items:center;gap:8px;border:1px solid #E2D8CD;background:#fff;border-radius:2px;padding:8px 12px;color:#6E6158;font-size:13.5px;min-width:0}
.search-box svg{width:15px;height:15px;fill:none;stroke:#6E6158;stroke-width:2;flex:0 0 auto}
.header-menu{border-top:1px solid #E2D8CD}
.header-menu ul{display:flex;gap:26px;list-style:none;margin:0;padding:12px 0;flex-wrap:wrap;justify-content:center}
.header-menu a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#241A15;text-decoration:none;font-weight:600}
.header-menu a:hover,.header-menu a[aria-current="page"]{color:#7C4426}
@media(max-width:700px){.header-upper{flex-wrap:wrap;justify-content:center;text-align:center}.search-box{order:3;width:100%}}

/* ---- титульный разворот: кадр слева, индекс букв справа -------------- */
.mz-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;padding-block:34px 38px}
@media(max-width:900px){.mz-lead{grid-template-columns:1fr;gap:26px;padding-block:26px 32px}}
.mz-lead-shot{background:#F1EBE4;aspect-ratio:1/1;margin-top:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;max-width:240px}
.mz-lead-shot img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.mz-lead h1{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:clamp(32px,4.2vw,52px);line-height:1.04;margin:0 0 12px;color:#241A15}
.mz-lead .mz-stars{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#7C4426;margin:0 0 14px;font-weight:600}
.mz-lead p.mz-lede{font-size:17.5px;color:#3B2F28;margin:0 0 18px;max-width:52ch}
.mz-promise{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:7px;font-size:15px;color:#6E6158}
.mz-promise li{padding-left:20px;position:relative}
.mz-promise li::before{content:"";position:absolute;left:0;top:.6em;width:9px;height:1px;background:#C0845D}

/* ---- буквенный индекс (свой приём сайта) ----------------------------- */
.mz-index{border:1px solid #E2D8CD;background:#fff;padding:22px}
.mz-index h2{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:22px;margin:0 0 6px;color:#241A15}
.mz-index p{margin:0 0 16px;font-size:14.5px;color:#6E6158}
.mz-letters{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;list-style:none;margin:0;padding:0;max-width:940px}
.mz-letters.wide{grid-template-columns:repeat(13,1fr)}
@media(max-width:900px){.mz-letters.wide{grid-template-columns:repeat(9,1fr)}}
@media(max-width:560px){.mz-letters.wide{grid-template-columns:repeat(7,1fr)}}
@media(max-width:360px){.mz-letters.wide{grid-template-columns:repeat(5,1fr)}}
@media(max-width:520px){.mz-letters{grid-template-columns:repeat(5,1fr)}}
@media(max-width:360px){.mz-letters{grid-template-columns:repeat(4,1fr)}}
.mz-letters a,.mz-letters span{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;max-height:124px;font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:19px;text-decoration:none;border:1px solid #E2D8CD;color:#241A15;background:#FAF7F3}
.mz-letters a:hover{background:#C0845D;border-color:#C0845D;color:#241A15}
.mz-letters span{color:#BBB1A8;background:#F7F4F0}
.mz-letters b{font-size:11px;font-weight:400;color:#6E6158;display:block}

/* ---- секции ---------------------------------------------------------- */
.page-title{border-bottom:1px solid #E2D8CD;margin:0 0 26px}
.page-title h1{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:clamp(28px,3.6vw,44px);margin:0 0 14px;color:#241A15}
.mz-sec{padding-block:44px}
.mz-sec.tint{background:#F1EBE4}
.mz-sec.dark{background:#241A15;color:#EDE6DE}
.mz-sec.dark h2,.mz-sec.dark h3{color:#fff}
.mz-sec.dark a{color:#E4B98C}
.mz-sec.dark .mz-kick{color:#E4B98C}
.mz-sec.dark p{color:#EDE6DE}
.mz-kick{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#6E6158;margin:0 0 10px;font-weight:600}
.mz-sec h2{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:clamp(24px,3vw,36px);line-height:1.1;margin:0 0 12px;color:#241A15}
.mz-lede{color:#6E6158;margin:0 0 24px;max-width:78ch}
.mz-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:20px}
.mz-more{font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#7C4426;text-decoration:none;border-bottom:1px solid #C0845D;padding-bottom:2px;white-space:nowrap}
.mz-cols{columns:2;column-gap:40px}
.mz-cols p{margin:0 0 14px;break-inside:avoid}
@media(max-width:1000px){.mz-cols{columns:1}}
.mz-two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:start}
.mz-two>*{min-width:0}
@media(max-width:900px){.mz-two{grid-template-columns:1fr;gap:22px}}

/* ---- две линейки ------------------------------------------------------ */
.mz-lanes{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:820px){.mz-lanes{grid-template-columns:1fr}}
.mz-lane{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:22px;align-items:center;border:1px solid #E2D8CD;background:#fff;padding:24px;text-decoration:none;color:#3B2F28}
.mz-lane-shot{background:#F1EBE4;aspect-ratio:1/1;overflow:hidden;width:100%;max-width:190px}
.mz-lane-shot img{width:100%;height:100%;object-fit:contain}
.mz-lane h3{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:26px;margin:0 0 8px;color:#241A15}
.mz-lane b{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#7C4426;margin-bottom:8px}
.mz-lane p{margin:0 0 12px;font-size:15px;color:#6E6158}
@media(max-width:980px){.mz-lane{grid-template-columns:1fr}.mz-lane-shot{max-width:160px}}

/* ---- сетка товаров движка: item-box / product-item ------------------- */
.product-grid{margin:0}
.product-grid .item-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin:0;padding:0}
.item-box{flex:1 1 230px;max-width:min(calc(25% - 15px),262px);min-width:0}
@media(max-width:1040px){.item-box{max-width:min(calc(50% - 10px),300px)}}
@media(max-width:560px){.item-box{max-width:100%;flex-basis:100%}}
.product-item{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #E2D8CD}
.product-item .picture{display:block;background:#F1EBE4;aspect-ratio:1/1;overflow:hidden;position:relative}
.product-item .picture img{width:100%;height:100%;object-fit:contain;display:block}
.mz-flags{position:absolute;left:0;top:0;display:flex;flex-direction:column;gap:1px;z-index:1}
.mz-flag{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:#241A15;color:#fff;padding:4px 9px}
.mz-flag.gold{background:#C0845D;color:#241A15;font-weight:600}
.product-item .details{padding:14px 14px 16px;display:flex;flex-direction:column;flex:1}
.product-title{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:15.5px;line-height:1.3;margin:0;min-height:2.6em;overflow-wrap:anywhere}
.product-title a{color:#241A15;text-decoration:none}
.product-title a:hover{color:#7C4426}
.product-item .description{overflow-wrap:anywhere;font-size:13.5px;color:#6E6158;margin:8px 0 0;min-height:2.6em}
.product-rating-box{margin:10px 0 0;font-size:12.5px;color:#6E6158}
.product-rating-box .rating{color:#7C4426;letter-spacing:.06em}
.mz-specs{list-style:none;margin:10px 0 0;padding:0;font-size:13px;color:#3B2F28;display:grid;gap:3px}
.prices{margin-top:auto;padding-top:12px}
.actual-price{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:21px;color:#241A15}
.product-box-add-to-cart-button{display:block;margin-top:12px;background:#C0845D;color:#241A15;font-family:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-weight:600;font-size:14px;letter-spacing:.02em;text-align:center;text-decoration:none;padding:11px 14px;border:0;cursor:pointer}
.product-box-add-to-cart-button:hover{background:#7C4426;color:#fff}
.product-box-add-to-cart-button.soft{background:transparent;color:#7C4426;border:1px solid #C0845D}

/* ---- карточка товара --------------------------------------------------
   Двухколоночная часть называется .product-essential, как у движка. ИМЯ
   ВАЖНО: класс .product-details-page стоит на <body> (тип страницы движка), и
   сетка с тем же именем превращала в грид сам body — main получал 700px из
   1440, а кадр галереи ужимался до 306px (поймано браузерным аудитом 12.09). */
.product-essential{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;padding-block:26px}
.product-essential>*{min-width:0}
@media(max-width:900px){.product-essential{grid-template-columns:1fr;gap:22px}}
.gallery .picture{background:#F1EBE4;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%}
.gallery .picture img{width:100%;height:100%;object-fit:contain}
.gallery .picture-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.gallery .picture-thumbs button{width:64px;height:64px;padding:0;border:1px solid #E2D8CD;background:#F1EBE4;cursor:pointer;overflow:hidden}
.gallery .picture-thumbs button[aria-current="true"]{border-color:#241A15}
.gallery .picture-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
.product-name h1{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.1;margin:0 0 10px;color:#241A15}
.overview .short-description{font-size:16px;color:#6E6158;margin:0 0 16px}
.overview .prices{background:#F1EBE4;padding:18px;margin:18px 0 0}
.overview .actual-price{font-size:30px}
.overview .mz-note{font-size:12.5px;color:#6E6158;margin:10px 0 0}
.mz-letter-picker{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:14px 0 0;padding:0}
.mz-letter-picker a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 auto;border:1px solid #E2D8CD;text-decoration:none;color:#241A15;font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:15px;background:#fff}
.mz-letter-picker a[aria-current="page"]{background:#241A15;color:#fff;border-color:#241A15}
.product-collateral{padding-block:34px}
.mz-table-box{overflow-x:auto;border:1px solid #E2D8CD;background:#fff}
.mz-table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:520px}
.mz-table th,.mz-table td{text-align:left;padding:11px 14px;border-bottom:1px solid #E2D8CD}
.mz-table th{font-weight:600;color:#241A15;background:#F1EBE4;white-space:nowrap}
.mz-table tbody tr:last-child th,.mz-table tbody tr:last-child td{border-bottom:0}
.mz-n{font-variant-numeric:tabular-nums}
.mz-box{border:1px solid #E2D8CD;background:#fff;padding:20px}
.mz-box b{display:block;font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:17px;color:#241A15;margin-bottom:8px}
.mz-box p{margin:0 0 10px;font-size:14.5px;color:#6E6158}
.mz-box .mz-num{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:32px;color:#7C4426;line-height:1;display:block;margin-bottom:6px}
.mz-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media(max-width:900px){.mz-tiles{grid-template-columns:1fr}}
.mz-prose h3{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:19px;margin:22px 0 8px;color:#241A15}
.mz-prose p{margin:0 0 13px}
blockquote.mz-quote{margin:14px 0 0;padding:14px 18px;background:#F1EBE4;border-left:3px solid #C0845D}
blockquote.mz-quote p{margin:0 0 8px;font-size:16px}
blockquote.mz-quote cite{font-style:normal;font-size:12px;color:#6E6158}
.mz-srcs{list-style:none;margin:12px 0 0;padding:0;font-size:14px}
.mz-srcs li{margin-bottom:10px}
.mz-srcs b{display:block;font-weight:600}
.mz-srcs span{color:#6E6158;font-size:13px}
.breadcrumb{padding-block:14px;font-size:12.5px;color:#6E6158}
.breadcrumb a{color:#6E6158;text-decoration:none}
.breadcrumb a:hover{color:#7C4426}
.mz-count{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:#6E6158;margin:0 0 14px}
.mz-pager{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:26px;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase}
.mz-pager a{color:#7C4426;text-decoration:none;border-bottom:1px solid #C0845D}
.mz-pager span{color:#6E6158}
.mz-note-sm{font-size:12.5px;color:#6E6158;margin:8px 0 0}

/* ---- подвал движка --------------------------------------------------- */
.footer{background:#241A15;color:#B9ACA1;margin-top:46px;padding-block:40px 22px}
.footer-upper{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}
@media(max-width:900px){.footer-upper{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-upper{grid-template-columns:1fr}}
.footer h2{font-family:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;font-weight:600;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#E4B98C;margin:0 0 12px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.footer a{color:#EDE6DE;text-decoration:none}
.footer a:hover{color:#E4B98C}
.footer .footer-logo{font-family:"Bodoni Moda", "Times New Roman", serif;font-weight:700;font-size:26px;letter-spacing:.16em;color:#fff;display:block;margin-bottom:10px}
.footer p{font-size:14px;color:#B9ACA1;max-width:44ch;margin:0 0 10px}
.footer-lower{margin-top:28px;padding-top:16px;border-top:1px solid #3A2D25;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px}
