/* ===========================
   main.css — PWC Base + Design Tokens
   Corporate identity (colors, fonts, radii, spacing, UI components)
   =========================== */

/* ---------- Design tokens ---------- */
:root {
  /* Typography */
  --pwc-font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  /* ===============================
   Core
================================ */

  --pwc-white: #ffffff;
  --pwc-black: #000000;

  --pwc-text: #1f2937;
  /* jemná tmavá (lepší než černá) */
  --pwc-text-secondary: #6b7280;
  /* secondary text */


  --pwc-bg-soft: #f4eee6;
  /* teplý off-white */

  --pwc-border: #e5e7eb;

  --pwc-accent: #ceb084;
  /* 🔥 MAIN BRAND (buttons, CTA) */
  --pwc-accent-hover: #b99a6d;
  /* hover (tmavší, ale stále teplý) */
  --pwc-accent-active: #a8885c;

  /* Text na accent */
  --pwc-accent-text: #1f2937;
  /* dostatečný kontrast */

  /* Sub accent / badges */
  --pwc-sub-accent: #8b5e34;
  /* coffee / caramel */

  /* ===============================
   States
================================ */

  --pwc-success: #3a7f5c;
  /* skladem (tlumená zelená) */
  --pwc-warning: #c0841a;
  /* na objednávku */
  --pwc-error: #b42318;
  /* není skladem */


  /* Radii */
  --pwc-r-sm: 14px;
  --pwc-r-md: 16px;
  --pwc-r-lg: 18px;
  --pwc-r-pill: 999px;

  /* Spacing */
  --pwc-s-1: 8px;
  --pwc-s-2: 10px;
  --pwc-s-3: 12px;
  --pwc-s-4: 14px;
  --pwc-s-5: 18px;
  --pwc-s-6: 24px;

  /* Sizes */
  --pwc-h-ic: 44px;
  --pwc-h-btn: 42px;
  --pwc-h-btn-sm: 38px;

  /* Effects */
  --pwc-blur: blur(10px);

  /* Layout width */
  /* --pwc-max: 1440px;
  --pwc-max-wide: 1200px;*/

  --pwc-max: 1360px;
  --pwc-max-wide: 1200px;
}

/* ---------- Reset / base ---------- */
* {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--pwc-font);
  color: var(--pwc-text);
  background: var(--pwc-white);
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

:focus-visible {
  outline: 2px solid rgba(0, 0, 0, .25);
  outline-offset: 2px;
}

/* ---------- Layout helpers ---------- */
.container {
  width: min(var(--pwc-max), calc(100% - 40px));
  margin: 0 auto;
}

.site-main {
  padding: 0 0;
}

.site-header {
  border-bottom: 1px solid var(--pwc-border);
  padding: var(--pwc-s-4) 0;
}

/* ---------- Reusable UI components ---------- */
.pwc-card {
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  background: var(--pwc-surface);
}

.pwc-card--pad {
  padding: var(--pwc-s-4);
}

.pwc-card--soft {
  background: var(--pwc-soft-2);
}

.pwc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--pwc-h-btn);
  padding: 0 16px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-accent);
  background: var(--pwc-accent);
  color: var(--pwc-accent-text);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
}

.pwc-btn:hover {
  background: var(--pwc-accent-hover);
}

.pwc-btn:active {
  background: var(--pwc-accent-active);
}

.pwc-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.pwc-btn--primary {
  background: var(--pwc-accent);
  border-color: var(--pwc-accent);
  color: #fff;
}

.pwc-btn--primary:hover {
  opacity: .92;
  background: var(--pwc-hover);
}

.pwc-btn--primary:active {
  background: var(--pwc-accent-active);
}

.pwc-btn--sm {
  height: var(--pwc-h-btn-sm);
  padding: 0 14px;
  font-weight: 700;
}

.pwc-btn--block {
  width: 100%;
}

.pwc-iconbtn {
  width: var(--pwc-h-ic);
  height: var(--pwc-h-ic);
  border-radius: var(--pwc-r-pill);
  display: grid;
  place-items: center;
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  text-decoration: none;
  cursor: pointer;
  position: relative;
}

