/* ============================================================
   firemnikrabicky.cz — fk-account-1.css (port ss-account-17 -> FK)
   ZÁKAZNICKÁ ZÓNA (/klient/*) + SLEDOVÁNÍ OBJEDNÁVKY (/moje-objednavka/)

   CSS-only. Žádný JS (ss-account-2.js drawer + badge-JS vynechány;
   mobilní sidebar = stacknutá karta, badgy stylované přes nativní
   [class*="status-"] hooky).

   ČÁST A — /klient/* : SLEPÝ DEFENZIVNÍ PORT. Stránky jsou za
   přihlášením (curl 302 -> /login/?backTo=...), DOM nešlo ověřit.
   Selektory = nativní Shoptet Classic vzory zdokumentované v
   ss-account-17.css (ověřené na skinspecialist = stejný engine,
   template-11): body.customer-page + .client-center-box (levé menu),
   .content-wrapper-in, aside.sidebar-left, main#content, .content-inner,
   .table / .table-mobile-enriched / .table-order-details, .row-summary
   .list-summary, .p-name__*, .co-billing-address / .co-shipping-address.
   Vše scopnuté body.customer-page + #content-wrapper => nezasáhne
   header/footer ani jiné typy stránek (lekce v16).

   ČÁST B — /moje-objednavka/ : OVĚŘENO na živé stránce. Obsah je
   Shoptet React widget v OTEVŘENÉM SHADOW DOM (main#order-withdraw,
   attachShadow v inline skriptu). Vnější CSS dovnitř nedosáhne —
   theming přes CSS custom properties nastavené na hostu (proměnné
   shadow hranici procházejí; vnější pravidla na hostu přebíjejí
   :host defaulty adoptedStyleSheets). Tokeny zjištěny dumpem
   adoptedStyleSheets: --Global-*, --Corner-Radius*, --Text-Font.

   DEPLOY: <link rel="stylesheet" href="/user/documents/upload/fk-account-1.css">
   do Záhlaví. Vyžaduje aspekta.woff2 v /user/documents/upload/.
   ============================================================ */

@font-face{font-family:'Aspekta';src:url('/user/documents/upload/aspekta.woff2') format('woff2-variations');font-weight:100 1000;font-style:normal;font-display:swap}

/* ============================================================
   A1. KLIENTSKÁ ZÓNA — canvas + rám
   Detekce: body.customer-page:has(.client-center-box) = všech 11
   podstránek /klient/*, nechytne login/registraci (bez levého menu).
   ============================================================ */

body.customer-page:has(.client-center-box){
  background:#F4F0E6 !important;
  font-family:'Aspekta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:#1A2B1C;
}
body.customer-page:has(.client-center-box) .breadcrumbs-wrapper{display:none !important}

/* defenzivně border-box v celém account obsahu (Shoptet ho má globálně,
   ale naše width:100% + padding pravidla na něm nesmí záviset) */
body.customer-page:has(.client-center-box) #content-wrapper *,
body.customer-page:has(.client-center-box) #content-wrapper *::before,
body.customer-page:has(.client-center-box) #content-wrapper *::after{box-sizing:border-box}
body.customer-page:has(.client-center-box) #content-wrapper,
body.customer-page:has(.client-center-box) .content-wrapper-in,
body.customer-page:has(.client-center-box) #content.content,
body.customer-page:has(.client-center-box) .content-inner{background:transparent !important;box-shadow:none !important}

body.customer-page:has(.client-center-box) #content-wrapper{
  max-width:1320px !important;
  margin:0 auto !important;
  padding:32px 32px 90px !important;
  box-sizing:border-box;
}

/* 2sloupcový layout: sidebar 264px + obsah (minmax kvůli širokým tabulkám) */
body.customer-page:has(.client-center-box) #content-wrapper .content-wrapper-in{
  display:grid !important;grid-template-columns:264px minmax(0,1fr) !important;
  gap:clamp(28px,3vw,48px);align-items:start;
}
body.customer-page:has(.client-center-box) #content-wrapper aside.sidebar-left{
  width:auto !important;max-width:none !important;float:none !important;
  margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .sidebar-inner{padding:0 !important;margin:0 !important;background:transparent !important}
body.customer-page:has(.client-center-box) #content-wrapper main#content{
  width:auto !important;max-width:none !important;float:none !important;margin:0 !important;padding:0 !important;min-width:0;
}
body.customer-page:has(.client-center-box) #content-wrapper .content-inner{min-width:0}

/* ============================================================
   A2. NADPISY — Aspekta, žádná kurzíva (Rigane pryč)
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper h1,
body[class*="in-klient"] #content-wrapper h1,
body[class*="in-zmena-"] #content-wrapper h1,
body[class*="in-objednavk"] #content-wrapper h1,
body[class*="in-oblib"] #content-wrapper h1,
body[class*="in-recenz"] #content-wrapper h1{
  font-family:'Aspekta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-weight:800 !important;font-style:normal !important;
  font-size:clamp(30px,3.4vw,40px) !important;
  letter-spacing:-.02em !important;line-height:1.06 !important;
  margin:0 0 26px !important;color:#1A2B1C !important;text-transform:none !important;
}
body.customer-page:has(.client-center-box) #content-wrapper h2,
body.customer-page:has(.client-center-box) #content-wrapper h3,
body.customer-page:has(.client-center-box) #content-wrapper h4{
  font-family:'Aspekta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-style:normal !important;letter-spacing:-.01em !important;
  color:#1A2B1C !important;text-transform:none !important;
}
body.customer-page:has(.client-center-box) #content-wrapper h2{font-size:21px !important;font-weight:800 !important;margin:0 0 16px !important}
body.customer-page:has(.client-center-box) #content-wrapper h3{font-size:17px !important;font-weight:700 !important;margin:0 0 12px !important}
body.customer-page:has(.client-center-box) #content-wrapper h4{font-size:15px !important;font-weight:700 !important;margin:0 0 10px !important}

/* ============================================================
   A3. LEVÉ MENU (.client-center-box) — cream karta, ikony, sunshine aktiv
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .client-center-box{
  background:#FBF8F0;border:1px solid rgba(129,102,69,.24);border-radius:18px;overflow:hidden;
  padding:0 0 6px;box-shadow:0 18px 44px rgba(34,57,36,.07);
}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box ul{list-style:none !important;margin:0 !important;padding:0 !important;display:flex;flex-direction:column}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li{margin:0 !important;padding:0 !important;list-style:none !important}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li::before{content:none !important}

/* identita nahoře */
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:first-child{order:0;padding:16px 18px 15px !important;border-bottom:1px solid rgba(129,102,69,.24);margin:0 0 6px !important}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:first-child a{display:block;text-decoration:none !important}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:first-child a::before{
  content:"MŮJ ÚČET";display:block;font-family:'Aspekta',-apple-system,sans-serif;
  font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#6B5238;font-weight:800;margin-bottom:7px;
}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:first-child strong{
  font-family:'Aspekta',-apple-system,sans-serif;font-style:normal;font-weight:800;
  font-size:18px;letter-spacing:-.015em;color:#1A2B1C;
}

