/* Medical books: the live MedUC catalogue, presented as a quiet editorial bookshelf. */
.mbc { --mbc-bg:#050506; --mbc-surface:#16171a; --mbc-soft:#1c1c20; --mbc-cover:#252328; --mbc-ink:#fff; --mbc-muted:#b5b7bf; --mbc-line:#ffffff24; --mbc-red:#ed204f; --mbc-hero:#171310; background:var(--mbc-bg); color:var(--mbc-ink); font:400 15px/1.7 Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
html[data-meduc-theme="light"] .mbc { --mbc-bg:#fff; --mbc-surface:#fff; --mbc-soft:#f5f5f6; --mbc-cover:#f3f0eb; --mbc-ink:#191b20; --mbc-muted:#666d78; --mbc-line:#e1e3e8; --mbc-red:#bd263a; --mbc-hero:#f8f6f1; }
.mbc *,.mbc *::before,.mbc *::after { box-sizing:border-box; }
.mbc [hidden] { display:none !important; }
.mbc .mbc-shell { width:min(83.333333%,1440px); margin-inline:auto; }
.mbc h1,.mbc h2,.mbc h3,.mbc p { color:inherit; }
.mbc a { color:inherit; text-decoration:none; }
.mbc a:focus,.mbc button:focus,.mbc select:focus { outline:none !important; }
.mbc a:focus-visible,.mbc button:focus-visible,.mbc select:focus-visible { outline:2px solid var(--mbc-red) !important; outline-offset:4px; }
.mbc .mbc-eyebrow { margin:0 0 20px; color:var(--mbc-red); font:700 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.14em; }
.mbc-hero { overflow:hidden; background:var(--mbc-hero); }
.mbc-hero-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; padding-block:56px 65px; }
.mbc h1 { max-width:600px; margin:0; font:400 clamp(53px,5.2vw,78px)/1.13 Anton,Impact,sans-serif; letter-spacing:-.01em; text-wrap:balance; }
.mbc h1 span { display:block; color:var(--mbc-red); }
.mbc .mbc-hero-intro { max-width:440px; margin:24px 0 0; color:var(--mbc-muted); font-size:14px; line-height:1.85; }
.mbc-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:30px; }
.mbc .mbc-button { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; min-height:48px; padding:12px 19px; border-radius:6px; background:#e8234f; color:#fff; font:600 13px/1.5 Inter,Arial,sans-serif; transition:filter .2s; }
html[data-meduc-theme="light"] .mbc .mbc-button { background:#de2334; }
.mbc .mbc-button:hover { filter:brightness(1.12); color:#fff; }
.mbc-button>span { font-size:20px; line-height:1; }
.mbc-hero-actions>span { color:var(--mbc-muted); font-size:11px; }
.mbc-hero-actions strong { color:var(--mbc-ink); font-weight:600; }
.mbc-hero-art { position:relative; height:385px; min-width:0; isolation:isolate; }
.mbc-art-backdrop { position:absolute; inset:5px 8px 15px; border-radius:48% 48% 10px 10px; background:radial-gradient(ellipse at 50% 20%,#6a4b34,#29201b); }
html[data-meduc-theme="light"] .mbc-art-backdrop { background:radial-gradient(ellipse at 50% 20%,#f1e5d2,#ddd4c7); }
.mbc-hero-book { display:grid; place-items:center; position:absolute; bottom:30px; width:37%; height:76%; padding:8px; border-radius:4px 9px 9px 4px; background:#faf9f7; box-shadow:10px 15px 25px #0004; transform-origin:bottom center; overflow:hidden; }
.mbc-hero-book img { width:100%; height:100%; object-fit:contain; }
.mbc-hero-book:nth-of-type(1) { left:1%; z-index:1; transform:rotate(-11deg); height:69%; }
.mbc-hero-book:nth-of-type(2) { left:31%; z-index:3; transform:rotate(2deg); }
.mbc-hero-book:nth-of-type(3) { right:0; z-index:2; transform:rotate(12deg); height:70%; }
.mbc-art-note { position:absolute; right:-8px; bottom:-5px; z-index:4; display:flex; align-items:center; gap:13px; padding:15px 19px; border:1px solid var(--mbc-line); border-radius:6px; background:var(--mbc-surface); color:var(--mbc-ink); font:600 10px/1.6 Inter,Arial,sans-serif; letter-spacing:.09em; box-shadow:0 8px 25px #0001; }
.mbc-art-note svg { width:28px; height:28px; fill:none; stroke:var(--mbc-red); stroke-width:1.5; stroke-linejoin:round; }
.mbc-hero--category .mbc-hero-inner { grid-template-columns:1fr; gap:0; padding-block:45px; }
.mbc-hero--category h1 { max-width:1000px; font-size:clamp(42px,4.6vw,64px); }
.mbc-hero--category .mbc-hero-intro { max-width:640px; margin-top:18px; }
.mbc .mbc-back { display:inline-block; margin-bottom:17px; color:var(--mbc-muted); font-size:12px; }
.mbc .mbc-back:hover { color:var(--mbc-red); }
.mbc-topics { position:sticky; top:var(--mhi-header-h,66px); z-index:1010; border-block:1px solid var(--mbc-line); background:var(--mbc-bg); }
.mbc-topic-links { display:flex; gap:28px; overflow:auto; scrollbar-width:none; }
.mbc-topic-links::-webkit-scrollbar { display:none; }
.mbc-topic-links>a { display:flex; align-items:center; position:relative; min-height:60px; color:var(--mbc-muted); font-size:11px; font-weight:600; white-space:nowrap; }
.mbc-topic-links>a:hover,.mbc-topic-links>a[aria-current] { color:var(--mbc-ink); }
.mbc-topic-links>a[aria-current]::after { content:""; position:absolute; right:0; bottom:0; left:0; height:2px; background:var(--mbc-red); }
.mbc-catalog { padding-block:65px 75px; scroll-margin-top:calc(var(--mhi-header-h,66px) + 76px); }
.mbc-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; }
.mbc h2 { margin:0; font:400 clamp(43px,4.5vw,64px)/1.14 Anton,Impact,sans-serif; letter-spacing:-.01em; }
.mbc h2 span { color:var(--mbc-red); }
.mbc-section-heading>p { flex:0 0 320px; margin:0 0 4px; color:var(--mbc-muted); font-size:13px; line-height:1.9; }
.mbc-tools { display:grid; grid-template-columns:minmax(200px,1fr) auto auto; align-items:end; gap:20px; margin-top:36px; }
.mbc-search { display:flex; align-items:center; gap:12px; min-height:48px; margin:0; padding:0 14px; border:1px solid transparent; border-radius:6px; background:var(--mbc-soft); }
.mbc-search:focus-within { border-color:var(--mbc-red); }
.mbc-search svg { flex:none; width:20px; height:20px; fill:none; stroke:var(--mbc-muted); stroke-width:1.7; stroke-linecap:round; }
.mbc-search input { width:100%; min-width:0; height:46px; padding:0; border:0; background:transparent; color:var(--mbc-ink); font:400 13px/1.5 Inter,Arial,sans-serif; }
.mbc .mbc-search input:focus,.mbc .mbc-search input:focus-visible { outline:none !important; box-shadow:none !important; }
.mbc-search input::placeholder { color:var(--mbc-muted); }
.mbc-search input::-webkit-search-cancel-button { display:none; }
.mbc-search button { flex:none; display:grid; place-items:center; width:25px; height:25px; padding:0; border:0; border-radius:50%; background:var(--mbc-surface); color:var(--mbc-muted); font:400 20px/1 Inter,Arial,sans-serif; cursor:pointer; }
.mbc-select { display:flex; flex-direction:column; gap:7px; margin:0; color:var(--mbc-muted); font-size:10px; }
.mbc-select select { width:210px; max-width:100%; min-height:48px; padding:10px 28px 10px 12px; border:1px solid var(--mbc-line); border-radius:6px; background:var(--mbc-surface); color:var(--mbc-ink); font:400 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mbc-result-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:24px 0 23px; font-size:11px; }
.mbc-result-row p { margin:0; color:var(--mbc-muted); }
.mbc-result-row>a { color:var(--mbc-ink); }
.mbc-result-row>a:hover { color:var(--mbc-red); }
.mbc-result-row>a>span { margin-left:10px; }
.mbc-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px 18px; }
.mbc-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--mbc-line); border-radius:9px; background:var(--mbc-surface); transition:border-color .2s; }
.mbc-card:hover { border-color:color-mix(in srgb,var(--mbc-red) 55%,var(--mbc-line)); }
.mbc-cover { position:relative; display:flex; align-items:center; justify-content:center; height:clamp(250px,22vw,310px); padding:30px 22px 22px; overflow:hidden; background:var(--mbc-cover); }
.mbc-cover img { display:block; width:100%; height:100%; object-fit:contain; filter:drop-shadow(4px 9px 6px #0003); transition:transform .3s ease; }
.mbc-cover:hover img { transform:scale(1.04); }
.mbc-discount { position:absolute; top:12px; left:12px; padding:5px 9px; border-radius:4px; background:#bd263a; color:#fff; font:600 10px/1.3 Inter,Arial,sans-serif; }
.mbc-cover-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:18px; color:var(--mbc-red); font:400 30px/1.2 Anton,Impact,sans-serif; text-align:center; }
.mbc-cover-placeholder>span { color:var(--mbc-muted); font:500 14px/1.6 Inter,Arial,sans-serif; }
.mbc-card-body { display:flex; flex:1; flex-direction:column; min-width:0; padding:20px 19px; }
.mbc-subject { color:var(--mbc-red); font-size:9px; font-weight:700; letter-spacing:.05em; }
.mbc-card h3 { margin:10px 0 18px; font:600 16px/1.5 Inter,Arial,sans-serif; letter-spacing:-.025em; }
.mbc-card h3 a { display:-webkit-box; min-height:4.5em; overflow:hidden; -webkit-line-clamp:4; -webkit-box-orient:vertical; transition:color .2s; }
.mbc-card h3 a:hover { color:var(--mbc-red); }
.mbc-prices { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 10px; margin-top:auto; }
.mbc-prices strong { color:var(--mbc-ink); font:600 22px/1.4 Inter,Arial,sans-serif; letter-spacing:-.025em; white-space:nowrap; }
.mbc-prices strong small { margin-left:2px; font-size:12px; }
.mbc-prices del { color:var(--mbc-muted); font-size:11px; }
.mbc-prices .mbc-price-contact { font-size:16px; }
.mbc .mbc-detail { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:17px; padding-top:14px; border-top:1px solid var(--mbc-line); color:var(--mbc-red); font-size:11px; font-weight:500; }
.mbc-detail>span { font-size:18px; line-height:1; }
.mbc .mbc-add { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; min-height:43px; margin-top:14px; padding:10px 13px; border:0; border-radius:5px; background:#e8234f; color:#fff; font:600 12px/1.5 Inter,Arial,sans-serif; text-align:left; cursor:pointer; transition:filter .2s; }
html[data-meduc-theme="light"] .mbc .mbc-add { background:#de2334; }
.mbc .mbc-add:hover { filter:brightness(1.12); color:#fff; }
.mbc-add svg { flex:none; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.mbc-add>span { font-size:18px; }
.mbc-empty { padding:55px 24px; border:1px dashed var(--mbc-line); border-radius:8px; text-align:center; }
.mbc-empty>span { color:var(--mbc-red); font-size:32px; }
.mbc-empty h3 { margin:12px 0; font:600 22px/1.5 Inter,Arial,sans-serif; }
.mbc-empty p { margin:0; color:var(--mbc-muted); font-size:13px; }
.mbc-empty button,.mbc-empty>a { display:inline-block; margin-top:20px; padding:8px 12px; border:0; background:transparent; color:var(--mbc-red); font:600 13px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mbc-more { display:flex; align-items:center; justify-content:center; gap:25px; min-height:47px; margin:35px auto 0; padding:11px 25px; border:1px solid var(--mbc-line); border-radius:6px; background:var(--mbc-surface); color:var(--mbc-ink); font:600 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mbc-more:hover { border-color:var(--mbc-red); color:var(--mbc-red); }
.mbc-more>span { font-size:20px; }
.mbc-next { padding-block:60px; border-top:1px solid var(--mbc-line); background:var(--mbc-hero); }
.mbc-next-inner { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.mbc-next h2 { font-size:clamp(39px,4vw,57px); }
.mbc-next p:last-child { max-width:500px; margin:22px 0 0; color:var(--mbc-muted); font-size:13px; }
.mbc-next .mbc-button { flex:none; }
.mbc-cart-notice { position:fixed; z-index:1040; right:30px; bottom:100px; display:grid; grid-template-columns:1fr auto; gap:12px 20px; width:min(440px,calc(100% - 40px)); padding:21px 22px; border:1px solid var(--mbc-line); border-radius:9px; background:var(--mbc-surface); color:var(--mbc-ink); box-shadow:0 10px 45px #0003; font-size:13px; }
.mbc-cart-notice>span { grid-column:1; }
.mbc .mbc-cart-notice>a { grid-column:1; color:var(--mbc-red); font-size:12px; font-weight:600; }
.mbc-cart-notice>button { grid-column:2; grid-row:1 / 3; align-self:start; display:grid; place-items:center; width:24px; height:24px; padding:0; border:0; background:transparent; color:var(--mbc-muted); font:400 24px/1 Inter,Arial,sans-serif; cursor:pointer; }
.mbc-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:1600px) { .mbc-cover { height:340px; } .mbc-card-body { padding:22px; } .mbc-card h3 { font-size:17px; } }
@media(max-width:1100px) { .mbc-hero-inner { gap:35px; } .mbc-hero-art { height:335px; } .mbc-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .mbc-select select { width:190px; } .mbc-cover { height:285px; } }
@media(max-width:991.98px) { .mbc-hero-inner { gap:28px; padding-block:45px 55px; } .mbc h1 { font-size:clamp(48px,6vw,61px); } .mbc-hero-art { height:300px; } .mbc-art-note { right:0; padding:12px; font-size:8px; } .mbc-section-heading { gap:30px; } .mbc-section-heading>p { flex-basis:260px; } .mbc-tools { grid-template-columns:1fr 1fr; gap:16px; } .mbc-search { grid-column:1 / -1; } .mbc-select select { width:100%; } .mbc-cover { height:260px; padding:25px 15px 18px; } .mbc-card-body { padding:17px; } }
@media(max-width:767.98px) {
  .mbc .mbc-shell { width:calc(100% - 40px); }
  .mbc-hero-inner { grid-template-columns:1fr; gap:30px; padding-block:35px 42px; }
  .mbc h1 { max-width:530px; font-size:clamp(47px,10.5vw,64px); }
  .mbc .mbc-eyebrow { margin-bottom:17px; font-size:8px; }
  .mbc .mbc-hero-intro { max-width:520px; margin-top:19px; font-size:13px; }
  .mbc-hero-actions { gap:15px; margin-top:24px; }
  .mbc .mbc-button { font-size:12px; }
  .mbc-hero-art { width:min(100%,440px); height:310px; margin:0 auto; }
  .mbc-art-note { right:auto; left:0; font-size:9px; padding:13px; }
  .mbc-hero--category .mbc-hero-inner { padding-block:35px; }
  .mbc-hero--category h1 { font-size:40px; }
  .mbc-topic-links { gap:24px; }
  .mbc-topic-links>a { min-height:54px; font-size:10px; }
  .mbc-catalog { padding-block:42px 50px; scroll-margin-top:calc(var(--mhi-header-h,66px) + 76px); }
  .mbc-section-heading { align-items:flex-start; flex-direction:column; gap:18px; }
  .mbc h2 { font-size:clamp(40px,9vw,55px); }
  .mbc-section-heading>p { flex-basis:auto; max-width:500px; font-size:12px; }
  .mbc-tools { margin-top:27px; gap:13px; }
  .mbc-search input { font-size:16px; }
  .mbc-select { font-size:9px; }
  .mbc-select select { min-width:0; min-height:45px; padding:9px 23px 9px 10px; font-size:11px; }
  .mbc-result-row { gap:10px; margin-block:20px; font-size:10px; }
  .mbc-result-row>a>span { margin-left:5px; }
  .mbc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px 12px; }
  .mbc-cover { height:clamp(205px,40vw,285px); padding:27px 13px 17px; }
  .mbc-discount { top:9px; left:9px; padding:4px 7px; font-size:9px; }
  .mbc-card-body { padding:15px 13px; }
  .mbc-subject { font-size:8px; }
  .mbc-card h3 { margin:9px 0 16px; font-size:14px; }
  .mbc-card h3 a { min-height:6em; -webkit-line-clamp:5; }
  .mbc-prices { gap:4px 7px; }
  .mbc-prices strong { font-size:19px; }
  .mbc-prices strong small { font-size:10px; }
  .mbc-prices del { font-size:10px; }
  .mbc .mbc-detail { margin-top:14px; padding-top:12px; font-size:10px; }
  .mbc .mbc-add { gap:7px; padding:9px 10px; font-size:11px; }
  .mbc-add svg { width:17px; height:17px; }
  .mbc-next { padding-block:43px; }
  .mbc-next-inner { align-items:flex-start; flex-direction:column; gap:28px; }
  .mbc-next h2 { font-size:39px; }
  .mbc-next p:last-child { font-size:12px; }
  .mbc-cart-notice { right:20px; bottom:90px; padding:18px; font-size:12px; }
}
@media(max-width:380px) { .mbc .mbc-shell { width:calc(100% - 28px); } .mbc-hero-art { height:275px; } .mbc-grid { gap:12px 9px; } .mbc-card-body { padding:13px 11px; } .mbc-cover { padding-inline:10px; } .mbc-prices strong { font-size:18px; } .mbc .mbc-add { font-size:10px; } .mbc .mbc-detail { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .mbc *,.mbc *::before,.mbc *::after { transition:none !important; } }