.pwc-iconbtn:hover {
  background: var(--pwc-soft);
}

.pwc-input {
  width: 100%;
  height: var(--pwc-h-ic);
  border-radius: var(--pwc-r-pill);
  border: 1px solid #e7e7e7;
  padding: 0 14px;
  outline: none;
  background: var(--pwc-surface);
  color: var(--pwc-text);
}

.pwc-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border);
  background: var(--pwc-surface);
  padding: 8px 12px;
  font-weight: 700;
  font-size: 13px;
}

.pwc-qty {
  display: grid;
  grid-template-columns: 42px 58px 42px;
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-pill);
  overflow: hidden;
  height: 42px;
  background: var(--pwc-surface);
}

.pwc-qty .qbtn {
  border: 0;
  background: var(--pwc-surface);
  cursor: pointer;
  font-size: 18px;
}

.pwc-qty input {
  border: 0;
  outline: none;
  text-align: center;
  font-weight: 700;
  background: transparent;
  color: inherit;
}



/* ===========================
   Header
   =========================== */
.pwc-topbar {
  background: var(--pwc-accent);
  color: var(--pwc-accent-text);
  font-weight: 700;
  font-size: 14px;
}

.pwc-topbar-inner {
  padding: 8px 0;
  display: flex;
  justify-content: center;
}

/* MAIN ROW */
.pwc-hmain {
  background: var(--pwc-white);
  border-bottom: 1px solid var(--pwc-border);
}

/* DESKTOP default: logo | search | actions */
.pwc-hmain-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 12px 0;
  max-width: 100%;
}

/* LOGO */
.pwc-hlogo {
  min-width: 0;
}

.pwc-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.pwc-logo-img {
  width: 130px;
  height: auto;
  display: block;
}

/* SEARCH */
.pwc-hsearch {
  min-width: 0;
}

.pwc-search {
  position: relative;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.pwc-search-input {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: 46px;
  padding: 0 48px 0 46px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid rgba(0, 0, 0, .20);
  background: var(--pwc-white);
  outline: none;
  box-sizing: border-box;
}

.pwc-search-input:focus {
  border-color: rgba(0, 0, 0, .35);
}

.pwc-search-btn {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  background: transparent;
  color: rgba(0, 0, 0, .75);
  display: grid;
  place-items: center;
  padding: 0;
  cursor: pointer;
}

/* DESKTOP right actions */
.pwc-hactions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  min-width: 0;
}

.pwc-hlink {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--pwc-text);
  font-weight: 700;
  white-space: nowrap;
}

.pwc-hlink-txt {
  display: inline;
}

/* icon buttons */
.pwc-icbtn {
  width: 40px;
  height: 40px;
  border-radius: var(--pwc-r-pill);
  display: grid;
  place-items: center;
  text-decoration: none;
  position: relative;
}

/* cart link */
.pwc-hcart {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--pwc-text);
  font-weight: 700;
  position: relative;
  white-space: nowrap;
}

.pwc-hcart-sum {
  font-weight: 700;
  white-space: nowrap;
}

.pwc-hcart-ic {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: var(--pwc-r-pill);
  display: grid;
  place-items: center;
  color: rgba(0, 0, 0, .75);
}

.pwc-hcart:hover {
  background: rgba(0, 0, 0, .04);
  border-radius: var(--pwc-r-pill);
}

.pwc-cart-count {
  position: absolute;
  right: -2px;
  top: -2px;
  min-width: 18px;
  height: 18px;
  padding: 0 2px;
  border-radius: 999px;
  background: var(--pwc-accent);
  color: var(--pwc-accent-text);
  font-size: 12px;
  font-weight: 700;
  display: grid;
  place-items: center;
  line-height: 1;
}