/* položky */
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout){border-bottom:1px solid rgba(26,43,28,.06)}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout):last-of-type{border-bottom:0}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a{
  display:flex !important;align-items:center;gap:12px;padding:10px 18px;
  font-family:'Aspekta',-apple-system,sans-serif;font-size:14px;line-height:1.25;
  color:rgba(26,43,28,.78) !important;text-decoration:none !important;position:relative;
  transition:color .22s cubic-bezier(.4,0,.2,1),padding-left .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1);
}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a::before{
  content:"";flex:0 0 auto;width:16px;height:16px;background-color:currentColor;opacity:.5;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:opacity .22s;
}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a:hover{color:#1A2B1C !important;padding-left:22px;background:rgba(225,177,36,.08)}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a:hover::before{opacity:.95}

/* aktivní */
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout).active a{color:#1A2B1C !important;font-weight:700 !important;background:rgba(225,177,36,.16) !important}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout).active a::before{opacity:1 !important;background-color:#C9971A !important}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout).active a::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#E1B124}

/* logout dole */
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout{order:99;margin:6px 0 0 !important;padding:8px 0 0 !important;border-top:1px solid rgba(129,102,69,.24)}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout a,
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout a.btn{
  display:flex !important;align-items:center;gap:12px;width:auto;padding:10px 18px;background:none !important;border:0 !important;box-shadow:none !important;
  color:#6B5238 !important;font-family:'Aspekta',-apple-system,sans-serif;font-size:13px;font-weight:700;
  text-transform:none !important;letter-spacing:0 !important;text-decoration:none !important;min-height:0 !important;line-height:1.25 !important;transition:opacity .2s;
}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout a::before{
  content:"";flex:0 0 auto;width:16px;height:16px;background-color:currentColor;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout a:hover{opacity:.65}

/* per-href liniové ikony (CSS mask, currentColor) */
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/nastaveni/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2021v-2a4%204%200%200%200-4-4H8a4%204%200%200%200-4%204v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/objednavky/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4z%22%2F%3E%3Cpath%20d%3D%22M3%206h18%22%2F%3E%3Cpath%20d%3D%22M16%2010a4%204%200%200%201-8%200%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klient-platby/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2010h20%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2010h20%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klient-doklady/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M8%2013h8%22%2F%3E%3Cpath%20d%3D%22M8%2017h8%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M8%2013h8%22%2F%3E%3Cpath%20d%3D%22M8%2017h8%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klientske-proforma-faktury/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klientske-dobropisy/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M9%2015h6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22M9%2015h6%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/dodaci-listy-klienta/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%203h13v13H1z%22%2F%3E%3Cpath%20d%3D%22M14%208h4l3%203v5h-7z%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2218.5%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M1%203h13v13H1z%22%2F%3E%3Cpath%20d%3D%22M14%208h4l3%203v5h-7z%22%2F%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%2218.5%22%20r%3D%221.6%22%2F%3E%3Ccircle%20cx%3D%2218.5%22%20cy%3D%2218.5%22%20r%3D%221.6%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/danove-doklady-platba/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22m9%2015%202%202%204-4%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8z%22%2F%3E%3Cpath%20d%3D%22M14%202v6h6%22%2F%3E%3Cpath%20d%3D%22m9%2015%202%202%204-4%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klient-slevy/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.59%2013.41%2013.42%2020.58a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22%2F%3E%3Cpath%20d%3D%22M7%207h.01%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.59%2013.41%2013.42%2020.58a2%202%200%200%201-2.83%200L2%2012V2h10l8.59%208.59a2%202%200%200%201%200%202.82z%22%2F%3E%3Cpath%20d%3D%22M7%207h.01%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klient-hodnoceni/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolygon%20points%3D%2212%202%2015.09%208.26%2022%209.27%2017%2014.14%2018.18%2021.02%2012%2017.77%205.82%2021.02%207%2014.14%202%209.27%208.91%208.26%2012%202%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(.logout):not(:first-child) a[href="/klient/klient-diskuze/"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.38%208.38%200%200%201-.9%203.8%208.5%208.5%200%200%201-7.6%204.7%208.38%208.38%200%200%201-3.8-.9L3%2021l1.9-5.7a8.38%208.38%200%200%201-.9-3.8%208.5%208.5%200%200%201%204.7-7.6%208.38%208.38%200%200%201%203.8-.9h.5a8.48%208.48%200%200%201%208%208z%22%2F%3E%3C%2Fsvg%3E")}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout a::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%2F%3E%3Cpath%20d%3D%22M21%2012H9%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4%22%2F%3E%3Cpolyline%20points%3D%2216%2017%2021%2012%2016%207%22%2F%3E%3Cpath%20d%3D%22M21%2012H9%22%2F%3E%3C%2Fsvg%3E")}

/* ============================================================
   A4. KARTY OBSAHU (boxy, formuláře)
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .box,
body.customer-page:has(.client-center-box) #content-wrapper .co-box,
body.customer-page:has(.client-center-box) #content-wrapper .info-box,
body.customer-page:has(.client-center-box) #content-wrapper .order-info,
body.customer-page:has(.client-center-box) #content-wrapper .customer-info,
body.customer-page:has(.client-center-box) #content-wrapper .billing-info,
body.customer-page:has(.client-center-box) #content-wrapper .shipping-info,
body.customer-page:has(.client-center-box) #content-wrapper form.password-form,
body.customer-page:has(.client-center-box) #content-wrapper form.shipping-address-form{
  background:#FBF8F0;border:1px solid rgba(26,43,28,.08);border-radius:18px;
  padding:28px 28px 24px;margin:0 0 20px;box-shadow:0 18px 44px rgba(34,57,36,.05);
}
body.customer-page:has(.client-center-box) #content-wrapper .box h2,
body.customer-page:has(.client-center-box) #content-wrapper .box h3,
body.customer-page:has(.client-center-box) #content-wrapper .box h4,
body.customer-page:has(.client-center-box) #content-wrapper .co-box h2,
body.customer-page:has(.client-center-box) #content-wrapper .co-box h3,
body.customer-page:has(.client-center-box) #content-wrapper .co-box h4{margin-top:0 !important;margin-bottom:16px !important}

/* font-shoptet glyfy u adresních nadpisů pryč */
body.customer-page:has(.client-center-box) #content-wrapper .co-box.co-shipping-address h2::before,
body.customer-page:has(.client-center-box) #content-wrapper .co-box.co-shipping-address h4::before,
body.customer-page:has(.client-center-box) #content-wrapper .co-box.co-billing-address h2::before,
body.customer-page:has(.client-center-box) #content-wrapper .co-box.co-billing-address h4::before,
body.customer-page:has(.client-center-box) #content-wrapper h2[class*="title"]::before,
body.customer-page:has(.client-center-box) #content-wrapper h3[class*="title"]::before,
body.customer-page:has(.client-center-box) #content-wrapper .box-heading::before,
body.customer-page:has(.client-center-box) #content-wrapper .section-heading::before{content:none !important;display:none !important}

/* ============================================================
   A5. FORMULÁŘE — labely, pill inputy (konzistentní s fk-login-1)
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .form-group{position:static !important;margin-bottom:14px;min-width:0 !important}

body.customer-page:has(.client-center-box) #content-wrapper label{
  display:block;font-family:'Aspekta',-apple-system,sans-serif !important;
  font-size:13.5px !important;letter-spacing:0 !important;text-transform:none !important;
  color:#3C4A3D !important;margin-bottom:7px !important;font-weight:600 !important;line-height:1.4 !important;
}
body.customer-page:has(.client-center-box) #content-wrapper label .required-asterisk{display:inline !important;white-space:nowrap}
body.customer-page:has(.client-center-box) #content-wrapper label .required-asterisk::after{content:' *';color:#6B5238;display:inline !important}

body.customer-page:has(.client-center-box) #content-wrapper .form-control,
body.customer-page:has(.client-center-box) #content-wrapper input[type="text"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="email"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="tel"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="password"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="number"],
body.customer-page:has(.client-center-box) #content-wrapper select,
body.customer-page:has(.client-center-box) #content-wrapper textarea{
  width:100%;padding:12px 20px;
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:14.5px;
  background:#FFFFFF;border:1px solid rgba(26,43,28,.16) !important;border-radius:999px;
  outline:0;color:#1A2B1C;box-shadow:none;
  transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);
  -webkit-appearance:none;appearance:none;line-height:1.4;
}
body.customer-page:has(.client-center-box) #content-wrapper textarea{border-radius:18px}
body.customer-page:has(.client-center-box) #content-wrapper select{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A2B1C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'/%3e%3c/svg%3e");
  background-repeat:no-repeat;background-position:right 18px center;background-size:16px;padding-right:44px;
}
body.customer-page:has(.client-center-box) #content-wrapper .form-control:focus,
body.customer-page:has(.client-center-box) #content-wrapper input:focus,
body.customer-page:has(.client-center-box) #content-wrapper select:focus,
body.customer-page:has(.client-center-box) #content-wrapper textarea:focus{
  border-color:#E1B124 !important;box-shadow:0 0 0 4px rgba(225,177,36,.18);
}
/* jednotná výška polí (fix oříznutý select ZEMĚ z v14) */
body.customer-page:has(.client-center-box) #content-wrapper select,
body.customer-page:has(.client-center-box) #content-wrapper .form-control,
body.customer-page:has(.client-center-box) #content-wrapper input[type="text"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="email"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="tel"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="password"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="number"]{height:auto !important;min-height:48px !important}
body.customer-page:has(.client-center-box) #content-wrapper textarea{height:auto !important;min-height:110px !important}
body.customer-page:has(.client-center-box) #content-wrapper select{line-height:1.4 !important}

body.customer-page:has(.client-center-box) #content-wrapper .smart-label-wrapper{position:static !important}
body.customer-page:has(.client-center-box) #content-wrapper .checkbox-styled,
body.customer-page:has(.client-center-box) #content-wrapper .radio-styled{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:13px !important;
  letter-spacing:0 !important;text-transform:none !important;color:#1A2B1C !important;font-weight:400 !important;line-height:1.5;
}
body.customer-page:has(.client-center-box) #content-wrapper input[type="checkbox"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="radio"]{accent-color:#223924}

