/* MDprint appearance: shared UI colors, original blue branding and print artwork. */
:root {
  color-scheme: light;
  --mdp-bg:#f4f7fa; --mdp-surface:#fff; --mdp-soft:#edf3f8;
  --mdp-text:#21384b; --mdp-muted:#526779; --mdp-border:#c8d5e0;
  --mdp-link:#005b9c; --mdp-brand:#00509e; --mdp-brand-dark:#003e6c;
  --mdp-danger:#a52630; --mdp-danger-bg:#fff0f1;
  --mdp-warning:#885100; --mdp-warning-bg:#fff5dc;
  --mdp-success:#17653f; --mdp-success-bg:#ecf8f0;
  --mdp-focus:#087cd1;
}
html[data-theme="dark"] {
  color-scheme:dark;
  --mdp-bg:#101820; --mdp-surface:#16222e; --mdp-soft:#1f3040;
  --mdp-text:#edf3f9; --mdp-muted:#b5c7d7; --mdp-border:#4a6278;
  --mdp-link:#8acbff; --mdp-danger:#ffafb7; --mdp-danger-bg:#48272e;
  --mdp-warning:#ffda8e; --mdp-warning-bg:#423723;
  --mdp-success:#91e1b3; --mdp-success-bg:#1e3b30; --mdp-focus:#80c8ff;
}
html[data-theme] body {background:var(--mdp-bg);color:var(--mdp-text)}
html[data-theme] a {color:var(--mdp-link)}
html[data-theme] :is(input,select,textarea,button) {accent-color:var(--mdp-brand)}
html[data-theme] :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--mdp-focus);outline-offset:3px}