/* MOBILE icons (top row right) */
.pwc-hicons--mobile {
  display: none;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

/* burger button */
.pwc-burger {
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* UTILITY LINKS ROW */
.pwc-hutil {
  background: var(--pwc-bg-soft);
  /* beige strip */
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.pwc-hutil-inner {
  padding: 8px 0;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.pwc-utlink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: var(--pwc-accent-text);
  font-weight: 700;
  white-space: nowrap;
}

.pwc-utic {
  display: grid;
  place-items: center;
}

/* MAIN NAV */
.pwc-hnav {
  background: var(--pwc-white);
  border-bottom: 1px solid var(--pwc-border);
}

.pwc-hnav-inner {
  padding: 12px 0;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
  max-width: 100%;
}

.pwc-chip-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  white-space: nowrap;
  flex: 0 0 auto;
}

.pwc-chip-main--green {
  background: var(--pwc-accent);
}

.pwc-chip-main--blue {
  background: var(--pwc-accent-active);
}

.pwc-navlinks {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-left: 6px;
  min-width: 0;
}

.pwc-navlinks a {
  text-decoration: none;
  color: var(--pwc-accent-text);
  font-weight: 700;
  white-space: nowrap;
}

.pwc-navlinks a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* MOBILE PANEL */
.pwc-mpanel {
  border-top: 1px solid rgba(0, 0, 0, .08);
  background: #fff;
  max-width: 100%;
}

.pwc-mpanel-inner {
  padding: 14px 0 18px;
}

.pwc-mpanel-top {
  display: flex;
  gap: 10px;
  padding: 0 0 12px;
  flex-wrap: wrap;
}

.pwc-mpanel-links {
  display: grid;
  gap: 10px;
  padding: 10px 0 14px;
  border-top: 1px solid rgba(0, 0, 0, .06);
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.pwc-mpanel-links a {
  text-decoration: none;
  color: rgba(0, 0, 0, .85);
  font-weight: 800;
}

.pwc-mpanel-actions {
  display: grid;
  gap: 10px;
  padding-top: 12px;
}

.pwc-mpanel-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  font-weight: 900;
  color: rgba(0, 0, 0, .82);
}

/* ===========================
   RESPONSIVE (mobile layout like screenshot)
   =========================== */

@media (max-width: 980px) {

  /* hide desktop actions, show mobile icons */
  .pwc-hactions {
    display: none;
  }

  .pwc-chip-main {
    flex: 1;
  }

  p.no-margin {
    margin: 0 !important;
  }

  .pwc-hicons--mobile {
    display: flex;
  }

  /* grid areas: logo left, icons right, search full width below */
  .pwc-hmain-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas:
      "logo . icons"
      "search search search";
    gap: 10px 12px;
    padding: 14px 0 12px;
  }

  .pwc-hlogo {
    grid-area: logo;
  }

  .pwc-hicons--mobile {
    grid-area: icons;
  }

  .pwc-hsearch {
    grid-area: search;
  }

  /* allow children to shrink (prevents horizontal scroll) */
  .pwc-hlogo,
  .pwc-hsearch,
  .pwc-hicons--mobile,
  .pwc-search,
  .pwc-search-input {
    min-width: 0;
    max-width: 100%;
  }

  /* utility links centered on smaller (matches screenshot vibe) */
  .pwc-hutil-inner {
    justify-content: center;
  }

  /* hide desktop navlinks (use burger panel) */
  .pwc-navlinks {
    display: none;
  }

  /* avoid nowrap causing overflow (safety) */
  .pwc-hlink-txt,
  .pwc-hcart-sum,
  .pwc-utlink {
    white-space: normal;
  }
}

@media (max-width: 520px) {

  .pwc-topbar-msg {
    font-size: 13px;
  }

  .pwc-logo-img {
    width: 120px;
  }
}

/* extra tiny screens: tighten spacing so nothing overflows */
@media (max-width: 420px) {
  .pwc-logo-img {
    width: 132px;
  }

  .pwc-icbtn {
    width: 36px;
    height: 36px;
  }

  .pwc-search-input {
    height: 44px;
  }
}


.pwc-header,
.pwc-hmain,
.pwc-hmain-inner,
.pwc-hutil,
.pwc-hutil-inner,
.pwc-hnav,
.pwc-hnav-inner {
  max-width: 100%;
  overflow-x: clip;
}

/* if your theme/container ever uses 100vw somewhere, this helps */
.pwc-header .container {
  max-width: 100%;
}


/* ===========================
   Footer
   =========================== */

.pwc-footer {
  margin-top: 60px;
}

/* Newsletter band */
.pwc-newsletter {
  background: var(--pwc-accent);
  /* green */
  color: #fff;
  padding: 36px 0 30px;
}

.pwc-newsletter-inner {
  display: grid;
  gap: 16px;
  justify-items: center;
  text-align: center;
}

.pwc-newsletter-head h3 {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: var(--pwc-accent-text);
}

.pwc-newsletter-head p {
  color: var(--pwc-accent-text);
  margin: 6px 0 0;
  opacity: .9;
  font-size: 13px;
}

.pwc-newsletter-head a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
  opacity: .95;
}