/* ============================================================
   A6. TLAČÍTKA — sunshine pill primár, ghost sekundár
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper button[type="submit"],
body.customer-page:has(.client-center-box) #content-wrapper input[type="submit"],
body.customer-page:has(.client-center-box) #content-wrapper .btn-primary,
body.customer-page:has(.client-center-box) #content-wrapper .btn-secondary.btn-text,
body.customer-page:has(.client-center-box) #content-wrapper .btn.btn-secondary,
body.customer-page:has(.client-center-box) #content-wrapper .submit-wrapper button{
  padding:13px 26px !important;
  background:#E1B124 !important;background-image:none !important;
  color:#1A2B1C !important;border:0 !important;border-radius:999px !important;
  font-family:'Aspekta',-apple-system,sans-serif !important;
  font-size:14.5px !important;font-weight:800 !important;letter-spacing:0 !important;
  text-transform:none !important;cursor:pointer !important;text-decoration:none !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  min-width:170px;box-shadow:none;
  transition:background-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);
  -webkit-appearance:none;appearance:none;
}
body.customer-page:has(.client-center-box) #content-wrapper button[type="submit"]:hover,
body.customer-page:has(.client-center-box) #content-wrapper input[type="submit"]:hover,
body.customer-page:has(.client-center-box) #content-wrapper .btn-primary:hover,
body.customer-page:has(.client-center-box) #content-wrapper .btn-secondary.btn-text:hover,
body.customer-page:has(.client-center-box) #content-wrapper .btn.btn-secondary:hover{
  background:#EBC23E !important;color:#1A2B1C !important;transform:translateY(-1px);
}

/* ghost */
body.customer-page:has(.client-center-box) #content-wrapper .btn-plain,
body.customer-page:has(.client-center-box) #content-wrapper .btn-default,
body.customer-page:has(.client-center-box) #content-wrapper .btn.btn-action{
  padding:11px 24px !important;background:transparent !important;color:#1A2B1C !important;
  border:1px solid rgba(26,43,28,.2) !important;border-radius:999px !important;
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:13.5px !important;font-weight:700 !important;
  letter-spacing:0 !important;text-transform:none !important;cursor:pointer !important;text-decoration:none !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  transition:border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);
}
body.customer-page:has(.client-center-box) #content-wrapper .btn-plain:hover,
body.customer-page:has(.client-center-box) #content-wrapper .btn-default:hover,
body.customer-page:has(.client-center-box) #content-wrapper .btn.btn-action:hover{
  border-color:#E1B124 !important;background:rgba(225,177,36,.1) !important;
}