/* Same header geometry, with room for the appearance preference. */
html[data-theme] .gridheader > .topbar {display:block;padding:0}
html[data-theme] .topbar .topbar {
  display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;
  gap:8px 22px;padding:7px 18px;min-height:38px;box-sizing:border-box;
  background:var(--mdp-soft);border-bottom:1px solid var(--mdp-border);
}
html[data-theme] .topbar :is(.topbar_calendar,.topbar_account,.topbar_flags) {width:auto;padding:0;margin:0}
html[data-theme] .topbar_flags img {max-width:35px}
html[data-theme] .topbar_account {display:flex;align-items:center;gap:12px;flex-wrap:wrap}
html[data-theme] .topbar_account span {padding:0}
.mdp-theme-control {
  display:inline-flex!important;align-items:center;gap:7px!important;flex:0 0 auto;
  margin:0!important;padding:0!important;white-space:nowrap;
  color:var(--mdp-muted)!important;font:500 12px/1.4 Arial,sans-serif!important;
}
html[data-theme] .mdp-theme-control select {
  width:auto!important;min-width:115px;max-width:160px;min-height:32px;height:auto;
  margin:0!important;padding:5px 25px 5px 9px!important;box-sizing:border-box;
  border:1px solid var(--mdp-border)!important;border-radius:6px;
  background-color:var(--mdp-surface)!important;color:var(--mdp-text)!important;
  font:500 12px/1.4 Arial,sans-serif!important;cursor:pointer;
}
.mdp-admin-theme-bar {display:flex;justify-content:flex-end;padding:10px 24px;background:var(--mdp-surface);border-bottom:1px solid var(--mdp-border)}
html[data-theme] :is(.header,.product,.offers,.productinfo) {background:var(--mdp-surface)}
html[data-theme] :is(.headertext1p1,.headertext2p2,.calendartop) {color:var(--mdp-muted)}
html[data-theme] :is(.headertext1p2,.headertext2p1 a,.headertext2p1span2,.topbar_account,.topbar_account a) {color:var(--mdp-text)}
html[data-theme] .sidebar {background:var(--mdp-soft);color:var(--mdp-link)}
html[data-theme] .sidebar_links ul li a {color:var(--mdp-link);text-shadow:none}
html[data-theme] .sidebar_links ul li a:hover {color:var(--mdp-text)}
html[data-theme] :is(.links,.cartlink,.info) {background:var(--mdp-brand-dark);color:#fff}
html[data-theme] :is(.links,.cartlink,.info) :is(a,span,p) {color:#fff}
html[data-theme] .footer {background:var(--mdp-soft);color:var(--mdp-muted)}
html[data-theme] .footer :is(a,span) {color:var(--mdp-muted)}
html[data-theme] .square p,html[data-theme] .squareoznameni p {color:var(--mdp-text)}
html[data-theme] :is(.productdescription,.titleJobInformation,.jobInformation) {color:var(--mdp-text)}
html[data-theme] :is(.login,.jobInformation,.cartview,.addressbilling,.addressshipping,.cartpayment,.productInfo,.fcf-body) {background:var(--mdp-soft);border-color:var(--mdp-border);color:var(--mdp-text)}
html[data-theme] :is(.product_left,.login,.addressbilling,.addressshipping,.fcf-body) :is(input:not([type=radio]):not([type=checkbox]):not([type=range]):not([type=color]):not([type=submit]),select,textarea) {
  background:var(--mdp-surface);color:var(--mdp-text);border-color:var(--mdp-border);
}
html[data-theme] :is(input,textarea)::placeholder {color:var(--mdp-muted);opacity:1}
html[data-theme] :is(.buttonfiles,.submitFiles,.addtocart button,.login button,.fcf-btn-primary,.mdp-address-primary,.offer-button) {background:var(--mdp-brand);color:#fff!important;border-color:var(--mdp-brand)}
html[data-theme] .buttonfiles span {color:#fff!important}
html[data-theme] .mdp-address-panel button.mdp-address-primary {background:var(--mdp-brand);color:#fff;border-color:var(--mdp-brand)}
html[data-theme] .labl > input:checked + div {background:var(--mdp-brand);color:#fff}
html[data-theme] .labl > input:checked + div * {color:#fff!important}
html[data-theme] .accountorders table th {background:var(--mdp-brand);color:#fff}
html[data-theme] .carttable table {color:var(--mdp-text)}
html[data-theme] .calendar-offer {--ink:var(--mdp-text);--blue:var(--mdp-link);background:var(--mdp-surface);color:var(--mdp-text)}
html[data-theme] .offer-button {background:var(--mdp-brand)!important}
html[data-theme] .mdp-product-intro {color:var(--mdp-text)!important}
html[data-theme] .mdp-product-guide :is(h2,h3,summary) {color:var(--mdp-text)}
html[data-theme] .mdp-product-guide .mdp-guide-cta {color:#fff;background:var(--mdp-brand)}
html[data-theme] .mdp-product-guide a:not(.mdp-guide-cta),html[data-theme] .mdp-product-jumps a {color:var(--mdp-link)}

/* Keep branded hero panels and artwork white balance independent of UI theme. */
html[data-theme] .calendar-hero,html[data-theme] .calendar-hero :is(h1,p,span) {color:#fff}
html[data-theme] .calendar-builder--dark {background:var(--mdp-bg);color:var(--mdp-text)}
html[data-theme] .calendar-builder--dark :is(.calendar-mode-card,.calendar-preview-column,.calendar-edit-panel,.calendar-settings-column,.calendar-studio-order-sidebar) {background:var(--mdp-surface);border-color:var(--mdp-border);color:var(--mdp-text)}
html[data-theme] .calendar-builder--dark :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]),select,textarea) {background:var(--mdp-surface);color:var(--mdp-text);border-color:var(--mdp-border)}
html[data-theme] :is(.calendar-studio-launch,.calendar-studio-toolbar,.calendar-studio-order-footer) {background:var(--mdp-soft);color:var(--mdp-text);border-color:var(--mdp-border)}
html[data-theme] .calendar-studio-launch span {color:var(--mdp-muted)}
html[data-theme] .calendar-studio-toolbar button.is-active,html[data-theme] .calendar-studio-tabs button[aria-selected=true] {background:var(--mdp-brand);color:#fff}
html[data-theme] .calendar-mode-card__badge {color:#fff}

/* Desk studio UI only. The sheet, miniature artwork, swatches and export colors
   deliberately keep the studio's original --ink / --accent and print styles. */
html[data-mdp-scope="studio"] :is(.app-header,.page-sidebar,.settings,dialog,.mobile-global,.mobile-page-card,.mobile-editor-panel) {background:var(--mdp-surface);color:var(--mdp-text);border-color:var(--mdp-border)}
html[data-mdp-scope="studio"] .app-header {height:auto;min-height:78px;flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}
html[data-mdp-scope="studio"] .header-actions {align-items:center;flex-wrap:wrap;justify-content:flex-end}
html[data-mdp-scope="studio"] :is(.page-sidebar,.settings,.app-header,.mobile-global,.mobile-page-actions,.mobile-editor-panel,.preview-top,.canvas-tools,.page-arrows) button:not(.primary):not([style]):not(.photo-frame):not(.swatches button) {background:var(--mdp-soft);color:var(--mdp-text);border-color:var(--mdp-border)}
html[data-mdp-scope="studio"] :is(.settings,.mobile-global,.mobile-editor-panel,dialog) :is(input:not([type=color]):not([type=range]):not([type=checkbox]),select,textarea):not(.note) {background:var(--mdp-surface);color:var(--mdp-text);border-color:var(--mdp-border)}
html[data-mdp-scope="studio"] :is(.page-link.active,.variant,.settings .tip,.pill,.sample-notice,.mobile-intro) {background:var(--mdp-soft);color:var(--mdp-text);border-color:var(--mdp-border)}
html[data-mdp-scope="studio"] :is(.brand small,.eyebrow,.nav-section,.page-num,.page-link small,.sidebar-foot,.canvas-tools,.canvas-hint,.dimension,.page-arrows,.page-summary small,.workspace-footer,.settings label,.helper,.settings .tip p,.section-title span,.mobile-global-body p,.mobile-page-card>header>span) {color:var(--mdp-muted)}
html[data-mdp-scope="studio"] :is(#sheet,#previewSheet,.mobile-sheet) {color:#262f3a;color-scheme:light}
html[data-mdp-scope="studio"] :is(#sheet,#previewSheet,.mobile-sheet) :is(input,textarea)::placeholder {color:#b0b6bc}
html[data-mdp-scope="studio"] :is(#sheet,#previewSheet,.mobile-sheet) .photo-frame {color:#626e7c}

@media(max-width:800px) {
  html[data-theme] .topbar .topbar {gap:8px 14px;padding:7px 12px}
  html[data-theme] .topbar_account {gap:8px;font-size:12px}
  html[data-theme] .mdp-theme-control select {min-height:36px}
  html[data-theme] .sidebar_links ul li {background:var(--mdp-soft)}
  html[data-mdp-scope="studio"] .header-actions .mdp-theme-control {grid-column:1/-1;justify-content:flex-end}
}
@media print {
  :root,html[data-theme="dark"] {--mdp-bg:#fff;--mdp-surface:#fff;--mdp-soft:#fff;--mdp-text:#000;--mdp-muted:#333;--mdp-link:#003e6c;--mdp-border:#999;color-scheme:light}
  .mdp-theme-control,.mdp-admin-theme-bar {display:none!important}
  html[data-theme] body {background:#fff;color:#000}
}

html[data-theme] .calendar-builder {--calendar-ink:var(--mdp-text);--calendar-muted:var(--mdp-muted);--calendar-line:var(--mdp-border);--calendar-surface:var(--mdp-surface);--calendar-soft:var(--mdp-soft)}
html[data-theme] .calendar-builder__header :is(h1,p,span) {color:#fff}
html[data-theme="light"] .calendar-builder--dark :is(.calendar-builder__header,.calendar-mode-card,.calendar-panel) {box-shadow:0 5px 18px rgba(25,54,78,.10)}
html[data-theme="light"] .calendar-builder--dark .calendar-mode-card.is-active {box-shadow:0 0 0 2px rgba(43,136,220,.20)}

html[data-theme] .calendar-preview-column.is-editing .calendar-live-preview {background:var(--mdp-soft)}
html[data-mdp-scope="studio"] :is(.brand strong,.custom-color-label) {color:var(--mdp-link)}
html[data-mdp-scope="studio"] .account-error {background:var(--mdp-warning-bg);color:var(--mdp-warning)}
html[data-mdp-scope="studio"] .account-error :is(a,button) {color:var(--mdp-warning)}

html[data-mdp-scope="studio"] .account-error button {background:var(--mdp-warning-bg);border-color:var(--mdp-warning)}
html[data-mdp-scope="studio"] .mobile-jump-label select {background:var(--mdp-surface);color:var(--mdp-text);border-color:var(--mdp-border)}

html[data-theme] select :is(option,optgroup) {background:var(--mdp-surface)!important;color:var(--mdp-text)!important}
html[data-mdp-scope="site"] font[color="white"],html[data-mdp-scope="site"] font[color="silver"] {color:var(--mdp-text)}
html[data-mdp-scope="site"] font[color="orange"] {color:var(--mdp-warning)}
html[data-mdp-scope="site"] font[color="#0062ff"],html[data-mdp-scope="site"] font[color="#1773EA"] {color:var(--mdp-link)}
html[data-theme] .info font {color:#fff}

html[data-theme] #cookies {color:#fff}
html[data-theme] #cookies a {color:#8acbff}
html[data-theme] #cookies_btn {color:#fff;background:#00509e}

html[data-mdp-scope="studio"] .custom-color-label span {color:var(--mdp-link)}
html[data-mdp-scope="studio"] .material-line {color:var(--mdp-muted)}
html[data-mdp-scope="studio"] .sidebar-heading h2 span {background:var(--mdp-soft);color:var(--mdp-muted)}

/* Readability corrections: retain the original artwork, blue strips and layout. */
/* The square's label is printed over a blue bitmap, in BOTH appearance modes. */
html[data-theme] .square p {color:#fff;text-shadow:0 1px 1px rgba(0,25,70,.28)}

/* Align the existing logo, shipping information and support block without
   negative margins. Keep the site's original compact mobile header. */
html[data-theme] .gridheaderbanner {
  grid-template-columns:minmax(210px,240px) minmax(220px,1fr) minmax(320px,420px);
  align-items:center;gap:24px;padding:10px 25px 12px;box-sizing:border-box;
}
html[data-theme] .headerlogo {
  display:flex;align-items:center;justify-content:flex-start;
  width:100%;max-width:none;height:auto;padding:0;margin:0;box-sizing:border-box;
}
html[data-theme] .headerlogo a {display:block;width:100%;max-width:240px;line-height:0}
html[data-theme] .headerlogo img {display:block;width:100%;height:auto;object-fit:contain}
/* Original logo and delivery map contain dark ink on transparent pixels. */
html[data-theme="dark"] .headerlogo a {background:#fff;padding:10px 12px;box-sizing:border-box;border-radius:4px}
html[data-theme="dark"] #images img[src$="delivery_mapcz.png"] {background:#fff;border-radius:4px}
html[data-theme] .headertext1 {margin:0;padding:0;line-height:1.4}
html[data-theme] .headertext1p1 {margin:0 0 6px;padding:0;font-weight:500}
html[data-theme] .headertext1p2 {margin:0;padding:0;font-weight:400;line-height:1.5}
html[data-theme] .headertext2 {
  position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;
  width:auto;min-width:0;margin:0;padding:4px 90px 4px 0;box-sizing:border-box;
}
html[data-theme] .headertext2p1 {
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:3px 8px;
  margin:0;padding:0;line-height:1.3;font-size:23px;
}
html[data-theme] .headertext2p1span1 {font-size:15px}
html[data-theme] .headertext2p1span2 {white-space:nowrap}
html[data-theme] .mdp-header-email {font-size:14px;white-space:nowrap}
html[data-theme] .headertext2p2 {margin:6px 0 0;padding:0;font-size:15px;line-height:1.4}
html[data-theme] .headertext2 img {position:absolute;right:0;bottom:0;width:78px;height:auto;margin:0}
@media(min-width:1101px) {
  html[data-theme] .sidebar_links a {font-size:12px;line-height:1.65;letter-spacing:.35px}
}
@media(max-width:1100px) {
  html[data-theme] .gridheaderbanner {grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 20px 10px}
  html[data-theme] .headerlogo {justify-content:center}
  html[data-theme] .headerlogo a {max-width:240px}
  html[data-theme] .headertext2 {display:block;padding:0;text-align:center}
  html[data-theme] .headertext2p1 {justify-content:center;font-size:23px}
}

/* Home-page product tiles. Remove the nested 1.2x transforms that enlarged
   mobile photos twice and pushed them out of the original paper frame. */
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productsquares {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  justify-items:center;align-items:start;gap:36px 24px;
  width:100%;max-width:1000px;height:auto;margin:0 auto;padding:0 24px;box-sizing:border-box;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square {
  display:block;width:250px;height:290px;margin:0;transform:none;
  background-size:100% 100%;background-repeat:no-repeat;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square a {
  display:grid;grid-template-rows:250px 40px;width:100%;height:100%;text-decoration:none;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square img {
  display:block;width:100%;height:100%;object-fit:contain;transform:none;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square p {
  display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  margin:0;padding:0 6px;color:#fff;font-size:18px;font-weight:700;line-height:1.2;
  letter-spacing:.7px!important;transform:none;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square a:hover img {transform:scale(1.025)}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square a:focus-visible {outline-offset:6px}

/* Keep the same six information blocks, with readable type and consistent gaps. */
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .product > br,
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) :is(.g1,.gridhome,.reviews) br {display:none}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .g1 {
  width:auto;margin:52px 28px 24px;text-align:center;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .g1 p {
  font-size:28px!important;font-weight:500!important;line-height:1.3;color:var(--mdp-text);
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome {
  grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:none;
  gap:20px;margin:0 28px;text-align:left;line-height:1.65;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome > div {
  grid-area:auto!important;min-width:0;padding:24px!important;
  border:1px solid var(--mdp-border)!important;border-radius:8px;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome p {
  color:var(--mdp-text);font-size:16px!important;font-weight:400!important;line-height:1.65;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome p:first-child {
  color:var(--mdp-link);font-size:19px!important;font-weight:600!important;line-height:1.4;margin:0 0 12px;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .reviews {margin:44px 28px 24px}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .reviews h2 {font-size:28px;line-height:1.3;margin:0}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .reviews p:empty {display:none}
@media(max-width:900px) {
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px) {
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productsquares {grid-template-columns:minmax(0,1fr);gap:28px;padding:0 20px}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square {width:100%;max-width:300px;height:auto;aspect-ratio:250/290}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square a {grid-template-rows:minmax(0,1fr) 48px}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome {grid-template-columns:minmax(0,1fr);margin:0 20px;gap:16px}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridhome > div {padding:22px!important}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .g1 {margin:36px 20px 22px}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .g1 p {font-size:25px!important}
}

/* Unified upper header background and tighter vertical spacing. */
html[data-theme] :is(.gridheader > .topbar,.topbar .topbar,.gridheaderbanner) {background:var(--mdp-surface);border-bottom:0;box-shadow:none}
html[data-theme] .topbar .topbar {gap:4px 22px;padding:4px 18px}
@media(max-width:800px) {
  html[data-theme] .topbar .topbar {gap:4px 14px;padding:4px 12px}
}

/* Homepage layout only: original markup, links and application logic preserved. */
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridproduct {
  grid-template-columns:minmax(0,1fr) repeat(4,minmax(0,260px)) minmax(100px,1fr);
  grid-template-areas:none;column-gap:24px;row-gap:135px;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productbanner {display:contents;position:static}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .bannerimage {grid-column:1 / -1;grid-row:1;width:auto;min-width:0;margin:24px 24px 0}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .bannerimage img {display:block}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .offers {display:none}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productsquares {
  grid-area:auto;grid-column:2 / -2;grid-row:2;
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:none;width:100%;gap:32px 24px;margin:0;padding:0;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square {
  width:100%;max-width:none;height:auto;aspect-ratio:250/290;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square a {grid-template-rows:minmax(0,1fr) 14%}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square p {font-size:clamp(14px,1.2vw,18px);letter-spacing:.4px!important}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productbannerimage {
  grid-column:-3 / -2;grid-row:2;align-self:start;justify-self:end;
  position:relative;width:100%;max-width:260px;height:auto;max-height:none;transform:translate(clamp(100px,calc(50vw - 695px),200px),calc(-62% + 15px));
  margin:0;padding:0;float:none;z-index:2;pointer-events:none;
}
html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productbannerimage img {
  display:block;position:static;width:100%;height:auto;margin:0;padding:0;transform:none;
}
@media(max-width:1100px) {
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productbannerimage {transform:translate(-20%,calc(-62% + 15px))}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridproduct {grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,300px)) minmax(0,1fr)}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productsquares {grid-template-columns:repeat(2,minmax(0,1fr))}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square p {font-size:18px}
}
@media(max-width:600px) {
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .gridproduct {grid-template-columns:minmax(0,1fr) minmax(0,300px) minmax(0,1fr)}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .bannerimage {margin:0}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .productsquares {grid-template-columns:minmax(0,1fr);gap:28px}
  html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square p {font-size:clamp(14px,4.6vw,18px)}
}
/* Match the new MDprint brand palette while preserving the live site's controls. */
html[data-theme="light"] :is(.header,.gridheader > .topbar,.topbar .topbar,.gridheaderbanner) {background:#f4f6fc}
html[data-theme="dark"] :is(.header,.gridheader > .topbar,.topbar .topbar,.gridheaderbanner) {background:#1e2c3a}
html[data-theme] .sidebar,html[data-theme] .sidebar_links ul li {background:#003e6c;color:#fff}
html[data-theme] .sidebar_links ul li a {color:#fff}
html[data-theme] .sidebar_links ul li a :is(span,font,i) {color:inherit}
html[data-theme] .sidebar_links ul li a:hover {color:#fff;text-decoration:underline}
html[data-theme] .sidebar #images img[src$="delivery_mapcz.png"] {background:#fff;border-radius:4px}
@media(min-width:1101px) {
  html[data-theme] .sidebar_links ul li a {font-size:14px;line-height:1.6;letter-spacing:.1px;font-weight:500}
  html[data-theme] .sidebar_links ul li[style*="padding-left"] > a {font-size:14px;font-weight:700;letter-spacing:.35px}
}

/* Blue contact bar and navigation; reuse the existing live controls. */
html[data-theme] :is(.gridheader > .topbar,.topbar .topbar) {background:#003e6c;color:#fff}
html[data-theme] .topbar :is(a,span,i,.topbar_calendar,.topbar_account,.mdp-theme-control) {color:#fff}
html[data-theme] .topbar .mdp-theme-control select {background:#003e6c!important;color:#fff!important;border-color:#6b93b0}
html[data-theme] .gridheaderbanner .headertext2 > img {display:none}
html[data-theme] :is(.links,.cartlink) {min-height:42px;display:flex;align-items:center;box-sizing:border-box}
html[data-theme] .cartlink {justify-content:flex-end;padding-right:18px}
html[data-theme] .cartlink a {padding:0;white-space:nowrap}
html[data-theme] .links {gap:6px}
html[data-theme] .links span {margin:0;font-size:14px}
@media(min-width:1101px) {
  html[data-theme] .gridheader {position:relative;grid-template-columns:230px repeat(3,minmax(0,1fr)) 260px}
  html[data-theme] .cartlink {font-size:14px}
  html[data-theme] .topbar .topbar {min-height:42px;padding-left:500px;gap:4px 18px}
  html[data-theme] .gridheaderbanner {min-height:112px}
  html[data-theme] .headertext2 {position:static;padding:0;min-height:80px}
  html[data-theme] .headertext2::before {content:"";display:block;width:100%;height:90px;background:url("../images/mdprint-header-print-samples.png") center / contain no-repeat}
  html[data-theme] .headertext2p1 {position:absolute;top:12px;left:20px;font-size:14px;line-height:18px;z-index:3}
  html[data-theme] .headertext2p1span1 {display:none}
  html[data-theme] .headertext2p1span2,html[data-theme] .headertext2p1 a {color:#fff}
  html[data-theme] .headertext2p2 {position:absolute;top:12px;left:310px;margin:0;font-size:13px;line-height:18px;color:#fff;z-index:3}
}
/* Retire the old promotional artwork without altering prices or discounts. */
html[data-theme] img:is([src$="/sleva2a.png"],[src$="/slevaa.png"]) {display:none!important}
html[data-theme] img:is([src$="/sleva2a.png"],[src$="/slevaa.png"]) + br,
html[data-theme] img:is([src$="/sleva2a.png"],[src$="/slevaa.png"]) + br + br {display:none}

@media(min-width:1101px) and (max-width:1200px) {
 html:is([data-mdp-page="index.php"],[data-mdp-page="home.php"]) .square p {font-size:12px;letter-spacing:.1px!important}
}
@media(max-width:1100px) {
 html[data-theme] .cartlink {justify-content:space-between;padding:0 16px;font-size:12px}
}

/* Account administration: consistent links, scoped away from order controls. */
html[data-mdp-page="account_admin.php"] .accountwelcome {
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
 width:100%;max-width:1120px;margin:28px 0 32px;box-sizing:border-box;
}
html[data-mdp-page="account_admin.php"] .accountwelcome > br {display:none}
html[data-mdp-page="account_admin.php"] .accountwelcome > p {margin:0!important;min-width:0}
html[data-mdp-page="account_admin.php"] .accountwelcome > p:first-of-type {
 grid-column:1 / -1;margin:0 0 8px!important;color:var(--mdp-text)!important;
 font-size:26px!important;font-weight:600;line-height:1.3;
}
html[data-mdp-page="account_admin.php"] .accountwelcome > p > a {
 display:flex!important;align-items:center;justify-content:space-between;gap:16px;
 width:100%;height:100%;min-height:56px;box-sizing:border-box;padding:15px 18px!important;
 background:var(--mdp-soft)!important;color:var(--mdp-link)!important;
 border:1px solid var(--mdp-border);border-radius:8px!important;
 font-size:16px!important;line-height:1.45;font-weight:600!important;text-decoration:none!important;
}
html[data-mdp-page="account_admin.php"] .accountwelcome > p > a::after {content:"\2192";flex:0 0 auto;font-size:20px;line-height:1}
html[data-mdp-page="account_admin.php"] .accountwelcome > p > a:hover {
 background:var(--mdp-brand-dark)!important;color:#fff!important;border-color:var(--mdp-brand-dark);
}
html[data-mdp-page="account_admin.php"] .account-menu-link {
 display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 10px;
 margin:14px 0 0 25px;padding:8px 12px;max-width:calc(100% - 50px);box-sizing:border-box;
 background:var(--mdp-soft);border:1px solid var(--mdp-border);border-radius:6px;
 font-size:13px;line-height:1.4;text-decoration:none;
}
@media(max-width:700px) {
 html[data-mdp-page="account_admin.php"] .accountwelcome {grid-template-columns:minmax(0,1fr);gap:10px;margin-top:22px}
 html[data-mdp-page="account_admin.php"] .accountwelcome > p > a {padding:14px!important;font-size:15px!important}
}

/* Account links rendered by PHP contain legacy FONT colors. */
html[data-mdp-page="account.php"] .accountwelcome a[href="account_admin.php"] {
 color:var(--mdp-text);font-weight:700;text-decoration:underline;text-underline-offset:3px;
}
html[data-theme="light"][data-mdp-page="account.php"] .accountwelcome a[href="account_admin.php"] {color:#111}
html[data-mdp-page="account.php"] .accountwelcome a[href="account_admin.php"] font {color:inherit!important}
html[data-mdp-page="account.php"] .accountorders a font {color:inherit!important}
html[data-mdp-page="account.php"] .accountorders a font[style*="#BB0000"] {color:var(--mdp-danger)!important}

/* Mobile navigation shares the current product links and cart totals. */
.mdp-mobile-nav-button{display:none}
.mdp-mobile-nav{padding:0;border:1px solid var(--mdp-border);border-radius:14px;background:var(--mdp-surface);color:var(--mdp-text);width:min(440px,calc(100vw - 20px));max-height:88dvh;margin:auto;box-sizing:border-box;box-shadow:0 15px 70px #0007}
.mdp-mobile-nav::backdrop{background:#102d49aa}
.mdp-mobile-nav>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;background:#165a89;color:white;z-index:2}
.mdp-mobile-nav h2{margin:0;font-size:21px;color:#fff}
.mdp-mobile-nav>header button{border:1px solid #ffffff70;border-radius:7px;background:transparent;color:white;width:42px;height:42px;font-size:29px;cursor:pointer}
.mdp-mobile-nav-body{padding:12px 18px 20px;line-height:1.5}
.mdp-mobile-nav-body a{display:block!important;padding:10px 7px!important;color:var(--mdp-text)!important;text-decoration:none;font-size:16px!important;letter-spacing:0!important;border-bottom:1px solid var(--mdp-border)}
.mdp-mobile-nav-body .sidebar_links{display:block!important;position:static!important;height:auto!important;width:auto!important;max-height:none!important;overflow:visible!important;background:transparent!important;margin:0!important;padding:0!important;box-shadow:none!important}
.mdp-mobile-nav-body ul{padding:0!important;list-style:none;margin:0!important}.mdp-mobile-nav-body li{padding:0!important}.mdp-mobile-nav-body li[hidden]{display:none!important}
.mdp-mobile-nav-body .sidebar_links li[style*="padding-left"]>a{color:var(--mdp-link)!important;font-weight:750}
.mdp-mobile-nav-body .sidebar_links li span{padding:0!important}.mdp-mobile-nav-body i{display:none}
.mdp-mobile-nav-body img,.mdp-mobile-nav-body br{display:none}
.mdp-mobile-search{display:block;font-weight:650;margin:0 0 12px}.mdp-mobile-search input{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:6px;font-size:16px;color:var(--mdp-text);background:var(--mdp-bg);border:1px solid var(--mdp-border);border-radius:7px}
.mdp-mobile-nav-open{overflow:hidden}
@media(max-width:1100px){
 html[data-theme] .gridheader>.links{display:none!important}
 html[data-theme] .gridheader>.cartlink{display:flex;align-items:center;gap:7px;padding:9px 10px;min-height:48px;box-sizing:border-box;flex-wrap:wrap}
 html[data-theme] .cartlink>.mdp-mobile-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 11px;margin:0;border:1px solid #ffffff70;border-radius:7px;color:#fff;background:#165a89;font:650 14px/1.2 Arial,sans-serif;min-height:42px;cursor:pointer;white-space:nowrap}
 html[data-theme] .cartlink>.mdp-mobile-nav-button--products{background:#ffdc62;color:#143e60;border-color:#ffdc62}
 html[data-theme] .cartlink>a{margin-left:auto;font-size:11px;line-height:1.4;max-width:calc(100% - 192px);text-align:right;overflow-wrap:anywhere}
 html[data-theme] .sidebar>.sidebar_links{display:none!important}
 html[data-theme] .gridheader .topbar_account{flex-wrap:wrap}
 html[data-theme] input:not([type=range]):not([type=checkbox]):not([type=radio]),html[data-theme] select,html[data-theme] textarea{font-size:16px}
}
@media print{.mdp-mobile-nav,.mdp-mobile-nav-button{display:none!important}}

html[data-theme] .mdp-mobile-nav-body .sidebar_links ul li{width:100%!important;box-sizing:border-box;background:transparent!important;margin:0!important;border:0!important;float:none!important}
html[data-theme] .mdp-mobile-nav-body .sidebar_links ul li a:hover{background:var(--mdp-soft)!important;color:var(--mdp-link)!important}
.mdp-mobile-nav-body>span{display:none}

.calendar-draft-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.calendar-draft-row .calendar-draft-choice{overflow-wrap:anywhere;min-width:0;text-align:left}
.calendar-draft-row .calendar-draft-delete{color:#a31d24!important;background:#fff1f1!important;border:1px solid #e9b1b4!important;min-height:44px;padding:10px 14px}
.calendar-draft-dialog .calendar-draft-message{color:var(--mdp-danger,#b32028);line-height:1.4}

/* Center saved wall calendars in the viewport, including narrow phones. */
html body dialog.calendar-draft-dialog{position:fixed;inset:0;margin:auto!important;box-sizing:border-box;width:min(680px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;border-radius:14px;padding:24px;background:var(--mdp-surface,#fff);color:var(--mdp-text,#182b40);border:1px solid var(--mdp-border,#d5dce4)}
.calendar-draft-dialog::backdrop{background:rgba(9,26,46,.55)}
@media(max-width:600px){html body dialog.calendar-draft-dialog{padding:18px}.calendar-draft-row .calendar-draft-choice{padding:10px;font-size:15px}}