.pwc-newsletter-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  width: min(640px, 100%);
  margin-top: 6px;
}

@media (min-width: 600px) {
  .pwc-newsletter-form {
    grid-template-columns: 1fr auto;
    align-items: center;
  }
}

.pwc-newsletter-form input {
  height: 46px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid rgba(255, 255, 255, .55);
  background: var(--pwc-accent);
  color: #fff;
  padding: 0 16px;
  outline: none;
}

.pwc-newsletter-form input::placeholder {
  color: rgba(255, 255, 255, .85);
}

.pwc-newsletter-form input:focus {
  border-color: rgba(255, 255, 255, .9);
  background: rgba(255, 255, 255, .16);
}

.pwc-news-btn {
  height: 46px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid transparent;
  background: var(--pwc-bg-soft);
  color: var(--pwc-accent);
  font-weight: 700;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
}

.pwc-news-btn:hover {
  background: var(--pwc-white);
  color: var(--pwc-accent);
}

.pwc-news-btn:active {
  background: var(--pwc-accent-active);
}

.pwc-news-ic {
  display: grid;
  place-items: center;
  opacity: .95;
}

.pwc-newsletter-note {
  font-size: 12px;
  opacity: .85;
  color: var(--pwc-accent-text);
}

.pwc-newsletter-note a {
  color: var(--pwc-white);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Main footer */
.pwc-footer-main {
  background: var(--pwc-bg-soft);
  /* blue */
  color: var(--pwc-accent-text);
  padding: 44px 0 44px;
}

.pwc-footer-grid {
  display: grid;
  gap: 26px 18px;
  align-items: start;
  /* MOBILE: 2 columns */
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 900px) {
  .pwc-footer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .pwc-footer-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

/* ifscreen lower than 420px, then only one column */
@media (max-width: 420px) {
  .pwc-footer-grid {
    grid-template-columns: 1fr;

  }
}

.pwc-footer-col h4 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 700;
  color: var(--pwc-text);
}

.pwc-footer-subhead {
  margin-top: 18px !important;
}

.pwc-footer-col p {
  margin: 0 0 8px;
  font-size: 14px;
  opacity: .95;
}

.pwc-footer-strong {
  font-weight: 700;
  opacity: 1;
}

.pwc-footer-col a {
  color: var(--pwc-text);
  text-decoration: none;
}

.pwc-footer-col a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.pwc-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 7px;
}

.pwc-footer-col li {
  font-size: 14px;
  opacity: .92;
  line-height: 1.25;

}

@media (max-width: 520px) {
  .pwc-footer-col li {
    text-align: center;
  }

  .pwc-footer-col a {
    text-align: center;
  }

  .pwc-footer-col p {
    text-align: center;
  }

  .pwc-footer-col h4 {
    text-align: center;
  }
}


/* Bottom bar */
.pwc-footer-bottom {
  background: var(--pwc-accent);
  border-top: 1px solid var(--pwc-border);
  padding: 16px;
  justify-content: center;
  align-items: center;
  color: var(--pwc-accent-text);
}


.pwc-footer-copy {
  font-size: 13px;
  opacity: .8;
  text-align: center;
}


.pwc-page {
  padding: 22px 0;
}

/* AJAX SEARCH */
.pwc-search-results {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
  z-index: 60;
  overflow: hidden;
}