/* destruktivní */
body.customer-page:has(.client-center-box) #content-wrapper .btn-danger,
body.customer-page:has(.client-center-box) #content-wrapper .btn-delete,
body.customer-page:has(.client-center-box) #content-wrapper button.delete-address,
body.customer-page:has(.client-center-box) #content-wrapper a.delete-action,
body.customer-page:has(.client-center-box) #content-wrapper .btn[data-action*="delete"],
body.customer-page:has(.client-center-box) #content-wrapper .btn[data-action*="remove"]{
  background:transparent !important;color:#A23B30 !important;border:1px solid rgba(192,57,43,.45) !important;border-radius:999px !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .btn-danger:hover,
body.customer-page:has(.client-center-box) #content-wrapper .btn-delete:hover,
body.customer-page:has(.client-center-box) #content-wrapper button.delete-address:hover{
  background:#C0392B !important;color:#FBF8F0 !important;border-color:#C0392B !important;
}

/* ============================================================
   A7. TABULKY (seznam objednávek, adresy, recenze)
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .table,
body.customer-page:has(.client-center-box) #content-wrapper table.table{
  width:100%;border-collapse:separate;border-spacing:0;
  background:#FBF8F0;border:1px solid rgba(26,43,28,.08);border-radius:18px;overflow:hidden;
  font-family:'Aspekta',-apple-system,sans-serif;margin:0 0 24px;
}
body.customer-page:has(.client-center-box) #content-wrapper .table thead{background:#E6DFCD;position:relative !important;top:auto !important}
body.customer-page:has(.client-center-box) #content-wrapper .table thead th{
  padding:14px 16px !important;text-align:left !important;
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:10.5px !important;
  letter-spacing:.22em !important;text-transform:uppercase !important;
  color:#55663F !important;font-weight:700 !important;
  border-bottom:1px solid rgba(26,43,28,.1) !important;line-height:1.4;
}
body.customer-page:has(.client-center-box) #content-wrapper .table tbody tr{border-bottom:1px solid rgba(26,43,28,.08);transition:background .25s cubic-bezier(.4,0,.2,1)}
body.customer-page:has(.client-center-box) #content-wrapper .table tbody tr:hover{background:rgba(230,223,205,.4)}
body.customer-page:has(.client-center-box) #content-wrapper .table tbody tr:last-child{border-bottom:0}
body.customer-page:has(.client-center-box) #content-wrapper .table tbody td{
  padding:16px !important;font-family:'Aspekta',-apple-system,sans-serif !important;
  font-size:13.5px !important;color:#1A2B1C !important;line-height:1.5 !important;
  vertical-align:middle !important;border:0;border-bottom:1px solid rgba(26,43,28,.08);background:transparent !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .table tbody tr:last-child td{border-bottom:0}

/* číslo objednávky (1. sloupec) — tučně, žádný serif italic */
body.customer-page:has(.client-center-box) #content-wrapper .table .cell--code,
body.customer-page:has(.client-center-box) #content-wrapper .table td.cell--code,
body.customer-page:has(.client-center-box) #content-wrapper .table tbody td:first-child{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;
  font-weight:800 !important;font-size:15px !important;letter-spacing:-.01em !important;color:#1A2B1C !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .table .cell--code a,
body.customer-page:has(.client-center-box) #content-wrapper .table tbody td:first-child a{
  color:#1A2B1C !important;text-decoration:none !important;border-bottom:1px solid rgba(26,43,28,.35);
  font-family:inherit !important;font-style:normal !important;font-size:inherit !important;font-weight:inherit !important;
  padding-bottom:1px;transition:color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);
}
body.customer-page:has(.client-center-box) #content-wrapper .table .cell--code a:hover,
body.customer-page:has(.client-center-box) #content-wrapper .table tbody td:first-child a:hover{color:#6B5238 !important;border-color:#E1B124}

body.customer-page:has(.client-center-box) #content-wrapper .table .cell--price{text-align:right !important;white-space:nowrap !important;font-weight:600 !important;font-size:14px !important}
body.customer-page:has(.client-center-box) #content-wrapper .table .cell--actions{text-align:right !important;white-space:nowrap}
body.customer-page:has(.client-center-box) #content-wrapper .table .cell--actions .btn.btn-plain{
  padding:0 0 1px !important;background:transparent !important;border:0 !important;border-radius:0 !important;
  color:#6B5238 !important;text-decoration:none !important;font-size:13px !important;
  letter-spacing:0 !important;text-transform:none !important;font-weight:700 !important;
  border-bottom:1px solid currentColor !important;min-width:0 !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .table .cell--actions .btn.btn-plain:hover{color:#816645 !important;background:transparent !important}

body.customer-page:has(.client-center-box) #content-wrapper .table .tracking-link{
  display:block;max-width:17ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#6B5238 !important;text-decoration:none !important;border-bottom:1px solid currentColor;
  font-size:12.5px !important;font-weight:600 !important;padding-bottom:1px;
}

/* ============================================================
   A8. STAVOVÉ BADGY (CSS-only přes nativní status třídy)
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .status,
body.customer-page:has(.client-center-box) #content-wrapper .order-status,
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"],
body.customer-page:has(.client-center-box) #content-wrapper .cell--status{
  display:inline-flex;align-items:center;padding:4px 13px;border-radius:999px;
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:11.5px !important;font-weight:700 !important;
  letter-spacing:.02em !important;text-transform:none !important;line-height:1.4;white-space:nowrap;
  background:rgba(26,43,28,.07);color:#6B7B6D;
}
body.customer-page:has(.client-center-box) #content-wrapper .status-active,
body.customer-page:has(.client-center-box) #content-wrapper .status-processing,
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="processing"],
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="zpracovava"],
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="prijata"]{
  background:rgba(225,177,36,.2) !important;color:#7A5E0C !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .status-completed,
body.customer-page:has(.client-center-box) #content-wrapper .status-shipped,
body.customer-page:has(.client-center-box) #content-wrapper .status-delivered,
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="vyrizena"],
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="dorucena"],
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="dokoncena"]{
  background:#5C765E !important;color:#F4F0E6 !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .status-cancelled,
body.customer-page:has(.client-center-box) #content-wrapper .status-canceled,
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="storno"],
body.customer-page:has(.client-center-box) #content-wrapper [class*="status-"][class*="zrusena"]{
  background:rgba(192,57,43,.12) !important;color:#A23B30 !important;
}

/* ============================================================
   A9. DETAIL OBJEDNÁVKY (in-objednavk*)
   ============================================================ */