.pwc-search-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  padding: 10px 14px;
  text-decoration: none;
  align-items: center;
}

.pwc-search-item img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 10px;
}

.pwc-search-item:hover {
  background: rgba(0, 0, 0, .03);
}

.pwc-search-item .price {
  font-size: 13px;
  opacity: .8;
}

.pwc-search-item--page {
  grid-template-columns: 1fr;
  font-weight: 700;
}

.pwc-search-empty {
  padding: 14px;
  font-size: 14px;
  opacity: .7;
}

/* ===========================
   Search page — PWC
   =========================== */

.pwc-h1 {
  margin: 0 0 6px;
  font-size: 32px;
  line-height: 1.1;
}

.pwc-subtitle {
  margin: 0;
  color: var(--pwc-text-secondary);
}

.pwc-searchpage-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  margin: 14px 0 18px;
  max-width: 860px;
}

.pwc-searchpage-input {
  height: 46px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid rgba(0, 0, 0, .20);
  background: var(--pwc-white);
  padding: 0 16px;
  outline: none;
}

.pwc-searchpage-input:focus {
  border-color: rgba(0, 0, 0, .35);
}

.pwc-search-section {
  margin-top: 18px;
}

.pwc-sec-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
}

.pwc-h2 {
  margin: 0;
  font-size: 18px;
}

.pwc-search-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .pwc-search-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {
  .pwc-search-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .pwc-searchpage-form {
    grid-template-columns: 1fr;
  }

  .pwc-search-grid {
    grid-template-columns: 1fr;
  }
}

.pwc-search-list {
  display: grid;
  gap: 10px;
  max-width: 860px;
}

.pwc-search-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--pwc-border);
  border-radius: var(--pwc-r-lg);
  padding: 12px 14px;
  background: var(--pwc-white);
  text-decoration: none;
}

.pwc-search-link:hover {
  background: rgba(0, 0, 0, .03);
}

.pwc-search-link-meta {
  font-size: 12px;
  color: var(--pwc-text-secondary);
  white-space: nowrap;
}

/* Pagination */
.pwc-pagination {
  margin-top: 16px;
}

.pwc-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.pwc-pagination a,
.pwc-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border-radius: var(--pwc-r-pill);
  border: 1px solid var(--pwc-border);
  text-decoration: none;
  font-weight: 800;
}

.pwc-pagination .current {
  background: var(--pwc-accent);
  border-color: var(--pwc-accent);
  color: var(--pwc-accent-text);
}


.pwc-swprev,
.pwc-swnext,
.pwc-gbtn,
.pwc-lb-nav,
.pwc-lb-close,
.swiper-button-prev,
.swiper-button-next {
  -webkit-user-select: none;
  user-select: none;
}

html.pwc-mpanel-open,
html.pwc-mpanel-open body {
  overflow: hidden;
}

/* ===========================
   Mobile off-canvas menu
   =========================== */

.pwc-mpanel {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(86vw, 360px);
  height: 100vh;
  background: #FFFFFF;
  z-index: 120;
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.4, 0, .2, 1);
  box-shadow: -20px 0 40px rgba(0, 0, 0, .12);
}

/* opened state */
.pwc-mpanel.is-open {
  transform: translateX(0);
}

/* inner stays above overlay */
.pwc-mpanel-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow-y: auto;
  padding: 18px 20px 28px;
}

/* lock page scroll */
html.pwc-mpanel-open,
html.pwc-mpanel-open body {
  overflow: hidden;
}

/* Top row: logo left, close right */
.pwc-mpanel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* Close button */
.pwc-mpanel-close {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, .12);
  background: #fff;
  display: grid;
  place-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.pwc-mpanel-close:hover {
  background: rgba(0, 0, 0, .04);
}

.pwc-mpanel-close:active {
  transform: scale(.98);
}

.pwc-mpanel-close span {
  font-size: 26px;
  line-height: 1;
  margin-top: -2px;
  /* optical centering */
}

/* WOPIFY CODE */
.wpify-woo-qr-payment_code {
    max-width: 500px !important;
}