/* hlavička objednávky = karta (datum + stav + Znovu nakoupit) */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type{margin:0 0 16px !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div{
  background:#FBF8F0;border:1px solid rgba(26,43,28,.08);border-radius:18px;padding:22px 26px;
  display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div p{margin:0 !important;font-size:14.5px;line-height:1.7;color:#6B7B6D}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div p:first-child{flex:1;min-width:240px}

/* stavová pilulka (neutrální; bez JS zůstává neutrální pro všechny stavy) */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div p:first-child strong{
  display:inline-block;padding:3px 13px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em;
  background:rgba(225,177,36,.2);color:#7A5E0C;margin-left:4px;
}

/* odsazení dalších sekcí */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:not(:first-of-type){margin-top:38px !important;margin-bottom:18px !important}

/* adresy -> 2 karty (vč. zabití Bootstrap clearfix fantomu) */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row::before,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row::after{content:none !important;display:none !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row{
  display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important;margin:0 !important;align-items:stretch !important;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row > [class*="col-"]{
  background:#FBF8F0 !important;border:1px solid rgba(26,43,28,.08) !important;border-radius:18px;padding:22px 26px !important;
  font-size:14.5px;line-height:1.75;color:rgba(26,43,28,.85);
  width:auto !important;max-width:none !important;float:none !important;grid-column:auto !important;margin:0 !important;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row h4{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:10.5px !important;letter-spacing:.2em !important;
  text-transform:uppercase !important;color:#6B5238 !important;font-weight:800 !important;margin:0 0 12px !important;font-style:normal !important;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row a{color:#6B5238 !important;border-bottom:1px solid rgba(107,82,56,.3);text-decoration:none !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row p{margin:0 !important}

/* ---- POLOŽKY: flex tabulka (finální stav v11+v12+v13) ---- */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details{
  display:block !important;background:#FBF8F0 !important;border:1px solid rgba(26,43,28,.08) !important;
  border-radius:18px !important;overflow:hidden !important;width:auto !important;margin:0 !important;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody{display:block !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead tr,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr{display:flex !important;align-items:stretch !important;width:100% !important;background:none !important;border:0 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr:hover{background:none !important}

body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td{
  flex:1 1 0 !important;min-width:0 !important;display:flex !important;align-items:center !important;
  padding:15px 10px !important;border:0 !important;border-bottom:1px solid rgba(26,43,28,.06) !important;background:none !important;
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:13px !important;font-style:normal !important;
  color:rgba(26,43,28,.8) !important;line-height:1.4 !important;box-sizing:border-box !important;
}
/* th se PŘIROZENĚ zalamuje (v13): display block, řádek zarovnává spodky */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead tr{align-items:flex-end !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th{
  display:block !important;align-self:flex-end !important;padding:18px 10px 13px !important;
  font-size:9.5px !important;letter-spacing:.04em !important;text-transform:uppercase !important;
  color:rgba(26,43,28,.55) !important;font-weight:700 !important;border-bottom:1px solid rgba(26,43,28,.14) !important;
  white-space:normal !important;overflow-wrap:break-word !important;word-break:normal !important;hyphens:none !important;
}
/* poměry sloupců */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(1),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(1){flex:2.7 1 0 !important;padding-left:24px !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(2),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(2){flex:1 1 0 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(3),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(3){flex:1.15 1 0 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(4),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(4){flex:1.25 1 0 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(5),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(5){flex:.7 1 0 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(6),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(6){flex:1.15 1 0 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:nth-child(7),
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(7){flex:1.15 1 0 !important;padding-right:24px !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:not(.cell--price):not(:last-child){text-align:left !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th.cell--price,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead th:last-child{text-align:right !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.cell--price,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:last-child{justify-content:flex-end !important;text-align:right !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.cell--price{white-space:nowrap !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.cell--price strong{font-weight:700 !important;color:#1A2B1C !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details .client-table-heading{display:none !important}

/* 1. buňka = produkt: název + kód pod sebou; ŽÁDNÁ kurzíva */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(1){flex-direction:column !important;align-items:flex-start !important;justify-content:center !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name .p-name__itemLink,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:nth-child(1) a.p-name__itemLink,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name a{
  display:block !important;font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;
  font-size:13.5px !important;font-weight:700 !important;line-height:1.35 !important;color:#1A2B1C !important;
  text-decoration:none !important;border-bottom:0 !important;margin:0 0 5px !important;letter-spacing:0 !important;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name .p-name__itemLink:hover,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name a:hover{color:#6B5238 !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name .p-name__itemName,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details .p-name__itemName{font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;font-size:13px !important;font-weight:400 !important;color:#6B7B6D !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details .p-name__codeLabel{display:inline !important;font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;font-size:11px !important;letter-spacing:0 !important;color:rgba(26,43,28,.5) !important;text-transform:none !important;white-space:normal !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details .p-name__code{font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;font-size:11px !important;color:rgba(26,43,28,.65) !important}

/* souhrn cen -> pravý box */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr.row-summary{display:block !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr.row-summary td{display:block !important;flex:none !important;width:auto !important;border-bottom:0 !important;padding:24px 24px 6px !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary .list-summary{
  max-width:340px;margin-left:auto !important;display:grid !important;grid-template-columns:1fr auto;gap:10px 28px;
  background:#F4F0E6;border:1px solid rgba(26,43,28,.08);border-radius:18px;padding:20px 24px;
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary dt{margin:0 !important;color:#6B7B6D;font-size:13.5px;align-self:center;float:none !important;font-style:normal !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary dd{margin:0 !important;text-align:right;font-size:13.5px;color:rgba(26,43,28,.85);align-self:center;float:none !important}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary dt:first-of-type{
  font-family:'Aspekta',-apple-system,sans-serif;font-style:normal;font-weight:800;font-size:16px;color:#1A2B1C;
  padding-bottom:10px;margin-bottom:4px !important;border-bottom:1px solid rgba(26,43,28,.1);
}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary dd:first-of-type{font-size:19px;padding-bottom:10px;margin-bottom:4px !important;border-bottom:1px solid rgba(26,43,28,.1)}
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary dd:first-of-type strong{font-weight:800;color:#1A2B1C}

/* Znovu nakoupit — sunshine pill, tmavý text */
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div .btn.btn-primary,
body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div a.btn-primary{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:14.5px !important;font-weight:800 !important;
  letter-spacing:0 !important;text-transform:none !important;color:#1A2B1C !important;
  padding:11px 24px !important;border-radius:999px !important;min-width:0 !important;
}

/* ============================================================
   A10. STARÝ RECAP + ADRESNÍ KARTY (zmena-udaju atd.)
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .order-recapitulation{
  background:#E6DFCD !important;border:0 !important;border-radius:18px !important;
  padding:24px 28px !important;margin:0 0 24px !important;
  font-family:'Aspekta',-apple-system,sans-serif !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .order-recapitulation::before{
  content:'Souhrn objednávky';display:block;
  font-family:'Aspekta',-apple-system,sans-serif;font-style:normal;font-weight:800;
  font-size:19px;letter-spacing:-.015em;color:#1A2B1C;margin:0 0 18px;
}
body.customer-page:has(.client-center-box) #content-wrapper .order-recapitulation strong,
body.customer-page:has(.client-center-box) #content-wrapper .recapitulation-single strong{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;
  font-weight:800 !important;font-size:20px !important;color:#1A2B1C !important;letter-spacing:-.01em !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .order-recapitulation strong span,
body.customer-page:has(.client-center-box) #content-wrapper .recapitulation-single strong span{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-weight:800 !important;font-style:normal !important;
}

body.customer-page:has(.client-center-box) #content-wrapper .co-billing-address,
body.customer-page:has(.client-center-box) #content-wrapper .co-shipping-address,
body.customer-page:has(.client-center-box) #content-wrapper .co-box.co-billing-address,
body.customer-page:has(.client-center-box) #content-wrapper .co-box.co-shipping-address{
  background:#FBF8F0;border:1px solid rgba(26,43,28,.08);border-radius:18px;padding:22px 24px;margin:0 0 16px;
}
body.customer-page:has(.client-center-box) #content-wrapper .co-billing-address h2,
body.customer-page:has(.client-center-box) #content-wrapper .co-billing-address h3,
body.customer-page:has(.client-center-box) #content-wrapper .co-billing-address h4,
body.customer-page:has(.client-center-box) #content-wrapper .co-shipping-address h2,
body.customer-page:has(.client-center-box) #content-wrapper .co-shipping-address h3,
body.customer-page:has(.client-center-box) #content-wrapper .co-shipping-address h4{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-style:normal !important;
  font-size:10.5px !important;letter-spacing:.25em !important;text-transform:uppercase !important;
  color:#6B5238 !important;font-weight:800 !important;margin:0 0 12px !important;
}
body.customer-page:has(.client-center-box) #content-wrapper .co-billing-address p,
body.customer-page:has(.client-center-box) #content-wrapper .co-shipping-address p{
  font-family:'Aspekta',-apple-system,sans-serif !important;font-size:14px !important;
  line-height:1.6 !important;color:#1A2B1C !important;margin:0 !important;
}

/* doručovací adresy (více adres) */
body.customer-page:has(.client-center-box) #content-wrapper .shipping-addresses{padding-top:19px}
body.customer-page:has(.client-center-box) #content-wrapper .table-shipping-addresses{min-width:-moz-max-content;min-width:max-content}
body.customer-page:has(.client-center-box) #content-wrapper .table-shipping-addresses td:not(:last-child){border-right:1px solid rgba(26,43,28,.08) !important}
body.customer-page:has(.client-center-box) #content-wrapper .default-shipping-address{color:#55663F !important;font-weight:700}
body.customer-page:has(.client-center-box) #content-wrapper .default-shipping-address::before{content:'✓ ';font-weight:800}

/* ============================================================
   A11. RECENZE + DISKUZE
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper .customer-ratings,
body.customer-page:has(.client-center-box) #content-wrapper .customer-discussions{font-family:'Aspekta',-apple-system,sans-serif !important}
body.customer-page:has(.client-center-box) #content-wrapper .customer-ratings .cell--rating .product-rating-wrap,
body.customer-page:has(.client-center-box) #content-wrapper .customer-ratings .stars{position:static !important}
body.customer-page:has(.client-center-box) #content-wrapper .customer-ratings .star,
body.customer-page:has(.client-center-box) #content-wrapper .customer-ratings .star::before{position:static !important;color:#E1B124 !important}
body.customer-page:has(.client-center-box) #content-wrapper .customer-discussions ul,
body.customer-page:has(.client-center-box) #content-wrapper .customer-ratings ul{margin:0 !important;padding:0 !important;list-style:none !important}

/* ============================================================
   A12. ODKAZY (kill Shoptet modrá) + HLÁŠKY
   ============================================================ */

body.customer-page:has(.client-center-box) #content-wrapper a{
  color:#6B5238;text-decoration:none;transition:color .25s cubic-bezier(.4,0,.2,1);
}
body.customer-page:has(.client-center-box) #content-wrapper a:hover{color:#816645}
body.customer-page:has(.client-center-box) #content-wrapper .client-center-box a,
body.customer-page:has(.client-center-box) #content-wrapper button,
body.customer-page:has(.client-center-box) #content-wrapper .btn,
body.customer-page:has(.client-center-box) #content-wrapper input[type="submit"]{color:inherit !important}

body.customer-page:has(.client-center-box) #content-wrapper .error-block,
body.customer-page:has(.client-center-box) #content-wrapper .form-error,
body.customer-page:has(.client-center-box) #content-wrapper .alert-danger{
  background:rgba(192,57,43,.08);border:1px solid rgba(192,57,43,.25);color:#A23B30;
  padding:12px 18px;border-radius:14px;font-family:'Aspekta',-apple-system,sans-serif;
  font-size:13px;font-weight:600;line-height:1.5;margin-bottom:14px;
}
body.customer-page:has(.client-center-box) #content-wrapper .success-block,
body.customer-page:has(.client-center-box) #content-wrapper .alert-success{
  background:rgba(92,118,94,.12);border:1px solid rgba(92,118,94,.35);color:#3D5940;
  padding:12px 18px;border-radius:14px;font-family:'Aspekta',-apple-system,sans-serif;
  font-size:13px;font-weight:600;line-height:1.5;margin-bottom:14px;
}

/* ============================================================
   A13. RESPONSIVE — mobil bez JS: sidebar = kompaktní karta nad obsahem
   ============================================================ */

@media (max-width:1100px){
  body.customer-page:has(.client-center-box) #content-wrapper .content-wrapper-in{grid-template-columns:230px minmax(0,1fr) !important;gap:24px}
}

@media (max-width:900px){
  body.customer-page:has(.client-center-box) #content-wrapper{padding:22px 16px 64px !important}
  body.customer-page:has(.client-center-box) #content-wrapper .content-wrapper-in{grid-template-columns:minmax(0,1fr) !important;gap:20px}
  body.customer-page:has(.client-center-box) #content-wrapper #content,
  body.customer-page:has(.client-center-box) #content-wrapper main#content{min-width:0 !important;max-width:100% !important;overflow-wrap:break-word !important}

  /* sidebar karta: položky do 2 sloupců (nižší karta, žádný drawer JS) */
  body.customer-page:has(.client-center-box) #content-wrapper .client-center-box ul{display:grid;grid-template-columns:1fr 1fr}
  body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:first-child{grid-column:1 / -1}
  body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li.logout{grid-column:1 / -1}
  body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a{padding:9px 14px;font-size:13px}
  body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a:hover{padding-left:14px}

  /* hlavička objednávky stack + button full width */
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div{flex-direction:column !important;align-items:stretch !important;padding:18px !important;gap:13px !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div p:first-child{min-width:0 !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div .btn{width:100% !important;justify-content:center !important;text-align:center !important}

  /* summary full width */
  body.customer-page:has(.client-center-box) #content-wrapper .list-summary,
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary .list-summary{max-width:100% !important;margin-left:0 !important;width:100% !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row-summary dd{white-space:nowrap !important}

  /* shipping-addresses tabulka nepřetéká */
  body.customer-page:has(.client-center-box) #content-wrapper .table-shipping-addresses{display:block !important;width:100% !important;min-width:0 !important;overflow-x:auto !important}

  /* seznam objednávek -> karty */
  body.customer-page:has(.client-center-box) #content-wrapper .table,
  body.customer-page:has(.client-center-box) #content-wrapper table.table{display:block;border:0;background:transparent;overflow:visible}
  body.customer-page:has(.client-center-box) #content-wrapper .table thead{display:none}
  body.customer-page:has(.client-center-box) #content-wrapper .table tbody{display:block}
  body.customer-page:has(.client-center-box) #content-wrapper .table tbody tr{
    display:grid;grid-template-columns:1fr auto;gap:6px 12px;
    background:#FBF8F0;border:1px solid rgba(26,43,28,.08);border-radius:18px;padding:14px 18px;margin-bottom:10px;
  }
  body.customer-page:has(.client-center-box) #content-wrapper .table tbody tr:hover{background:#FBF8F0}
  body.customer-page:has(.client-center-box) #content-wrapper .table tbody td{display:block !important;padding:0 !important;border:0 !important}
  body.customer-page:has(.client-center-box) #content-wrapper .table tbody td.cell--price,
  body.customer-page:has(.client-center-box) #content-wrapper .table tbody td.cell--status{text-align:right !important}

  /* buttony full width */
  body.customer-page:has(.client-center-box) #content-wrapper button[type="submit"],
  body.customer-page:has(.client-center-box) #content-wrapper input[type="submit"],
  body.customer-page:has(.client-center-box) #content-wrapper .btn-primary{width:100% !important;min-width:0 !important}

  body.customer-page:has(.client-center-box) #content-wrapper h1{font-size:clamp(26px,7vw,34px) !important;line-height:1.08 !important;margin-bottom:20px !important}

  /* boxy těsnější */
  body.customer-page:has(.client-center-box) #content-wrapper .box,
  body.customer-page:has(.client-center-box) #content-wrapper .co-box,
  body.customer-page:has(.client-center-box) #content-wrapper form.password-form,
  body.customer-page:has(.client-center-box) #content-wrapper form.shipping-address-form{padding:20px 18px}
}

/* ≤719px — detail objednávky: tabulka položek do label/hodnota karet */
@media (max-width:719px){
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details thead{display:none !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr{display:block !important;border-bottom:1px solid rgba(26,43,28,.12) !important;padding:6px 0 10px !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr:last-child{border-bottom:0 !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td{
    display:flex !important;gap:14px !important;align-items:baseline !important;justify-content:space-between !important;
    padding:7px 18px !important;border:0 !important;text-align:right !important;font-size:13.5px !important;
    min-width:0 !important;width:auto !important;flex:none !important;
  }
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details .client-table-heading{
    display:inline-block !important;flex:1 1 auto !important;text-align:left !important;color:#6B7B6D !important;
    font-size:12px !important;font-weight:500 !important;text-transform:none !important;letter-spacing:0 !important;
    white-space:normal !important;word-break:normal !important;line-height:1.3 !important;
  }
  /* název produktu přes celou šířku, bez labelu (v17 fix) */
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name,
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td:first-child{
    display:block !important;width:auto !important;max-width:none !important;flex:none !important;
    text-align:left !important;padding:13px 18px 9px !important;
  }
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name .client-table-heading{display:none !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody td.p-name .p-name__itemLink{display:block !important;margin-bottom:4px !important}
  /* souhrnný řádek má vlastní grid */
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr.row-summary{padding:0 !important;border-bottom:0 !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .table-order-details tbody tr.row-summary td{display:block !important;flex:none !important;width:auto !important;text-align:left !important;padding:16px 16px 6px !important}
}

/* ≤680px — adresy pod sebe */
@media (max-width:680px){
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row{grid-template-columns:1fr !important;gap:14px !important}
}

/* ≤540px — malé telefony */
@media (max-width:540px){
  body.customer-page:has(.client-center-box) #content-wrapper{padding:18px 12px 56px !important}
  body.customer-page:has(.client-center-box) #content-wrapper h2{font-size:18px !important}
  /* sidebar zůstává 2sloupcová mřížka i na telefonu (bez draweru je to
     nejkratší cesta k obsahu); položky se zalamují */
  body.customer-page:has(.client-center-box) #content-wrapper .client-center-box li:not(:first-child):not(.logout) a{padding:9px 10px 9px 12px;font-size:12.5px;gap:9px}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .row > [class*="col-"]{padding:16px 16px !important}
  body[class*="in-objednavk"].customer-page:has(.client-center-box) #content-wrapper .content-inner > h2:first-of-type + div{padding:15px 15px !important}
  body.customer-page:has(.client-center-box) #content-wrapper .btn-primary,
  body.customer-page:has(.client-center-box) #content-wrapper button[type="submit"],
  body.customer-page:has(.client-center-box) #content-wrapper input[type="submit"],
  body.customer-page:has(.client-center-box) #content-wrapper .btn.btn-secondary{width:100% !important;justify-content:center !important}
  body.customer-page:has(.client-center-box) #content-wrapper .co-billing-address,
  body.customer-page:has(.client-center-box) #content-wrapper .co-shipping-address{padding:16px}
  body.customer-page:has(.client-center-box) #content-wrapper .order-recapitulation{padding:18px 20px !important}
}

/* ============================================================
   B. /moje-objednavka/ — sledování objednávky + EU tlačítko
   vrácení zboží (OVĚŘENO ŽIVĚ). Obsah = React widget v OTEVŘENÉM
   shadow DOM => theming přes CSS custom properties na hostu
   (main#order-withdraw). Vnější deklarace na hostu přebíjejí
   :host defaulty widgetu.
   ============================================================ */

body.in-moje-objednavka{
  background:#F4F0E6 !important;
  font-family:'Aspekta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body.in-moje-objednavka .breadcrumbs-wrapper{display:none !important}
body.in-moje-objednavka #content-wrapper,
body.in-moje-objednavka .orderWithdraw__container{background:transparent !important;box-shadow:none !important}
body.in-moje-objednavka #content-wrapper{padding-top:34px !important;padding-bottom:90px !important}

/* host (light DOM) nese nativní šedý podklad #f6f6f6 -> pryč, prosvítá canvas.
   Šedou kreslí i full-bleed pseudo ::before (position:absolute) na hostu. */
body.in-moje-objednavka main#order-withdraw,
body.in-moje-objednavka .orderWithdraw{background:transparent !important}
body.in-moje-objednavka main#order-withdraw::before,
body.in-moje-objednavka .orderWithdraw::before{background:transparent !important}
body.in-moje-objednavka main#order-withdraw{margin:0 auto;min-height:280px}

/* design tokeny widgetu -> FK paleta (prochází shadow hranicí) */
body.in-moje-objednavka main#order-withdraw,
body.in-moje-objednavka .orderWithdraw{
  /* typografie */
  --Text-Font:'Aspekta',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  /* texty */
  --Global-Foregrounds-Content-Primary:#1A2B1C;
  --Global-Foregrounds-Content-Secondary:#3C4A3D;
  --Global-Foregrounds-Content-Tertiary:#6B7B6D;
  --Global-Foregrounds-Content-Disabled:#9AA59B;
  --Global-Foregrounds-Content-White:#F4F0E6;
  --Global-Foregrounds-Content-Link:#6B5238;
  --Global-Foregrounds-Content-Informative:#5C765E;
  /* bordery + ikony */
  --Global-Foregrounds-Borders-Primary:rgba(26,43,28,.32);
  --Global-Foregrounds-Borders-Secondary:rgba(26,43,28,.14);
  --Global-Foregrounds-Borders-Activated:#E1B124;
  --Global-Foregrounds-Icons-Primary:#6B7B6D;
  /* plochy */
  --Global-Backgrounds-Content-Primary:#FBF8F0;
  --Global-Backgrounds-Content-Secondary:#F4F0E6;
  --Global-Backgrounds-Content-Disabled:#EDE8D8;
  --Global-Backgrounds-Selected:#FAF0D2;
  /* CTA: forest + sand text (text buttonu = Content-White token,
     sdílený s notifikacemi => sunshine s tmavým textem tu NELZE
     bez rozbití notifikací; forest CTA je FK-konformní) */
  --Global-Backgrounds-Button-Primary:#223924;
  --Global-Backgrounds-Button-Primary_Hover:#1A2B1C;
  --Global-Foregrounds-Button-Primary:#223924;
  --Global-Foregrounds-Button-Primary_Hover:#1A2B1C;
  --Global-Backgrounds-Button-Tertiary:#5C765E;
  /* radius systém FK: pill buttony, 18px karty/inputy */
  --Corner-Radius:999px;
  --Corner-Radius_Bigger:18px;
  --Corner-Radius_Full:9999em;
}

@media (max-width:540px){
  body.in-moje-objednavka #content-wrapper{padding-top:18px !important;padding-bottom:56px !important}
}

/* ============================================================
   REDUCED MOTION
   ============================================================ */

@media (prefers-reduced-motion:reduce){
  body.customer-page:has(.client-center-box) #content-wrapper *,
  body.in-moje-objednavka #content-wrapper *{transition:none !important;animation:none !important}
}