/* Fonts */
 /* (base) */
/* Manrope hostovano na webu (2026-10-20), drive Google Fonts - IP navstevnika uz nejde Googlu */
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/manrope-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/manrope-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
:root{
  /*  --font-inter: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-source: 'Source Sans 3', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-ibm: 'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; */
    --font-manrope: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /*shadows*/
    --shain-1: inset 3px 3px 4px -3px #000000a8;
    
}
body{
    font-family: var(--font-manrope);
    font-weight: 400;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
.logo{padding-left:0px;}
h1, h2, h3, h4{line-height: 1.25;}
table,.table{ font-size: 0.95rem; line-height: 1.45;}
input,select,textarea,button{ font-family: inherit; line-height: 1.3;}
 body, * {font-size: 13px; } 
 .chfs0 > * {font-size: 10px;} .chfs1 > * {font-size: 12px;} .chfs2 > * {font-size: 14px;} .chfs3 > * {font-size: 16px;} .chfs4 > * {font-size: 18px;} .chfs5 > * {font-size: 20px;} .chfs6 > * {font-size: 22px;} .chfs7 > * {font-size: 24px;} .chfs8 > * {font-size: 26px;} .chfs9 > * {font-size: 28px;} .chfs10 > * {font-size: 30px;} .chfs11 > * {font-size: 32px;} .chfs12 > * {font-size: 34px;} .chfs13 > * {font-size: 36px;} .chfs14 > * {font-size: 38px;} .chfs15 > * {font-size: 40px;} .chfs16 > * {font-size: 42px;} .chfs17 > * {font-size: 44px;} .chfs18 > * {font-size: 46px;} .chfs19 > * {font-size: 48px;} .chfs20 > * {font-size: 50px;} .chfs21 > * {font-size: 52px;} .chfs22 > * {font-size: 54px;} .chfs23 > * {font-size: 56px;} .chfs24 > * {font-size: 58px;} 
 .ch-fs0 * {font-size: 10px;} .ch-fs1 * {font-size: 12px;} .ch-fs2 * {font-size: 14px;} .ch-fs3 * {font-size: 16px;} .ch-fs4 * {font-size: 18px;} .ch-fs5 * {font-size: 20px;} .ch-fs6 * {font-size: 22px;} .ch-fs7 * {font-size: 24px;} .ch-fs8 * {font-size: 26px;} .ch-fs9 * {font-size: 28px;} .ch-fs10 * {font-size: 30px;} .ch-fs11 * {font-size: 32px;} .ch-fs12 * {font-size: 34px;} .ch-fs13 * {font-size: 36px;} .ch-fs14 * {font-size: 38px;} .ch-fs15 * {font-size: 40px;} .ch-fs16 * {font-size: 42px;} .ch-fs17 * {font-size: 44px;} .ch-fs18 * {font-size: 46px;} .ch-fs19 * {font-size: 48px;} .ch-fs20 * {font-size: 50px;} .ch-fs21 * {font-size: 52px;} .ch-fs22 * {font-size: 54px;} .ch-fs23 * {font-size: 56px;} .ch-fs24 * {font-size: 58px;} 
 .fs0 {font-size: 10px;} .fs1 {font-size: 12px;} .fs2 {font-size: 14px;} .fs3 {font-size: 16px;} .fs4 {font-size: 18px;} .fs5 {font-size: 20px;} .fs6 {font-size: 22px;} .fs7 {font-size: 24px;} .fs8 {font-size: 26px;} .fs9 {font-size: 28px;} .fs10 {font-size: 30px;} .fs11 {font-size: 32px;} .fs12 {font-size: 34px;} .fs13 {font-size: 36px;} .fs14 {font-size: 38px;} .fs15 {font-size: 40px;} .fs16 {font-size: 42px;} .fs17 {font-size: 44px;} .fs18 {font-size: 46px;} .fs19 {font-size: 48px;} .fs20 {font-size: 50px;} .fs21 {font-size: 52px;} .fs22 {font-size: 54px;} .fs23 {font-size: 56px;} .fs24 {font-size: 58px;} 
 .chlh0 > * {line-height: 0;} .chlh1 > * {line-height: 1;} .chlh2 > * {line-height: 2;} .chlh3 > * {line-height: 3;} 
 .ch-lh0 * {line-height: 0;} .ch-lh1 * {line-height: 1;} .ch-lh2 * {line-height: 2;} .ch-lh3 * {line-height: 3;} 
 .lh0 {line-height: 0;} .lh1 {line-height: 1;} .lh2 {line-height: 2;} .lh3 {line-height: 3;} 
 .chfwe0 > * {font-weight: 0;} .chfwe1 > * {font-weight: 100;} .chfwe2 > * {font-weight: 200;} .chfwe3 > * {font-weight: 300;} .chfwe4 > * {font-weight: 400;} .chfwe5 > * {font-weight: 500;} .chfwe6 > * {font-weight: 600;} .chfwe7 > * {font-weight: 700;} .chfwe8 > * {font-weight: 800;} .chfwe9 > * {font-weight: 900;} 
 .ch-fwe0 * {font-weight: 0;} .ch-fwe1 * {font-weight: 100;} .ch-fwe2 * {font-weight: 200;} .ch-fwe3 * {font-weight: 300;} .ch-fwe4 * {font-weight: 400;} .ch-fwe5 * {font-weight: 500;} .ch-fwe6 * {font-weight: 600;} .ch-fwe7 * {font-weight: 700;} .ch-fwe8 * {font-weight: 800;} .ch-fwe9 * {font-weight: 900;} 
 .fwe0 {font-weight: 0;} .fwe1 {font-weight: 100;} .fwe2 {font-weight: 200;} .fwe3 {font-weight: 300;} .fwe4 {font-weight: 400;} .fwe5 {font-weight: 500;} .fwe6 {font-weight: 600;} .fwe7 {font-weight: 700;} .fwe8 {font-weight: 800;} .fwe9 {font-weight: 900;} 


/* Boxes */
 .tab {border-bottom: 1px solid #eeeeee;position: relative; } 
 .tab > * {border-right:1px solid #eeeeee; } 
 .tab input, .tab select {border:0; } 
 .tab.save-order {padding-left:32px } 
 .tab:nth-child(1) {border-top:1px solid #eeeeee; } 
 .tab > *:nth-child(1) {border-left:1px solid #eeeeee; } 
 .tab.head {background-color:#ffffff;border-color:#272727 } 
 tab.head > * {border-right:1px solid #cccccc; } 
 tab.head > *:nth-child(1) {border-left:1px solid #cccccc; } 


/* Margin */
 .m1pxr {margin-right: 1px;} .m2pxr {margin-right: 2px;} .m3pxr {margin-right: 3px;} .m4pxr {margin-right: 4px;} .m5pxr {margin-right: 5px;} .m6pxr {margin-right: 6px;} .m7pxr {margin-right: 7px;} .m8pxr {margin-right: 8px;} .m9pxr {margin-right: 9px;} .m10pxr {margin-right: 10px;} .m11pxr {margin-right: 11px;} .m12pxr {margin-right: 12px;} 
 .m1pxl {margin-left: 1px;} .m2pxl {margin-left: 2px;} .m3pxl {margin-left: 3px;} .m4pxl {margin-left: 4px;} .m5pxl {margin-left: 5px;} .m6pxl {margin-left: 6px;} .m7pxl {margin-left: 7px;} .m8pxl {margin-left: 8px;} .m9pxl {margin-left: 9px;} .m10pxl {margin-left: 10px;} .m11pxl {margin-left: 11px;} .m12pxl {margin-left: 12px;} 
 .m1pxt {margin-top: 1px;} .m2pxt {margin-top: 2px;} .m3pxt {margin-top: 3px;} .m4pxt {margin-top: 4px;} .m5pxt {margin-top: 5px;} .m6pxt {margin-top: 6px;} .m7pxt {margin-top: 7px;} .m8pxt {margin-top: 8px;} .m9pxt {margin-top: 9px;} .m10pxt {margin-top: 10px;} .m11pxt {margin-top: 11px;} .m12pxt {margin-top: 12px;} 
 .m1pxb {margin-bottom: 1px;} .m2pxb {margin-bottom: 2px;} .m3pxb {margin-bottom: 3px;} .m4pxb {margin-bottom: 4px;} .m5pxb {margin-bottom: 5px;} .m6pxb {margin-bottom: 6px;} .m7pxb {margin-bottom: 7px;} .m8pxb {margin-bottom: 8px;} .m9pxb {margin-bottom: 9px;} .m10pxb {margin-bottom: 10px;} .m11pxb {margin-bottom: 11px;} .m12pxb {margin-bottom: 12px;} 
 .chm0 > * {margin: 0px;} .chm1 > * {margin: 4px;} .chm2 > * {margin: 8px;} .chm3 > * {margin: 12px;} .chm4 > * {margin: 16px;} .chm5 > * {margin: 20px;} .chm6 > * {margin: 24px;} .chm7 > * {margin: 28px;} .chm8 > * {margin: 32px;} .chm9 > * {margin: 36px;} .chm10 > * {margin: 40px;} .chm11 > * {margin: 44px;} .chm12 > * {margin: 48px;} .chm13 > * {margin: 52px;} .chm14 > * {margin: 56px;} .chm15 > * {margin: 60px;} .chm16 > * {margin: 64px;} .chm17 > * {margin: 68px;} .chm18 > * {margin: 72px;} .chm19 > * {margin: 76px;} .chm20 > * {margin: 80px;} 
 .ch-m0 * {margin: 0px;} .ch-m1 * {margin: 4px;} .ch-m2 * {margin: 8px;} .ch-m3 * {margin: 12px;} .ch-m4 * {margin: 16px;} .ch-m5 * {margin: 20px;} .ch-m6 * {margin: 24px;} .ch-m7 * {margin: 28px;} .ch-m8 * {margin: 32px;} .ch-m9 * {margin: 36px;} .ch-m10 * {margin: 40px;} .ch-m11 * {margin: 44px;} .ch-m12 * {margin: 48px;} .ch-m13 * {margin: 52px;} .ch-m14 * {margin: 56px;} .ch-m15 * {margin: 60px;} .ch-m16 * {margin: 64px;} .ch-m17 * {margin: 68px;} .ch-m18 * {margin: 72px;} .ch-m19 * {margin: 76px;} .ch-m20 * {margin: 80px;} 
 .m0 {margin: 0px;} .m1 {margin: 4px;} .m2 {margin: 8px;} .m3 {margin: 12px;} .m4 {margin: 16px;} .m5 {margin: 20px;} .m6 {margin: 24px;} .m7 {margin: 28px;} .m8 {margin: 32px;} .m9 {margin: 36px;} .m10 {margin: 40px;} .m11 {margin: 44px;} .m12 {margin: 48px;} .m13 {margin: 52px;} .m14 {margin: 56px;} .m15 {margin: 60px;} .m16 {margin: 64px;} .m17 {margin: 68px;} .m18 {margin: 72px;} .m19 {margin: 76px;} .m20 {margin: 80px;} 
 .chm0l > * {margin-left: 0px;} .chm1l > * {margin-left: 4px;} .chm2l > * {margin-left: 8px;} .chm3l > * {margin-left: 12px;} .chm4l > * {margin-left: 16px;} .chm5l > * {margin-left: 20px;} .chm6l > * {margin-left: 24px;} .chm7l > * {margin-left: 28px;} .chm8l > * {margin-left: 32px;} .chm9l > * {margin-left: 36px;} .chm10l > * {margin-left: 40px;} .chm11l > * {margin-left: 44px;} .chm12l > * {margin-left: 48px;} .chm13l > * {margin-left: 52px;} .chm14l > * {margin-left: 56px;} .chm15l > * {margin-left: 60px;} .chm16l > * {margin-left: 64px;} .chm17l > * {margin-left: 68px;} .chm18l > * {margin-left: 72px;} .chm19l > * {margin-left: 76px;} .chm20l > * {margin-left: 80px;} 
 .ch-m0l * {margin-left: 0px;} .ch-m1l * {margin-left: 4px;} .ch-m2l * {margin-left: 8px;} .ch-m3l * {margin-left: 12px;} .ch-m4l * {margin-left: 16px;} .ch-m5l * {margin-left: 20px;} .ch-m6l * {margin-left: 24px;} .ch-m7l * {margin-left: 28px;} .ch-m8l * {margin-left: 32px;} .ch-m9l * {margin-left: 36px;} .ch-m10l * {margin-left: 40px;} .ch-m11l * {margin-left: 44px;} .ch-m12l * {margin-left: 48px;} .ch-m13l * {margin-left: 52px;} .ch-m14l * {margin-left: 56px;} .ch-m15l * {margin-left: 60px;} .ch-m16l * {margin-left: 64px;} .ch-m17l * {margin-left: 68px;} .ch-m18l * {margin-left: 72px;} .ch-m19l * {margin-left: 76px;} .ch-m20l * {margin-left: 80px;} 
 .m0l {margin-left: 0px;} .m1l {margin-left: 4px;} .m2l {margin-left: 8px;} .m3l {margin-left: 12px;} .m4l {margin-left: 16px;} .m5l {margin-left: 20px;} .m6l {margin-left: 24px;} .m7l {margin-left: 28px;} .m8l {margin-left: 32px;} .m9l {margin-left: 36px;} .m10l {margin-left: 40px;} .m11l {margin-left: 44px;} .m12l {margin-left: 48px;} .m13l {margin-left: 52px;} .m14l {margin-left: 56px;} .m15l {margin-left: 60px;} .m16l {margin-left: 64px;} .m17l {margin-left: 68px;} .m18l {margin-left: 72px;} .m19l {margin-left: 76px;} .m20l {margin-left: 80px;} 
 .chm0r > * {margin-right: 0px;} .chm1r > * {margin-right: 4px;} .chm2r > * {margin-right: 8px;} .chm3r > * {margin-right: 12px;} .chm4r > * {margin-right: 16px;} .chm5r > * {margin-right: 20px;} .chm6r > * {margin-right: 24px;} .chm7r > * {margin-right: 28px;} .chm8r > * {margin-right: 32px;} .chm9r > * {margin-right: 36px;} .chm10r > * {margin-right: 40px;} .chm11r > * {margin-right: 44px;} .chm12r > * {margin-right: 48px;} .chm13r > * {margin-right: 52px;} .chm14r > * {margin-right: 56px;} .chm15r > * {margin-right: 60px;} .chm16r > * {margin-right: 64px;} .chm17r > * {margin-right: 68px;} .chm18r > * {margin-right: 72px;} .chm19r > * {margin-right: 76px;} .chm20r > * {margin-right: 80px;} 
 .ch-m0r * {margin-right: 0px;} .ch-m1r * {margin-right: 4px;} .ch-m2r * {margin-right: 8px;} .ch-m3r * {margin-right: 12px;} .ch-m4r * {margin-right: 16px;} .ch-m5r * {margin-right: 20px;} .ch-m6r * {margin-right: 24px;} .ch-m7r * {margin-right: 28px;} .ch-m8r * {margin-right: 32px;} .ch-m9r * {margin-right: 36px;} .ch-m10r * {margin-right: 40px;} .ch-m11r * {margin-right: 44px;} .ch-m12r * {margin-right: 48px;} .ch-m13r * {margin-right: 52px;} .ch-m14r * {margin-right: 56px;} .ch-m15r * {margin-right: 60px;} .ch-m16r * {margin-right: 64px;} .ch-m17r * {margin-right: 68px;} .ch-m18r * {margin-right: 72px;} .ch-m19r * {margin-right: 76px;} .ch-m20r * {margin-right: 80px;} 
 .m0r {margin-right: 0px;} .m1r {margin-right: 4px;} .m2r {margin-right: 8px;} .m3r {margin-right: 12px;} .m4r {margin-right: 16px;} .m5r {margin-right: 20px;} .m6r {margin-right: 24px;} .m7r {margin-right: 28px;} .m8r {margin-right: 32px;} .m9r {margin-right: 36px;} .m10r {margin-right: 40px;} .m11r {margin-right: 44px;} .m12r {margin-right: 48px;} .m13r {margin-right: 52px;} .m14r {margin-right: 56px;} .m15r {margin-right: 60px;} .m16r {margin-right: 64px;} .m17r {margin-right: 68px;} .m18r {margin-right: 72px;} .m19r {margin-right: 76px;} .m20r {margin-right: 80px;} 
 .chm0t > * {margin-top: 0px;} .chm1t > * {margin-top: 4px;} .chm2t > * {margin-top: 8px;} .chm3t > * {margin-top: 12px;} .chm4t > * {margin-top: 16px;} .chm5t > * {margin-top: 20px;} .chm6t > * {margin-top: 24px;} .chm7t > * {margin-top: 28px;} .chm8t > * {margin-top: 32px;} .chm9t > * {margin-top: 36px;} .chm10t > * {margin-top: 40px;} .chm11t > * {margin-top: 44px;} .chm12t > * {margin-top: 48px;} .chm13t > * {margin-top: 52px;} .chm14t > * {margin-top: 56px;} .chm15t > * {margin-top: 60px;} .chm16t > * {margin-top: 64px;} .chm17t > * {margin-top: 68px;} .chm18t > * {margin-top: 72px;} .chm19t > * {margin-top: 76px;} .chm20t > * {margin-top: 80px;} 
 .ch-m0t * {margin-top: 0px;} .ch-m1t * {margin-top: 4px;} .ch-m2t * {margin-top: 8px;} .ch-m3t * {margin-top: 12px;} .ch-m4t * {margin-top: 16px;} .ch-m5t * {margin-top: 20px;} .ch-m6t * {margin-top: 24px;} .ch-m7t * {margin-top: 28px;} .ch-m8t * {margin-top: 32px;} .ch-m9t * {margin-top: 36px;} .ch-m10t * {margin-top: 40px;} .ch-m11t * {margin-top: 44px;} .ch-m12t * {margin-top: 48px;} .ch-m13t * {margin-top: 52px;} .ch-m14t * {margin-top: 56px;} .ch-m15t * {margin-top: 60px;} .ch-m16t * {margin-top: 64px;} .ch-m17t * {margin-top: 68px;} .ch-m18t * {margin-top: 72px;} .ch-m19t * {margin-top: 76px;} .ch-m20t * {margin-top: 80px;} 
 .m0t {margin-top: 0px;} .m1t {margin-top: 4px;} .m2t {margin-top: 8px;} .m3t {margin-top: 12px;} .m4t {margin-top: 16px;} .m5t {margin-top: 20px;} .m6t {margin-top: 24px;} .m7t {margin-top: 28px;} .m8t {margin-top: 32px;} .m9t {margin-top: 36px;} .m10t {margin-top: 40px;} .m11t {margin-top: 44px;} .m12t {margin-top: 48px;} .m13t {margin-top: 52px;} .m14t {margin-top: 56px;} .m15t {margin-top: 60px;} .m16t {margin-top: 64px;} .m17t {margin-top: 68px;} .m18t {margin-top: 72px;} .m19t {margin-top: 76px;} .m20t {margin-top: 80px;} 
 .chm0b > * {margin-bottom: 0px;} .chm1b > * {margin-bottom: 4px;} .chm2b > * {margin-bottom: 8px;} .chm3b > * {margin-bottom: 12px;} .chm4b > * {margin-bottom: 16px;} .chm5b > * {margin-bottom: 20px;} .chm6b > * {margin-bottom: 24px;} .chm7b > * {margin-bottom: 28px;} .chm8b > * {margin-bottom: 32px;} .chm9b > * {margin-bottom: 36px;} .chm10b > * {margin-bottom: 40px;} .chm11b > * {margin-bottom: 44px;} .chm12b > * {margin-bottom: 48px;} .chm13b > * {margin-bottom: 52px;} .chm14b > * {margin-bottom: 56px;} .chm15b > * {margin-bottom: 60px;} .chm16b > * {margin-bottom: 64px;} .chm17b > * {margin-bottom: 68px;} .chm18b > * {margin-bottom: 72px;} .chm19b > * {margin-bottom: 76px;} .chm20b > * {margin-bottom: 80px;} 
 .ch-m0b * {margin-bottom: 0px;} .ch-m1b * {margin-bottom: 4px;} .ch-m2b * {margin-bottom: 8px;} .ch-m3b * {margin-bottom: 12px;} .ch-m4b * {margin-bottom: 16px;} .ch-m5b * {margin-bottom: 20px;} .ch-m6b * {margin-bottom: 24px;} .ch-m7b * {margin-bottom: 28px;} .ch-m8b * {margin-bottom: 32px;} .ch-m9b * {margin-bottom: 36px;} .ch-m10b * {margin-bottom: 40px;} .ch-m11b * {margin-bottom: 44px;} .ch-m12b * {margin-bottom: 48px;} .ch-m13b * {margin-bottom: 52px;} .ch-m14b * {margin-bottom: 56px;} .ch-m15b * {margin-bottom: 60px;} .ch-m16b * {margin-bottom: 64px;} .ch-m17b * {margin-bottom: 68px;} .ch-m18b * {margin-bottom: 72px;} .ch-m19b * {margin-bottom: 76px;} .ch-m20b * {margin-bottom: 80px;} 
 .m0b {margin-bottom: 0px;} .m1b {margin-bottom: 4px;} .m2b {margin-bottom: 8px;} .m3b {margin-bottom: 12px;} .m4b {margin-bottom: 16px;} .m5b {margin-bottom: 20px;} .m6b {margin-bottom: 24px;} .m7b {margin-bottom: 28px;} .m8b {margin-bottom: 32px;} .m9b {margin-bottom: 36px;} .m10b {margin-bottom: 40px;} .m11b {margin-bottom: 44px;} .m12b {margin-bottom: 48px;} .m13b {margin-bottom: 52px;} .m14b {margin-bottom: 56px;} .m15b {margin-bottom: 60px;} .m16b {margin-bottom: 64px;} .m17b {margin-bottom: 68px;} .m18b {margin-bottom: 72px;} .m19b {margin-bottom: 76px;} .m20b {margin-bottom: 80px;} 
 .mlauto{margin-left:auto;}


/* Padding */
 .p1pxr {padding-right: 1px;} .p2pxr {padding-right: 2px;} .p3pxr {padding-right: 3px;} .p4pxr {padding-right: 4px;} .p5pxr {padding-right: 5px;} .p6pxr {padding-right: 6px;} .p7pxr {padding-right: 7px;} .p8pxr {padding-right: 8px;} .p9pxr {padding-right: 9px;} .p10pxr {padding-right: 10px;} .p11pxr {padding-right: 11px;} .p12pxr {padding-right: 12px;} 
 .p1pxl {padding-left: 1px;} .p2pxl {padding-left: 2px;} .p3pxl {padding-left: 3px;} .p4pxl {padding-left: 4px;} .p5pxl {padding-left: 5px;} .p6pxl {padding-left: 6px;} .p7pxl {padding-left: 7px;} .p8pxl {padding-left: 8px;} .p9pxl {padding-left: 9px;} .p10pxl {padding-left: 10px;} .p11pxl {padding-left: 11px;} .p12pxl {padding-left: 12px;} 
 .p1pxt {padding-top: 1px;} .p2pxt {padding-top: 2px;} .p3pxt {padding-top: 3px;} .p4pxt {padding-top: 4px;} .p5pxt {padding-top: 5px;} .p6pxt {padding-top: 6px;} .p7pxt {padding-top: 7px;} .p8pxt {padding-top: 8px;} .p9pxt {padding-top: 9px;} .p10pxt {padding-top: 10px;} .p11pxt {padding-top: 11px;} .p12pxt {padding-top: 12px;} 
 .p1pxb {padding-bottom: 1px;} .p2pxb {padding-bottom: 2px;} .p3pxb {padding-bottom: 3px;} .p4pxb {padding-bottom: 4px;} .p5pxb {padding-bottom: 5px;} .p6pxb {padding-bottom: 6px;} .p7pxb {padding-bottom: 7px;} .p8pxb {padding-bottom: 8px;} .p9pxb {padding-bottom: 9px;} .p10pxb {padding-bottom: 10px;} .p11pxb {padding-bottom: 11px;} .p12pxb {padding-bottom: 12px;} 
 .chp0 > * {padding: 0px;} .chp1 > * {padding: 4px;} .chp2 > * {padding: 8px;} .chp3 > * {padding: 12px;} .chp4 > * {padding: 16px;} .chp5 > * {padding: 20px;} .chp6 > * {padding: 24px;} .chp7 > * {padding: 28px;} .chp8 > * {padding: 32px;} .chp9 > * {padding: 36px;} .chp10 > * {padding: 40px;} .chp11 > * {padding: 44px;} .chp12 > * {padding: 48px;} .chp13 > * {padding: 52px;} .chp14 > * {padding: 56px;} .chp15 > * {padding: 60px;} .chp16 > * {padding: 64px;} .chp17 > * {padding: 68px;} .chp18 > * {padding: 72px;} .chp19 > * {padding: 76px;} .chp20 > * {padding: 80px;} 
 .ch-p0 * {padding: 0px;} .ch-p1 * {padding: 4px;} .ch-p2 * {padding: 8px;} .ch-p3 * {padding: 12px;} .ch-p4 * {padding: 16px;} .ch-p5 * {padding: 20px;} .ch-p6 * {padding: 24px;} .ch-p7 * {padding: 28px;} .ch-p8 * {padding: 32px;} .ch-p9 * {padding: 36px;} .ch-p10 * {padding: 40px;} .ch-p11 * {padding: 44px;} .ch-p12 * {padding: 48px;} .ch-p13 * {padding: 52px;} .ch-p14 * {padding: 56px;} .ch-p15 * {padding: 60px;} .ch-p16 * {padding: 64px;} .ch-p17 * {padding: 68px;} .ch-p18 * {padding: 72px;} .ch-p19 * {padding: 76px;} .ch-p20 * {padding: 80px;} 
 .p0 {padding: 0px;} .p1 {padding: 4px;} .p2 {padding: 8px;} .p3 {padding: 12px;} .p4 {padding: 16px;} .p5 {padding: 20px;} .p6 {padding: 24px;} .p7 {padding: 28px;} .p8 {padding: 32px;} .p9 {padding: 36px;} .p10 {padding: 40px;} .p11 {padding: 44px;} .p12 {padding: 48px;} .p13 {padding: 52px;} .p14 {padding: 56px;} .p15 {padding: 60px;} .p16 {padding: 64px;} .p17 {padding: 68px;} .p18 {padding: 72px;} .p19 {padding: 76px;} .p20 {padding: 80px;} 
 .chp0l > * {padding-left: 0px;} .chp1l > * {padding-left: 4px;} .chp2l > * {padding-left: 8px;} .chp3l > * {padding-left: 12px;} .chp4l > * {padding-left: 16px;} .chp5l > * {padding-left: 20px;} .chp6l > * {padding-left: 24px;} .chp7l > * {padding-left: 28px;} .chp8l > * {padding-left: 32px;} .chp9l > * {padding-left: 36px;} .chp10l > * {padding-left: 40px;} .chp11l > * {padding-left: 44px;} .chp12l > * {padding-left: 48px;} .chp13l > * {padding-left: 52px;} .chp14l > * {padding-left: 56px;} .chp15l > * {padding-left: 60px;} .chp16l > * {padding-left: 64px;} .chp17l > * {padding-left: 68px;} .chp18l > * {padding-left: 72px;} .chp19l > * {padding-left: 76px;} .chp20l > * {padding-left: 80px;} 
 .ch-p0l * {padding-left: 0px;} .ch-p1l * {padding-left: 4px;} .ch-p2l * {padding-left: 8px;} .ch-p3l * {padding-left: 12px;} .ch-p4l * {padding-left: 16px;} .ch-p5l * {padding-left: 20px;} .ch-p6l * {padding-left: 24px;} .ch-p7l * {padding-left: 28px;} .ch-p8l * {padding-left: 32px;} .ch-p9l * {padding-left: 36px;} .ch-p10l * {padding-left: 40px;} .ch-p11l * {padding-left: 44px;} .ch-p12l * {padding-left: 48px;} .ch-p13l * {padding-left: 52px;} .ch-p14l * {padding-left: 56px;} .ch-p15l * {padding-left: 60px;} .ch-p16l * {padding-left: 64px;} .ch-p17l * {padding-left: 68px;} .ch-p18l * {padding-left: 72px;} .ch-p19l * {padding-left: 76px;} .ch-p20l * {padding-left: 80px;} 
 .p0l {padding-left: 0px;} .p1l {padding-left: 4px;} .p2l {padding-left: 8px;} .p3l {padding-left: 12px;} .p4l {padding-left: 16px;} .p5l {padding-left: 20px;} .p6l {padding-left: 24px;} .p7l {padding-left: 28px;} .p8l {padding-left: 32px;} .p9l {padding-left: 36px;} .p10l {padding-left: 40px;} .p11l {padding-left: 44px;} .p12l {padding-left: 48px;} .p13l {padding-left: 52px;} .p14l {padding-left: 56px;} .p15l {padding-left: 60px;} .p16l {padding-left: 64px;} .p17l {padding-left: 68px;} .p18l {padding-left: 72px;} .p19l {padding-left: 76px;} .p20l {padding-left: 80px;} 
 .chp0r > * {padding-right: 0px;} .chp1r > * {padding-right: 4px;} .chp2r > * {padding-right: 8px;} .chp3r > * {padding-right: 12px;} .chp4r > * {padding-right: 16px;} .chp5r > * {padding-right: 20px;} .chp6r > * {padding-right: 24px;} .chp7r > * {padding-right: 28px;} .chp8r > * {padding-right: 32px;} .chp9r > * {padding-right: 36px;} .chp10r > * {padding-right: 40px;} .chp11r > * {padding-right: 44px;} .chp12r > * {padding-right: 48px;} .chp13r > * {padding-right: 52px;} .chp14r > * {padding-right: 56px;} .chp15r > * {padding-right: 60px;} .chp16r > * {padding-right: 64px;} .chp17r > * {padding-right: 68px;} .chp18r > * {padding-right: 72px;} .chp19r > * {padding-right: 76px;} .chp20r > * {padding-right: 80px;} 
 .ch-p0r * {padding-right: 0px;} .ch-p1r * {padding-right: 4px;} .ch-p2r * {padding-right: 8px;} .ch-p3r * {padding-right: 12px;} .ch-p4r * {padding-right: 16px;} .ch-p5r * {padding-right: 20px;} .ch-p6r * {padding-right: 24px;} .ch-p7r * {padding-right: 28px;} .ch-p8r * {padding-right: 32px;} .ch-p9r * {padding-right: 36px;} .ch-p10r * {padding-right: 40px;} .ch-p11r * {padding-right: 44px;} .ch-p12r * {padding-right: 48px;} .ch-p13r * {padding-right: 52px;} .ch-p14r * {padding-right: 56px;} .ch-p15r * {padding-right: 60px;} .ch-p16r * {padding-right: 64px;} .ch-p17r * {padding-right: 68px;} .ch-p18r * {padding-right: 72px;} .ch-p19r * {padding-right: 76px;} .ch-p20r * {padding-right: 80px;} 
 .p0r {padding-right: 0px;} .p1r {padding-right: 4px;} .p2r {padding-right: 8px;} .p3r {padding-right: 12px;} .p4r {padding-right: 16px;} .p5r {padding-right: 20px;} .p6r {padding-right: 24px;} .p7r {padding-right: 28px;} .p8r {padding-right: 32px;} .p9r {padding-right: 36px;} .p10r {padding-right: 40px;} .p11r {padding-right: 44px;} .p12r {padding-right: 48px;} .p13r {padding-right: 52px;} .p14r {padding-right: 56px;} .p15r {padding-right: 60px;} .p16r {padding-right: 64px;} .p17r {padding-right: 68px;} .p18r {padding-right: 72px;} .p19r {padding-right: 76px;} .p20r {padding-right: 80px;} 
 .chp0t > * {padding-top: 0px;} .chp1t > * {padding-top: 4px;} .chp2t > * {padding-top: 8px;} .chp3t > * {padding-top: 12px;} .chp4t > * {padding-top: 16px;} .chp5t > * {padding-top: 20px;} .chp6t > * {padding-top: 24px;} .chp7t > * {padding-top: 28px;} .chp8t > * {padding-top: 32px;} .chp9t > * {padding-top: 36px;} .chp10t > * {padding-top: 40px;} .chp11t > * {padding-top: 44px;} .chp12t > * {padding-top: 48px;} .chp13t > * {padding-top: 52px;} .chp14t > * {padding-top: 56px;} .chp15t > * {padding-top: 60px;} .chp16t > * {padding-top: 64px;} .chp17t > * {padding-top: 68px;} .chp18t > * {padding-top: 72px;} .chp19t > * {padding-top: 76px;} .chp20t > * {padding-top: 80px;} 
 .ch-p0t * {padding-top: 0px;} .ch-p1t * {padding-top: 4px;} .ch-p2t * {padding-top: 8px;} .ch-p3t * {padding-top: 12px;} .ch-p4t * {padding-top: 16px;} .ch-p5t * {padding-top: 20px;} .ch-p6t * {padding-top: 24px;} .ch-p7t * {padding-top: 28px;} .ch-p8t * {padding-top: 32px;} .ch-p9t * {padding-top: 36px;} .ch-p10t * {padding-top: 40px;} .ch-p11t * {padding-top: 44px;} .ch-p12t * {padding-top: 48px;} .ch-p13t * {padding-top: 52px;} .ch-p14t * {padding-top: 56px;} .ch-p15t * {padding-top: 60px;} .ch-p16t * {padding-top: 64px;} .ch-p17t * {padding-top: 68px;} .ch-p18t * {padding-top: 72px;} .ch-p19t * {padding-top: 76px;} .ch-p20t * {padding-top: 80px;} 
 .p0t {padding-top: 0px;} .p1t {padding-top: 4px;} .p2t {padding-top: 8px;} .p3t {padding-top: 12px;} .p4t {padding-top: 16px;} .p5t {padding-top: 20px;} .p6t {padding-top: 24px;} .p7t {padding-top: 28px;} .p8t {padding-top: 32px;} .p9t {padding-top: 36px;} .p10t {padding-top: 40px;} .p11t {padding-top: 44px;} .p12t {padding-top: 48px;} .p13t {padding-top: 52px;} .p14t {padding-top: 56px;} .p15t {padding-top: 60px;} .p16t {padding-top: 64px;} .p17t {padding-top: 68px;} .p18t {padding-top: 72px;} .p19t {padding-top: 76px;} .p20t {padding-top: 80px;} 
 .chp0b > * {padding-bottom: 0px;} .chp1b > * {padding-bottom: 4px;} .chp2b > * {padding-bottom: 8px;} .chp3b > * {padding-bottom: 12px;} .chp4b > * {padding-bottom: 16px;} .chp5b > * {padding-bottom: 20px;} .chp6b > * {padding-bottom: 24px;} .chp7b > * {padding-bottom: 28px;} .chp8b > * {padding-bottom: 32px;} .chp9b > * {padding-bottom: 36px;} .chp10b > * {padding-bottom: 40px;} .chp11b > * {padding-bottom: 44px;} .chp12b > * {padding-bottom: 48px;} .chp13b > * {padding-bottom: 52px;} .chp14b > * {padding-bottom: 56px;} .chp15b > * {padding-bottom: 60px;} .chp16b > * {padding-bottom: 64px;} .chp17b > * {padding-bottom: 68px;} .chp18b > * {padding-bottom: 72px;} .chp19b > * {padding-bottom: 76px;} .chp20b > * {padding-bottom: 80px;} 
 .ch-p0b * {padding-bottom: 0px;} .ch-p1b * {padding-bottom: 4px;} .ch-p2b * {padding-bottom: 8px;} .ch-p3b * {padding-bottom: 12px;} .ch-p4b * {padding-bottom: 16px;} .ch-p5b * {padding-bottom: 20px;} .ch-p6b * {padding-bottom: 24px;} .ch-p7b * {padding-bottom: 28px;} .ch-p8b * {padding-bottom: 32px;} .ch-p9b * {padding-bottom: 36px;} .ch-p10b * {padding-bottom: 40px;} .ch-p11b * {padding-bottom: 44px;} .ch-p12b * {padding-bottom: 48px;} .ch-p13b * {padding-bottom: 52px;} .ch-p14b * {padding-bottom: 56px;} .ch-p15b * {padding-bottom: 60px;} .ch-p16b * {padding-bottom: 64px;} .ch-p17b * {padding-bottom: 68px;} .ch-p18b * {padding-bottom: 72px;} .ch-p19b * {padding-bottom: 76px;} .ch-p20b * {padding-bottom: 80px;} 
 .p0b {padding-bottom: 0px;} .p1b {padding-bottom: 4px;} .p2b {padding-bottom: 8px;} .p3b {padding-bottom: 12px;} .p4b {padding-bottom: 16px;} .p5b {padding-bottom: 20px;} .p6b {padding-bottom: 24px;} .p7b {padding-bottom: 28px;} .p8b {padding-bottom: 32px;} .p9b {padding-bottom: 36px;} .p10b {padding-bottom: 40px;} .p11b {padding-bottom: 44px;} .p12b {padding-bottom: 48px;} .p13b {padding-bottom: 52px;} .p14b {padding-bottom: 56px;} .p15b {padding-bottom: 60px;} .p16b {padding-bottom: 64px;} .p17b {padding-bottom: 68px;} .p18b {padding-bottom: 72px;} .p19b {padding-bottom: 76px;} .p20b {padding-bottom: 80px;} 


/* Border */
 a,span,div,strong,input,textarea,select {box-sizing:border-box; } 
 .chbr0 > * {border-radius: 0px;} .chbr1 > * {border-radius: 2px;} .chbr2 > * {border-radius: 4px;} .chbr3 > * {border-radius: 6px;} .chbr4 > * {border-radius: 8px;} .chbr5 > * {border-radius: 10px;} .chbr6 > * {border-radius: 12px;} .chbr7 > * {border-radius: 14px;} .chbr8 > * {border-radius: 16px;} .chbr9 > * {border-radius: 18px;} .chbr10 > * {border-radius: 20px;} .chbr11 > * {border-radius: 22px;} .chbr12 > * {border-radius: 24px;} .chbr13 > * {border-radius: 26px;} .chbr14 > * {border-radius: 28px;} .chbr15 > * {border-radius: 30px;} .chbr16 > * {border-radius: 32px;} .chbr17 > * {border-radius: 34px;} .chbr18 > * {border-radius: 36px;} .chbr19 > * {border-radius: 38px;} .chbr20 > * {border-radius: 40px;} .chbr21 > * {border-radius: 42px;} .chbr22 > * {border-radius: 44px;} .chbr23 > * {border-radius: 46px;} .chbr24 > * {border-radius: 48px;} 
 .ch-br0 * {border-radius: 0px;} .ch-br1 * {border-radius: 2px;} .ch-br2 * {border-radius: 4px;} .ch-br3 * {border-radius: 6px;} .ch-br4 * {border-radius: 8px;} .ch-br5 * {border-radius: 10px;} .ch-br6 * {border-radius: 12px;} .ch-br7 * {border-radius: 14px;} .ch-br8 * {border-radius: 16px;} .ch-br9 * {border-radius: 18px;} .ch-br10 * {border-radius: 20px;} .ch-br11 * {border-radius: 22px;} .ch-br12 * {border-radius: 24px;} .ch-br13 * {border-radius: 26px;} .ch-br14 * {border-radius: 28px;} .ch-br15 * {border-radius: 30px;} .ch-br16 * {border-radius: 32px;} .ch-br17 * {border-radius: 34px;} .ch-br18 * {border-radius: 36px;} .ch-br19 * {border-radius: 38px;} .ch-br20 * {border-radius: 40px;} .ch-br21 * {border-radius: 42px;} .ch-br22 * {border-radius: 44px;} .ch-br23 * {border-radius: 46px;} .ch-br24 * {border-radius: 48px;} 
 .br0 {border-radius: 0px;} .br1 {border-radius: 2px;} .br2 {border-radius: 4px;} .br3 {border-radius: 6px;} .br4 {border-radius: 8px;} .br5 {border-radius: 10px;} .br6 {border-radius: 12px;} .br7 {border-radius: 14px;} .br8 {border-radius: 16px;} .br9 {border-radius: 18px;} .br10 {border-radius: 20px;} .br11 {border-radius: 22px;} .br12 {border-radius: 24px;} .br13 {border-radius: 26px;} .br14 {border-radius: 28px;} .br15 {border-radius: 30px;} .br16 {border-radius: 32px;} .br17 {border-radius: 34px;} .br18 {border-radius: 36px;} .br19 {border-radius: 38px;} .br20 {border-radius: 40px;} .br21 {border-radius: 42px;} .br22 {border-radius: 44px;} .br23 {border-radius: 46px;} .br24 {border-radius: 48px;} 
 .bsda {border-style:dashed; } 
 .bsdo {border-style:dotted; } 
 .bss {border-style:solid; } 
 .chb0 > * {border-width: 0px;} .chb1 > * {border-width: 1px;} .chb2 > * {border-width: 2px;} .chb3 > * {border-width: 3px;} .chb4 > * {border-width: 4px;} .chb5 > * {border-width: 5px;} .chb6 > * {border-width: 6px;} .chb7 > * {border-width: 7px;} .chb8 > * {border-width: 8px;} .chb9 > * {border-width: 9px;} .chb10 > * {border-width: 10px;} .chb11 > * {border-width: 11px;} .chb12 > * {border-width: 12px;} .chb13 > * {border-width: 13px;} .chb14 > * {border-width: 14px;} .chb15 > * {border-width: 15px;} .chb16 > * {border-width: 16px;} .chb17 > * {border-width: 17px;} .chb18 > * {border-width: 18px;} .chb19 > * {border-width: 19px;} .chb20 > * {border-width: 20px;} .chb21 > * {border-width: 21px;} .chb22 > * {border-width: 22px;} .chb23 > * {border-width: 23px;} .chb24 > * {border-width: 24px;} 
 .ch-b0 * {border-width: 0px;} .ch-b1 * {border-width: 1px;} .ch-b2 * {border-width: 2px;} .ch-b3 * {border-width: 3px;} .ch-b4 * {border-width: 4px;} .ch-b5 * {border-width: 5px;} .ch-b6 * {border-width: 6px;} .ch-b7 * {border-width: 7px;} .ch-b8 * {border-width: 8px;} .ch-b9 * {border-width: 9px;} .ch-b10 * {border-width: 10px;} .ch-b11 * {border-width: 11px;} .ch-b12 * {border-width: 12px;} .ch-b13 * {border-width: 13px;} .ch-b14 * {border-width: 14px;} .ch-b15 * {border-width: 15px;} .ch-b16 * {border-width: 16px;} .ch-b17 * {border-width: 17px;} .ch-b18 * {border-width: 18px;} .ch-b19 * {border-width: 19px;} .ch-b20 * {border-width: 20px;} .ch-b21 * {border-width: 21px;} .ch-b22 * {border-width: 22px;} .ch-b23 * {border-width: 23px;} .ch-b24 * {border-width: 24px;} 
 .b0 {border-width: 0px;} .b1 {border-width: 1px;} .b2 {border-width: 2px;} .b3 {border-width: 3px;} .b4 {border-width: 4px;} .b5 {border-width: 5px;} .b6 {border-width: 6px;} .b7 {border-width: 7px;} .b8 {border-width: 8px;} .b9 {border-width: 9px;} .b10 {border-width: 10px;} .b11 {border-width: 11px;} .b12 {border-width: 12px;} .b13 {border-width: 13px;} .b14 {border-width: 14px;} .b15 {border-width: 15px;} .b16 {border-width: 16px;} .b17 {border-width: 17px;} .b18 {border-width: 18px;} .b19 {border-width: 19px;} .b20 {border-width: 20px;} .b21 {border-width: 21px;} .b22 {border-width: 22px;} .b23 {border-width: 23px;} .b24 {border-width: 24px;} 
 .chb0l > * {border-left-width: 0px;} .chb1l > * {border-left-width: 1px;} .chb2l > * {border-left-width: 2px;} .chb3l > * {border-left-width: 3px;} .chb4l > * {border-left-width: 4px;} .chb5l > * {border-left-width: 5px;} .chb6l > * {border-left-width: 6px;} .chb7l > * {border-left-width: 7px;} .chb8l > * {border-left-width: 8px;} .chb9l > * {border-left-width: 9px;} .chb10l > * {border-left-width: 10px;} .chb11l > * {border-left-width: 11px;} .chb12l > * {border-left-width: 12px;} .chb13l > * {border-left-width: 13px;} .chb14l > * {border-left-width: 14px;} .chb15l > * {border-left-width: 15px;} .chb16l > * {border-left-width: 16px;} .chb17l > * {border-left-width: 17px;} .chb18l > * {border-left-width: 18px;} .chb19l > * {border-left-width: 19px;} .chb20l > * {border-left-width: 20px;} .chb21l > * {border-left-width: 21px;} .chb22l > * {border-left-width: 22px;} .chb23l > * {border-left-width: 23px;} .chb24l > * {border-left-width: 24px;} 
 .ch-b0l * {border-left-width: 0px;} .ch-b1l * {border-left-width: 1px;} .ch-b2l * {border-left-width: 2px;} .ch-b3l * {border-left-width: 3px;} .ch-b4l * {border-left-width: 4px;} .ch-b5l * {border-left-width: 5px;} .ch-b6l * {border-left-width: 6px;} .ch-b7l * {border-left-width: 7px;} .ch-b8l * {border-left-width: 8px;} .ch-b9l * {border-left-width: 9px;} .ch-b10l * {border-left-width: 10px;} .ch-b11l * {border-left-width: 11px;} .ch-b12l * {border-left-width: 12px;} .ch-b13l * {border-left-width: 13px;} .ch-b14l * {border-left-width: 14px;} .ch-b15l * {border-left-width: 15px;} .ch-b16l * {border-left-width: 16px;} .ch-b17l * {border-left-width: 17px;} .ch-b18l * {border-left-width: 18px;} .ch-b19l * {border-left-width: 19px;} .ch-b20l * {border-left-width: 20px;} .ch-b21l * {border-left-width: 21px;} .ch-b22l * {border-left-width: 22px;} .ch-b23l * {border-left-width: 23px;} .ch-b24l * {border-left-width: 24px;} 
 .b0l {border-left-width: 0px;} .b1l {border-left-width: 1px;} .b2l {border-left-width: 2px;} .b3l {border-left-width: 3px;} .b4l {border-left-width: 4px;} .b5l {border-left-width: 5px;} .b6l {border-left-width: 6px;} .b7l {border-left-width: 7px;} .b8l {border-left-width: 8px;} .b9l {border-left-width: 9px;} .b10l {border-left-width: 10px;} .b11l {border-left-width: 11px;} .b12l {border-left-width: 12px;} .b13l {border-left-width: 13px;} .b14l {border-left-width: 14px;} .b15l {border-left-width: 15px;} .b16l {border-left-width: 16px;} .b17l {border-left-width: 17px;} .b18l {border-left-width: 18px;} .b19l {border-left-width: 19px;} .b20l {border-left-width: 20px;} .b21l {border-left-width: 21px;} .b22l {border-left-width: 22px;} .b23l {border-left-width: 23px;} .b24l {border-left-width: 24px;} 
 .chb0r > * {border-right-width: 0px;} .chb1r > * {border-right-width: 1px;} .chb2r > * {border-right-width: 2px;} .chb3r > * {border-right-width: 3px;} .chb4r > * {border-right-width: 4px;} .chb5r > * {border-right-width: 5px;} .chb6r > * {border-right-width: 6px;} .chb7r > * {border-right-width: 7px;} .chb8r > * {border-right-width: 8px;} .chb9r > * {border-right-width: 9px;} .chb10r > * {border-right-width: 10px;} .chb11r > * {border-right-width: 11px;} .chb12r > * {border-right-width: 12px;} .chb13r > * {border-right-width: 13px;} .chb14r > * {border-right-width: 14px;} .chb15r > * {border-right-width: 15px;} .chb16r > * {border-right-width: 16px;} .chb17r > * {border-right-width: 17px;} .chb18r > * {border-right-width: 18px;} .chb19r > * {border-right-width: 19px;} .chb20r > * {border-right-width: 20px;} .chb21r > * {border-right-width: 21px;} .chb22r > * {border-right-width: 22px;} .chb23r > * {border-right-width: 23px;} .chb24r > * {border-right-width: 24px;} 
 .ch-b0r * {border-right-width: 0px;} .ch-b1r * {border-right-width: 1px;} .ch-b2r * {border-right-width: 2px;} .ch-b3r * {border-right-width: 3px;} .ch-b4r * {border-right-width: 4px;} .ch-b5r * {border-right-width: 5px;} .ch-b6r * {border-right-width: 6px;} .ch-b7r * {border-right-width: 7px;} .ch-b8r * {border-right-width: 8px;} .ch-b9r * {border-right-width: 9px;} .ch-b10r * {border-right-width: 10px;} .ch-b11r * {border-right-width: 11px;} .ch-b12r * {border-right-width: 12px;} .ch-b13r * {border-right-width: 13px;} .ch-b14r * {border-right-width: 14px;} .ch-b15r * {border-right-width: 15px;} .ch-b16r * {border-right-width: 16px;} .ch-b17r * {border-right-width: 17px;} .ch-b18r * {border-right-width: 18px;} .ch-b19r * {border-right-width: 19px;} .ch-b20r * {border-right-width: 20px;} .ch-b21r * {border-right-width: 21px;} .ch-b22r * {border-right-width: 22px;} .ch-b23r * {border-right-width: 23px;} .ch-b24r * {border-right-width: 24px;} 
 .b0r {border-right-width: 0px;} .b1r {border-right-width: 1px;} .b2r {border-right-width: 2px;} .b3r {border-right-width: 3px;} .b4r {border-right-width: 4px;} .b5r {border-right-width: 5px;} .b6r {border-right-width: 6px;} .b7r {border-right-width: 7px;} .b8r {border-right-width: 8px;} .b9r {border-right-width: 9px;} .b10r {border-right-width: 10px;} .b11r {border-right-width: 11px;} .b12r {border-right-width: 12px;} .b13r {border-right-width: 13px;} .b14r {border-right-width: 14px;} .b15r {border-right-width: 15px;} .b16r {border-right-width: 16px;} .b17r {border-right-width: 17px;} .b18r {border-right-width: 18px;} .b19r {border-right-width: 19px;} .b20r {border-right-width: 20px;} .b21r {border-right-width: 21px;} .b22r {border-right-width: 22px;} .b23r {border-right-width: 23px;} .b24r {border-right-width: 24px;} 
 .chb0t > * {border-top-width: 0px;} .chb1t > * {border-top-width: 1px;} .chb2t > * {border-top-width: 2px;} .chb3t > * {border-top-width: 3px;} .chb4t > * {border-top-width: 4px;} .chb5t > * {border-top-width: 5px;} .chb6t > * {border-top-width: 6px;} .chb7t > * {border-top-width: 7px;} .chb8t > * {border-top-width: 8px;} .chb9t > * {border-top-width: 9px;} .chb10t > * {border-top-width: 10px;} .chb11t > * {border-top-width: 11px;} .chb12t > * {border-top-width: 12px;} .chb13t > * {border-top-width: 13px;} .chb14t > * {border-top-width: 14px;} .chb15t > * {border-top-width: 15px;} .chb16t > * {border-top-width: 16px;} .chb17t > * {border-top-width: 17px;} .chb18t > * {border-top-width: 18px;} .chb19t > * {border-top-width: 19px;} .chb20t > * {border-top-width: 20px;} .chb21t > * {border-top-width: 21px;} .chb22t > * {border-top-width: 22px;} .chb23t > * {border-top-width: 23px;} .chb24t > * {border-top-width: 24px;} 
 .ch-b0t * {border-top-width: 0px;} .ch-b1t * {border-top-width: 1px;} .ch-b2t * {border-top-width: 2px;} .ch-b3t * {border-top-width: 3px;} .ch-b4t * {border-top-width: 4px;} .ch-b5t * {border-top-width: 5px;} .ch-b6t * {border-top-width: 6px;} .ch-b7t * {border-top-width: 7px;} .ch-b8t * {border-top-width: 8px;} .ch-b9t * {border-top-width: 9px;} .ch-b10t * {border-top-width: 10px;} .ch-b11t * {border-top-width: 11px;} .ch-b12t * {border-top-width: 12px;} .ch-b13t * {border-top-width: 13px;} .ch-b14t * {border-top-width: 14px;} .ch-b15t * {border-top-width: 15px;} .ch-b16t * {border-top-width: 16px;} .ch-b17t * {border-top-width: 17px;} .ch-b18t * {border-top-width: 18px;} .ch-b19t * {border-top-width: 19px;} .ch-b20t * {border-top-width: 20px;} .ch-b21t * {border-top-width: 21px;} .ch-b22t * {border-top-width: 22px;} .ch-b23t * {border-top-width: 23px;} .ch-b24t * {border-top-width: 24px;} 
 .b0t {border-top-width: 0px;} .b1t {border-top-width: 1px;} .b2t {border-top-width: 2px;} .b3t {border-top-width: 3px;} .b4t {border-top-width: 4px;} .b5t {border-top-width: 5px;} .b6t {border-top-width: 6px;} .b7t {border-top-width: 7px;} .b8t {border-top-width: 8px;} .b9t {border-top-width: 9px;} .b10t {border-top-width: 10px;} .b11t {border-top-width: 11px;} .b12t {border-top-width: 12px;} .b13t {border-top-width: 13px;} .b14t {border-top-width: 14px;} .b15t {border-top-width: 15px;} .b16t {border-top-width: 16px;} .b17t {border-top-width: 17px;} .b18t {border-top-width: 18px;} .b19t {border-top-width: 19px;} .b20t {border-top-width: 20px;} .b21t {border-top-width: 21px;} .b22t {border-top-width: 22px;} .b23t {border-top-width: 23px;} .b24t {border-top-width: 24px;} 
 .chb0b > * {border-bottom-width: 0px;} .chb1b > * {border-bottom-width: 1px;} .chb2b > * {border-bottom-width: 2px;} .chb3b > * {border-bottom-width: 3px;} .chb4b > * {border-bottom-width: 4px;} .chb5b > * {border-bottom-width: 5px;} .chb6b > * {border-bottom-width: 6px;} .chb7b > * {border-bottom-width: 7px;} .chb8b > * {border-bottom-width: 8px;} .chb9b > * {border-bottom-width: 9px;} .chb10b > * {border-bottom-width: 10px;} .chb11b > * {border-bottom-width: 11px;} .chb12b > * {border-bottom-width: 12px;} .chb13b > * {border-bottom-width: 13px;} .chb14b > * {border-bottom-width: 14px;} .chb15b > * {border-bottom-width: 15px;} .chb16b > * {border-bottom-width: 16px;} .chb17b > * {border-bottom-width: 17px;} .chb18b > * {border-bottom-width: 18px;} .chb19b > * {border-bottom-width: 19px;} .chb20b > * {border-bottom-width: 20px;} .chb21b > * {border-bottom-width: 21px;} .chb22b > * {border-bottom-width: 22px;} .chb23b > * {border-bottom-width: 23px;} .chb24b > * {border-bottom-width: 24px;} 
 .ch-b0b * {border-bottom-width: 0px;} .ch-b1b * {border-bottom-width: 1px;} .ch-b2b * {border-bottom-width: 2px;} .ch-b3b * {border-bottom-width: 3px;} .ch-b4b * {border-bottom-width: 4px;} .ch-b5b * {border-bottom-width: 5px;} .ch-b6b * {border-bottom-width: 6px;} .ch-b7b * {border-bottom-width: 7px;} .ch-b8b * {border-bottom-width: 8px;} .ch-b9b * {border-bottom-width: 9px;} .ch-b10b * {border-bottom-width: 10px;} .ch-b11b * {border-bottom-width: 11px;} .ch-b12b * {border-bottom-width: 12px;} .ch-b13b * {border-bottom-width: 13px;} .ch-b14b * {border-bottom-width: 14px;} .ch-b15b * {border-bottom-width: 15px;} .ch-b16b * {border-bottom-width: 16px;} .ch-b17b * {border-bottom-width: 17px;} .ch-b18b * {border-bottom-width: 18px;} .ch-b19b * {border-bottom-width: 19px;} .ch-b20b * {border-bottom-width: 20px;} .ch-b21b * {border-bottom-width: 21px;} .ch-b22b * {border-bottom-width: 22px;} .ch-b23b * {border-bottom-width: 23px;} .ch-b24b * {border-bottom-width: 24px;} 
 .b0b {border-bottom-width: 0px;} .b1b {border-bottom-width: 1px;} .b2b {border-bottom-width: 2px;} .b3b {border-bottom-width: 3px;} .b4b {border-bottom-width: 4px;} .b5b {border-bottom-width: 5px;} .b6b {border-bottom-width: 6px;} .b7b {border-bottom-width: 7px;} .b8b {border-bottom-width: 8px;} .b9b {border-bottom-width: 9px;} .b10b {border-bottom-width: 10px;} .b11b {border-bottom-width: 11px;} .b12b {border-bottom-width: 12px;} .b13b {border-bottom-width: 13px;} .b14b {border-bottom-width: 14px;} .b15b {border-bottom-width: 15px;} .b16b {border-bottom-width: 16px;} .b17b {border-bottom-width: 17px;} .b18b {border-bottom-width: 18px;} .b19b {border-bottom-width: 19px;} .b20b {border-bottom-width: 20px;} .b21b {border-bottom-width: 21px;} .b22b {border-bottom-width: 22px;} .b23b {border-bottom-width: 23px;} .b24b {border-bottom-width: 24px;} 


/* Flex */
 .chgap0 > * {gap: 0px;} .chgap1 > * {gap: 6px;} .chgap2 > * {gap: 12px;} .chgap3 > * {gap: 18px;} .chgap4 > * {gap: 24px;} .chgap5 > * {gap: 30px;} .chgap6 > * {gap: 36px;} .chgap7 > * {gap: 42px;} .chgap8 > * {gap: 48px;} 
 .ch-gap0 * {gap: 0px;} .ch-gap1 * {gap: 6px;} .ch-gap2 * {gap: 12px;} .ch-gap3 * {gap: 18px;} .ch-gap4 * {gap: 24px;} .ch-gap5 * {gap: 30px;} .ch-gap6 * {gap: 36px;} .ch-gap7 * {gap: 42px;} .ch-gap8 * {gap: 48px;} 
 .gap0 {gap: 0px;} .gap1 {gap: 6px;} .gap2 {gap: 12px;} .gap3 {gap: 18px;} .gap4 {gap: 24px;} .gap5 {gap: 30px;} .gap6 {gap: 36px;} .gap7 {gap: 42px;} .gap8 {gap: 48px;} 
 .gap01 {gap: 1px;} .gap02 {gap: 2px;} .gap03 {gap: 3px;} .gap04 {gap: 4px;} .gap05 {gap: 5px;} .gap06 {gap: 6px;} .gap07 {gap: 7px;} .gap08 {gap: 8px;} .gap09 {gap: 9px;} 
 .chf > * {display:flex; } 
 .ch-f * {display:flex; } 
 .f {display:flex; } 
 .chf0 > * {display:flex;flex: 1 1  0%;} .chf1 > * {display:flex;flex: 1 1  10%;} .chf2 > * {display:flex;flex: 1 1  20%;} .chf3 > * {display:flex;flex: 1 1  30%;} .chf4 > * {display:flex;flex: 1 1  40%;} .chf5 > * {display:flex;flex: 1 1  50%;} .chf6 > * {display:flex;flex: 1 1  60%;} .chf7 > * {display:flex;flex: 1 1  70%;} .chf8 > * {display:flex;flex: 1 1  80%;} .chf9 > * {display:flex;flex: 1 1  90%;} .chf10 > * {display:flex;flex: 1 1  100%;} 
 .chfa > * {display:flex;flex: 1 1 auto; } 
 .chf0 > * {display:flex;flex:1; } 
 .f0 {display:flex;flex: 1 1  0%;} .f1 {display:flex;flex: 1 1  10%;} .f2 {display:flex;flex: 1 1  20%;} .f3 {display:flex;flex: 1 1  30%;} .f4 {display:flex;flex: 1 1  40%;} .f5 {display:flex;flex: 1 1  50%;} .f6 {display:flex;flex: 1 1  60%;} .f7 {display:flex;flex: 1 1  70%;} .f8 {display:flex;flex: 1 1  80%;} .f9 {display:flex;flex: 1 1  90%;} .f10 {display:flex;flex: 1 1  100%;} 
 .f0 {display:flex;flex:1; } 
 .fa {display:flex;flex: 1 1 auto; } 
 .db {display:block; } 
 .fl {float:left; } 
 .flr {float:right; } 
 .fln {float:none; } 
 .dib {display:inline-block; } 
 .chw0 > * {width:0px; } 
 .ch-w0 * {width:0px; } 
 .chw0 > * {width: 0%;} .chw1 > * {width: 10%;} .chw2 > * {width: 20%;} .chw3 > * {width: 30%;} .chw4 > * {width: 40%;} .chw5 > * {width: 50%;} .chw6 > * {width: 60%;} .chw7 > * {width: 70%;} .chw8 > * {width: 80%;} .chw9 > * {width: 90%;} .chw10 > * {width: 100%;} 
 .ch-w0 * {width: 0%;} .ch-w1 * {width: 10%;} .ch-w2 * {width: 20%;} .ch-w3 * {width: 30%;} .ch-w4 * {width: 40%;} .ch-w5 * {width: 50%;} .ch-w6 * {width: 60%;} .ch-w7 * {width: 70%;} .ch-w8 * {width: 80%;} .ch-w9 * {width: 90%;} .ch-w10 * {width: 100%;} 
 .chwa > * {width: auto; } 
 .ch-wa * {width: auto; } 
 .w0 {width:0px; } 
 .w0 {width: 0%;} .w1 {width: 10%;} .w2 {width: 20%;} .w3 {width: 30%;} .w4 {width: 40%;} .w5 {width: 50%;} .w6 {width: 60%;} .w7 {width: 70%;} .w8 {width: 80%;} .w9 {width: 90%;} .w10 {width: 100%;} 
 .wa {width: auto; } 
 .chwp0 > * {width: 0px;} .chwp1 > * {width: 32px;} .chwp2 > * {width: 64px;} .chwp3 > * {width: 96px;} .chwp4 > * {width: 128px;} .chwp5 > * {width: 160px;} .chwp6 > * {width: 192px;} .chwp7 > * {width: 224px;} .chwp8 > * {width: 256px;} .chwp9 > * {width: 288px;} .chwp10 > * {width: 320px;} .chwp11 > * {width: 352px;} .chwp12 > * {width: 384px;} .chwp13 > * {width: 416px;} .chwp14 > * {width: 448px;} .chwp15 > * {width: 480px;} .chwp16 > * {width: 512px;} .chwp17 > * {width: 544px;} .chwp18 > * {width: 576px;} .chwp19 > * {width: 608px;} .chwp20 > * {width: 640px;} .chwp21 > * {width: 672px;} .chwp22 > * {width: 704px;} .chwp23 > * {width: 736px;} .chwp24 > * {width: 768px;} .chwp25 > * {width: 800px;} .chwp26 > * {width: 832px;} .chwp27 > * {width: 864px;} .chwp28 > * {width: 896px;} .chwp29 > * {width: 928px;} .chwp30 > * {width: 960px;} .chwp31 > * {width: 992px;} .chwp32 > * {width: 1024px;} .chwp33 > * {width: 1056px;} .chwp34 > * {width: 1088px;} .chwp35 > * {width: 1120px;} .chwp36 > * {width: 1152px;} .chwp37 > * {width: 1184px;} .chwp38 > * {width: 1216px;} .chwp39 > * {width: 1248px;} .chwp40 > * {width: 1280px;} 
 .ch-wp0 * {width: 0px;} .ch-wp1 * {width: 32px;} .ch-wp2 * {width: 64px;} .ch-wp3 * {width: 96px;} .ch-wp4 * {width: 128px;} .ch-wp5 * {width: 160px;} .ch-wp6 * {width: 192px;} .ch-wp7 * {width: 224px;} .ch-wp8 * {width: 256px;} .ch-wp9 * {width: 288px;} .ch-wp10 * {width: 320px;} .ch-wp11 * {width: 352px;} .ch-wp12 * {width: 384px;} .ch-wp13 * {width: 416px;} .ch-wp14 * {width: 448px;} .ch-wp15 * {width: 480px;} .ch-wp16 * {width: 512px;} .ch-wp17 * {width: 544px;} .ch-wp18 * {width: 576px;} .ch-wp19 * {width: 608px;} .ch-wp20 * {width: 640px;} .ch-wp21 * {width: 672px;} .ch-wp22 * {width: 704px;} .ch-wp23 * {width: 736px;} .ch-wp24 * {width: 768px;} .ch-wp25 * {width: 800px;} .ch-wp26 * {width: 832px;} .ch-wp27 * {width: 864px;} .ch-wp28 * {width: 896px;} .ch-wp29 * {width: 928px;} .ch-wp30 * {width: 960px;} .ch-wp31 * {width: 992px;} .ch-wp32 * {width: 1024px;} .ch-wp33 * {width: 1056px;} .ch-wp34 * {width: 1088px;} .ch-wp35 * {width: 1120px;} .ch-wp36 * {width: 1152px;} .ch-wp37 * {width: 1184px;} .ch-wp38 * {width: 1216px;} .ch-wp39 * {width: 1248px;} .ch-wp40 * {width: 1280px;} 
 .wp0 {width: 0px;} .wp1 {width: 32px;} .wp2 {width: 64px;} .wp3 {width: 96px;} .wp4 {width: 128px;} .wp5 {width: 160px;} .wp6 {width: 192px;} .wp7 {width: 224px;} .wp8 {width: 256px;} .wp9 {width: 288px;} .wp10 {width: 320px;} .wp11 {width: 352px;} .wp12 {width: 384px;} .wp13 {width: 416px;} .wp14 {width: 448px;} .wp15 {width: 480px;} .wp16 {width: 512px;} .wp17 {width: 544px;} .wp18 {width: 576px;} .wp19 {width: 608px;} .wp20 {width: 640px;} .wp21 {width: 672px;} .wp22 {width: 704px;} .wp23 {width: 736px;} .wp24 {width: 768px;} .wp25 {width: 800px;} .wp26 {width: 832px;} .wp27 {width: 864px;} .wp28 {width: 896px;} .wp29 {width: 928px;} .wp30 {width: 960px;} .wp31 {width: 992px;} .wp32 {width: 1024px;} .wp33 {width: 1056px;} .wp34 {width: 1088px;} .wp35 {width: 1120px;} .wp36 {width: 1152px;} .wp37 {width: 1184px;} .wp38 {width: 1216px;} .wp39 {width: 1248px;} .wp40 {width: 1280px;} 
 .chfp0 > * {display:flex;flex:1 1 0px;} .chfp1 > * {display:flex;flex:1 1 32px;} .chfp2 > * {display:flex;flex:1 1 64px;} .chfp3 > * {display:flex;flex:1 1 96px;} .chfp4 > * {display:flex;flex:1 1 128px;} .chfp5 > * {display:flex;flex:1 1 160px;} .chfp6 > * {display:flex;flex:1 1 192px;} .chfp7 > * {display:flex;flex:1 1 224px;} .chfp8 > * {display:flex;flex:1 1 256px;} .chfp9 > * {display:flex;flex:1 1 288px;} .chfp10 > * {display:flex;flex:1 1 320px;} .chfp11 > * {display:flex;flex:1 1 352px;} .chfp12 > * {display:flex;flex:1 1 384px;} .chfp13 > * {display:flex;flex:1 1 416px;} .chfp14 > * {display:flex;flex:1 1 448px;} .chfp15 > * {display:flex;flex:1 1 480px;} .chfp16 > * {display:flex;flex:1 1 512px;} .chfp17 > * {display:flex;flex:1 1 544px;} .chfp18 > * {display:flex;flex:1 1 576px;} .chfp19 > * {display:flex;flex:1 1 608px;} .chfp20 > * {display:flex;flex:1 1 640px;} .chfp21 > * {display:flex;flex:1 1 672px;} .chfp22 > * {display:flex;flex:1 1 704px;} .chfp23 > * {display:flex;flex:1 1 736px;} .chfp24 > * {display:flex;flex:1 1 768px;} .chfp25 > * {display:flex;flex:1 1 800px;} .chfp26 > * {display:flex;flex:1 1 832px;} .chfp27 > * {display:flex;flex:1 1 864px;} .chfp28 > * {display:flex;flex:1 1 896px;} .chfp29 > * {display:flex;flex:1 1 928px;} .chfp30 > * {display:flex;flex:1 1 960px;} .chfp31 > * {display:flex;flex:1 1 992px;} .chfp32 > * {display:flex;flex:1 1 1024px;} .chfp33 > * {display:flex;flex:1 1 1056px;} .chfp34 > * {display:flex;flex:1 1 1088px;} .chfp35 > * {display:flex;flex:1 1 1120px;} .chfp36 > * {display:flex;flex:1 1 1152px;} .chfp37 > * {display:flex;flex:1 1 1184px;} .chfp38 > * {display:flex;flex:1 1 1216px;} .chfp39 > * {display:flex;flex:1 1 1248px;} .chfp40 > * {display:flex;flex:1 1 1280px;} 
 .ch-fp0 * {display:flex;flex:1 1 0px;} .ch-fp1 * {display:flex;flex:1 1 32px;} .ch-fp2 * {display:flex;flex:1 1 64px;} .ch-fp3 * {display:flex;flex:1 1 96px;} .ch-fp4 * {display:flex;flex:1 1 128px;} .ch-fp5 * {display:flex;flex:1 1 160px;} .ch-fp6 * {display:flex;flex:1 1 192px;} .ch-fp7 * {display:flex;flex:1 1 224px;} .ch-fp8 * {display:flex;flex:1 1 256px;} .ch-fp9 * {display:flex;flex:1 1 288px;} .ch-fp10 * {display:flex;flex:1 1 320px;} .ch-fp11 * {display:flex;flex:1 1 352px;} .ch-fp12 * {display:flex;flex:1 1 384px;} .ch-fp13 * {display:flex;flex:1 1 416px;} .ch-fp14 * {display:flex;flex:1 1 448px;} .ch-fp15 * {display:flex;flex:1 1 480px;} .ch-fp16 * {display:flex;flex:1 1 512px;} .ch-fp17 * {display:flex;flex:1 1 544px;} .ch-fp18 * {display:flex;flex:1 1 576px;} .ch-fp19 * {display:flex;flex:1 1 608px;} .ch-fp20 * {display:flex;flex:1 1 640px;} .ch-fp21 * {display:flex;flex:1 1 672px;} .ch-fp22 * {display:flex;flex:1 1 704px;} .ch-fp23 * {display:flex;flex:1 1 736px;} .ch-fp24 * {display:flex;flex:1 1 768px;} .ch-fp25 * {display:flex;flex:1 1 800px;} .ch-fp26 * {display:flex;flex:1 1 832px;} .ch-fp27 * {display:flex;flex:1 1 864px;} .ch-fp28 * {display:flex;flex:1 1 896px;} .ch-fp29 * {display:flex;flex:1 1 928px;} .ch-fp30 * {display:flex;flex:1 1 960px;} .ch-fp31 * {display:flex;flex:1 1 992px;} .ch-fp32 * {display:flex;flex:1 1 1024px;} .ch-fp33 * {display:flex;flex:1 1 1056px;} .ch-fp34 * {display:flex;flex:1 1 1088px;} .ch-fp35 * {display:flex;flex:1 1 1120px;} .ch-fp36 * {display:flex;flex:1 1 1152px;} .ch-fp37 * {display:flex;flex:1 1 1184px;} .ch-fp38 * {display:flex;flex:1 1 1216px;} .ch-fp39 * {display:flex;flex:1 1 1248px;} .ch-fp40 * {display:flex;flex:1 1 1280px;} 
 .fp0 {display:flex;flex:1 1 0px;} .fp1 {display:flex;flex:1 1 32px;} .fp2 {display:flex;flex:1 1 64px;} .fp3 {display:flex;flex:1 1 96px;} .fp4 {display:flex;flex:1 1 128px;} .fp5 {display:flex;flex:1 1 160px;} .fp6 {display:flex;flex:1 1 192px;} .fp7 {display:flex;flex:1 1 224px;} .fp8 {display:flex;flex:1 1 256px;} .fp9 {display:flex;flex:1 1 288px;} .fp10 {display:flex;flex:1 1 320px;} .fp11 {display:flex;flex:1 1 352px;} .fp12 {display:flex;flex:1 1 384px;} .fp13 {display:flex;flex:1 1 416px;} .fp14 {display:flex;flex:1 1 448px;} .fp15 {display:flex;flex:1 1 480px;} .fp16 {display:flex;flex:1 1 512px;} .fp17 {display:flex;flex:1 1 544px;} .fp18 {display:flex;flex:1 1 576px;} .fp19 {display:flex;flex:1 1 608px;} .fp20 {display:flex;flex:1 1 640px;} .fp21 {display:flex;flex:1 1 672px;} .fp22 {display:flex;flex:1 1 704px;} .fp23 {display:flex;flex:1 1 736px;} .fp24 {display:flex;flex:1 1 768px;} .fp25 {display:flex;flex:1 1 800px;} .fp26 {display:flex;flex:1 1 832px;} .fp27 {display:flex;flex:1 1 864px;} .fp28 {display:flex;flex:1 1 896px;} .fp29 {display:flex;flex:1 1 928px;} .fp30 {display:flex;flex:1 1 960px;} .fp31 {display:flex;flex:1 1 992px;} .fp32 {display:flex;flex:1 1 1024px;} .fp33 {display:flex;flex:1 1 1056px;} .fp34 {display:flex;flex:1 1 1088px;} .fp35 {display:flex;flex:1 1 1120px;} .fp36 {display:flex;flex:1 1 1152px;} .fp37 {display:flex;flex:1 1 1184px;} .fp38 {display:flex;flex:1 1 1216px;} .fp39 {display:flex;flex:1 1 1248px;} .fp40 {display:flex;flex:1 1 1280px;} 


/* Align */
 .chfc > * {flex-direction:column; display:flex;} 
 .ch-fc * {flex-direction:column; display:flex;} 
 .fc {flex-direction:column; display:flex;} 
 .chfr > * {flex-direction:row; display:flex;} 
 .ch-fr * {flex-direction:row; display:flex;} 
 .fr {flex-direction:row; display:flex;} 
 .chfw > * {flex-wrap:wrap; display:flex;} 
 .ch-fw * {flex-wrap:wrap; display:flex;} 
 .fw {flex-wrap:wrap; display:flex;} 
 .chjcs > * {justify-content: start; display:flex;} 
 .ch-jcs * {justify-content: start; display:flex;} 
 .jcs {justify-content: start; display:flex;} 
 .chjcc > * {justify-content:center; display:flex;} 
 .ch-jcc * {justify-content:center; display:flex;} 
 .jcc {justify-content:center; display:flex;} 
 .chjce > * {justify-content:end; display:flex;} 
 .ch-jce * {justify-content:end; display:flex;} 
 .jce {justify-content:end; display:flex;} 
 .chjcst > * {justify-content:stretch; display:flex;} 
 .ch-jcst * {justify-content:stretch; display:flex;} 
 .jcst {justify-content:stretch; display:flex;} 
 .chjcsa > * {justify-content:space-around; display:flex;} 
 .ch-jcsa * {justify-content:space-around; display:flex;} 
 .jcsa {justify-content:space-around; display:flex;} 
 .chjcsb > * {justify-content:space-between; display:flex;} 
 .ch-jcsb * {justify-content:space-between; display:flex;} 
 .jcsb {justify-content:space-between; display:flex;} 
 .chais > * {align-items: start; display:flex;} 
 .ch-ais * {align-items: start; display:flex;} 
 .ais {align-items: start; display:flex;} 
 .chaic > * {align-items:center; display:flex;} 
 .ch-aic * {align-items:center; display:flex;} 
 .aic {align-items:center; display:flex;} 
 .chaie > * {align-items:end; display:flex;} 
 .ch-aie * {align-items:end; display:flex;} 
 .aie {align-items:end; display:flex;} 
 .chaist > * {align-items:stretch; display:flex;} 
 .ch-aist * {align-items:stretch; display:flex;} 
 .aist {align-items:stretch; display:flex;} 
 .chaisa > * {align-items:space-around; display:flex;} 
 .ch-aisa * {align-items:space-around; display:flex;} 
 .aisa {align-items:space-around; display:flex;} 
 .chaisb > * {align-items:space-between; display:flex;} 
 .ch-aisb * {align-items:space-between; display:flex;} 
 .aisb {align-items:space-between; display:flex;} 
 .chass > * {align-self: start; display:flex;} 
 .ch-ass * {align-self: start; display:flex;} 
 .ass {align-self: start; display:flex;} 
 .chasc > * {align-self:center; display:flex;} 
 .ch-asc * {align-self:center; display:flex;} 
 .asc {align-self:center; display:flex;} 
 .chase > * {align-self:end; display:flex;} 
 .ch-ase * {align-self:end; display:flex;} 
 .ase {align-self:end; display:flex;} 
 .chasst > * {align-self:stretch; display:flex;} 
 .ch-asst * {align-self:stretch; display:flex;} 
 .asst {align-self:stretch; display:flex;} 
 .chassa > * {align-self:space-around; display:flex;} 
 .ch-assa * {align-self:space-around; display:flex;} 
 .assa {align-self:space-around; display:flex;} 
 .chassb > * {align-self:space-between; display:flex;} 
 .ch-assb * {align-self:space-between; display:flex;} 
 .assb {align-self:space-between; display:flex;} 


/* Positions */
 .zi0 {z-index: 0;} .zi1 {z-index: 10;} .zi2 {z-index: 20;} .zi3 {z-index: 30;} .zi4 {z-index: 40;} .zi5 {z-index: 50;} .zi6 {z-index: 60;} .zi7 {z-index: 70;} .zi8 {z-index: 80;} .zi9 {z-index: 90;} .zi10 {z-index: 100;} .zi11 {z-index: 110;} .zi12 {z-index: 120;} .zi13 {z-index: 130;} .zi14 {z-index: 140;} .zi15 {z-index: 150;} .zi16 {z-index: 160;} .zi17 {z-index: 170;} .zi18 {z-index: 180;} .zi19 {z-index: 190;} .zi20 {z-index: 200;} .zi21 {z-index: 210;} .zi22 {z-index: 220;} .zi23 {z-index: 230;} .zi24 {z-index: 240;} .zi25 {z-index: 250;} .zi26 {z-index: 260;} .zi27 {z-index: 270;} .zi28 {z-index: 280;} .zi29 {z-index: 290;} .zi30 {z-index: 300;} .zi31 {z-index: 310;} .zi32 {z-index: 320;} .zi33 {z-index: 330;} .zi34 {z-index: 340;} .zi35 {z-index: 350;} .zi36 {z-index: 360;} .zi37 {z-index: 370;} .zi38 {z-index: 380;} .zi39 {z-index: 390;} .zi40 {z-index: 400;} .zi41 {z-index: 410;} .zi42 {z-index: 420;} .zi43 {z-index: 430;} .zi44 {z-index: 440;} .zi45 {z-index: 450;} .zi46 {z-index: 460;} .zi47 {z-index: 470;} .zi48 {z-index: 480;} .zi49 {z-index: 490;} .zi50 {z-index: 500;} .zi51 {z-index: 510;} .zi52 {z-index: 520;} .zi53 {z-index: 530;} .zi54 {z-index: 540;} .zi55 {z-index: 550;} .zi56 {z-index: 560;} .zi57 {z-index: 570;} .zi58 {z-index: 580;} .zi59 {z-index: 590;} .zi60 {z-index: 600;} .zi61 {z-index: 610;} .zi62 {z-index: 620;} .zi63 {z-index: 630;} .zi64 {z-index: 640;} .zi65 {z-index: 650;} .zi66 {z-index: 660;} .zi67 {z-index: 670;} .zi68 {z-index: 680;} .zi69 {z-index: 690;} .zi70 {z-index: 700;} .zi71 {z-index: 710;} .zi72 {z-index: 720;} .zi73 {z-index: 730;} .zi74 {z-index: 740;} .zi75 {z-index: 750;} .zi76 {z-index: 760;} .zi77 {z-index: 770;} .zi78 {z-index: 780;} .zi79 {z-index: 790;} .zi80 {z-index: 800;} .zi81 {z-index: 810;} .zi82 {z-index: 820;} .zi83 {z-index: 830;} .zi84 {z-index: 840;} .zi85 {z-index: 850;} .zi86 {z-index: 860;} .zi87 {z-index: 870;} .zi88 {z-index: 880;} .zi89 {z-index: 890;} .zi90 {z-index: 900;} .zi91 {z-index: 910;} .zi92 {z-index: 920;} .zi93 {z-index: 930;} .zi94 {z-index: 940;} .zi95 {z-index: 950;} .zi96 {z-index: 960;} .zi97 {z-index: 970;} .zi98 {z-index: 980;} .zi99 {z-index: 990;} .zi100 {z-index: 1000;} 
 .pot0 {top: 0px;} .pot1 {top: 8px;} .pot2 {top: 16px;} .pot3 {top: 24px;} .pot4 {top: 32px;} .pot5 {top: 40px;} .pot6 {top: 48px;} .pot7 {top: 56px;} .pot8 {top: 64px;} .pot9 {top: 72px;} .pot10 {top: 80px;} .pot11 {top: 88px;} .pot12 {top: 96px;} .pot13 {top: 104px;} .pot14 {top: 112px;} .pot15 {top: 120px;} .pot16 {top: 128px;} .pot17 {top: 136px;} .pot18 {top: 144px;} .pot19 {top: 152px;} .pot20 {top: 160px;} 
 .pol0 {left: 0px;} .pol1 {left: 8px;} .pol2 {left: 16px;} .pol3 {left: 24px;} .pol4 {left: 32px;} .pol5 {left: 40px;} .pol6 {left: 48px;} .pol7 {left: 56px;} .pol8 {left: 64px;} .pol9 {left: 72px;} .pol10 {left: 80px;} .pol11 {left: 88px;} .pol12 {left: 96px;} .pol13 {left: 104px;} .pol14 {left: 112px;} .pol15 {left: 120px;} .pol16 {left: 128px;} .pol17 {left: 136px;} .pol18 {left: 144px;} .pol19 {left: 152px;} .pol20 {left: 160px;} 
 .por0 {right: 0px;} .por1 {right: 8px;} .por2 {right: 16px;} .por3 {right: 24px;} .por4 {right: 32px;} .por5 {right: 40px;} .por6 {right: 48px;} .por7 {right: 56px;} .por8 {right: 64px;} .por9 {right: 72px;} .por10 {right: 80px;} .por11 {right: 88px;} .por12 {right: 96px;} .por13 {right: 104px;} .por14 {right: 112px;} .por15 {right: 120px;} .por16 {right: 128px;} .por17 {right: 136px;} .por18 {right: 144px;} .por19 {right: 152px;} .por20 {right: 160px;} 
 .pob0 {bottom: 0px;} .pob1 {bottom: 8px;} .pob2 {bottom: 16px;} .pob3 {bottom: 24px;} .pob4 {bottom: 32px;} .pob5 {bottom: 40px;} .pob6 {bottom: 48px;} .pob7 {bottom: 56px;} .pob8 {bottom: 64px;} .pob9 {bottom: 72px;} .pob10 {bottom: 80px;} .pob11 {bottom: 88px;} .pob12 {bottom: 96px;} .pob13 {bottom: 104px;} .pob14 {bottom: 112px;} .pob15 {bottom: 120px;} .pob16 {bottom: 128px;} .pob17 {bottom: 136px;} .pob18 {bottom: 144px;} .pob19 {bottom: 152px;} .pob20 {bottom: 160px;} 
 .rel {position:relative; } 
 .abs {position:absolute; } 
 .fix {position:fixed; } 
 .static {position:static; } 


/* Firma */


/* Shop */


/* FormColors */
 input, textarea, select, button {-webkit-appearance: none;appearance: none;outline:none; } 
 input:hover,textarea:hover,select:hover,button:hover {-webkit-appearance: none;appearance: none;outline:none; } 
 input:active,textarea:active,select:active,button:active {-webkit-appearance: none;appearance: none;outline:none; } 
 input:focus,textarea:focus,select:focus,button:focus {-webkit-appearance: none;appearance: none;outline:none; } 
 input:focus-visible,textarea:focus-visible,select:focus-visi {-webkit-appearance: none;appearance: none;outline:none; } 
 .fo1 input, .fo1 select, .fo1 textarea {border:1px solid #eeeeee;border-radius:4px;padding:6px;font-size:12px;color:#1b1b1b;background-color:#ffffff;transition: all 250ms linear; } 
 .fo1 input:hover, .fo1 select:hover, .fo1 textarea:hover {box-shadow: 0px 0px 5px -2px #000000; } 
 .fo1 input:focus, .fo1 select:focus, .fo1 textarea:focus {border: 1px solid #1b1b1b;box-shadow: 0px 0px 0px 0px #000000; } 
 .but1 {border:1px solid #000000;border-radius:4px,font-size:12px;color:#ffffff;background-color:#1b1b1b;line-height:1;transition: all 250ms linear;cursor:pointer; } 
 .but1:hover {background-color:#3c3c3c; } 
 select, button {cursor:pointer; } 


/* Flex1366 */
@media (max-width: 1366px) {  }

/* Default colors */
 .gr-gr{background:linear-gradient(316deg,#101010,#58ebd6);}
.gr-gr *{color:#ffffff;stroke:#ffffff;}


/* Adm */
 .bg31 {background-color:#313131; } 
 .fo2 .is-text, .fo2 select, .fo2 textarea{border:1px solid #dddddd;border-radius:6px;padding:10px 12px;font-size:14px;color:#1b1b1b;background-color:#ffffff;transition:all 200ms linear;}
.fo2 .is-text:hover, .fo2 select:hover, .fo2 textarea:hover{border-color:#bbbbbb;}
.fo2 .is-text:focus, .fo2 select:focus, .fo2 textarea:focus{border-color:#272727;box-shadow:var(--shain-1);outline:none;}
/* .iwrap (2026-09-03, zadano) - label+input vedle sebe v JEDNOM orámovaném poli. Iwrap PŘEBÍRÁ
   border/border-radius/background/hover/focus, ktere driv nesl samotny input (viz .fo2 .is-text vys) -
   input uvnitr .iwrap je proto border:0, background pruhledne (iwrap uz maluje bile pozadi pod nim).
   overflow:hidden na iwrapu - jinak by hranate rohy inputu (border-radius:0) trcely pres zaoblene rohy
   iwrapu. min-width:0 na inputu - bez toho by flex:1 nedovolil zuzit input pod jeho obsahovou sirku a
   prekypel by ven z iwrapu (presne zadana podminka "nesmi input prertekat"). */
.fo2 .iwrap{display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid #dddddd;border-radius:6px;background-color:#ffffff;padding-left:12px;overflow:hidden;transition:all 200ms linear;}
.fo2 .iwrap:hover{border-color:#bbbbbb;}
.fo2 .iwrap:focus-within{border-color:#272727;box-shadow:var(--shain-1);}
.fo2 .iwrap label{color:#8a8a8a;white-space:nowrap;flex-shrink:0;}
.fo2 .iwrap .is-text,.fo2 .iwrap select,.fo2 .iwrap textarea{flex:1;min-width:0;border:0;border-radius:0;background-color:transparent;box-sizing:border-box;}
.fo2 .iwrap .is-text:hover,.fo2 .iwrap select:hover,.fo2 .iwrap textarea:hover,.fo2 .iwrap .is-text:focus,.fo2 .iwrap select:focus,.fo2 .iwrap textarea:focus{border-color:transparent;box-shadow:none;}
/* .iwrap-fc (2026-09-03, zadano) - stejne chovani/prevzeti borderu jako .iwrap, ale sloupcove (label
   NAD obsahem, ne vedle) - urceno predevsim pro easy-edit editor (page_edit_field_input()'s 'textarea'
   kind), ale obecne pouzitelne pro jakykoli .fc obsah. `.easy-edit-wrap` uvnitr dostava border:0 (stejny
   princip jako .is-text uvnitr .iwrap) - focus prstenec (drive `.easy-edit-wrap.active`, viz jc/fo.js)
   se presouva na `.iwrap-fc` pres :focus-within (contenteditable je fokusovatelny potomek, funguje beze
   zmeny JS). */
.fo2 .iwrap-fc{display:flex;flex-direction:column;gap:8px;border:1px solid #dddddd;border-radius:6px;background-color:#ffffff;padding:10px 12px;overflow:hidden;transition:all 200ms linear;}
.fo2 .iwrap-fc:hover{border-color:#bbbbbb;}
.fo2 .iwrap-fc:focus-within{border-color:#272727;box-shadow:var(--shain-1);}
.fo2 .iwrap-fc label{color:#8a8a8a;}
.fo2 .iwrap-fc .easy-edit-wrap{border:0;border-radius:0;background-color:transparent;}
.fo2 .iwrap-fc .easy-edit-wrap.active{border-color:transparent;box-shadow:none;}
/* Plain is-text/select/textarea uvnitr .iwrap-fc (ne jen easy-edit) - stejny princip jako .iwrap, jen
   padding:0 navic (na rozdil od radkoveho .iwrap ma .iwrap-fc padding na VSECH stranach uz na sobe, takze
   vlastni padding inputu by ho zdvojil). */
.fo2 .iwrap-fc .is-text,.fo2 .iwrap-fc select,.fo2 .iwrap-fc textarea{border:0;border-radius:0;background-color:transparent;padding:0;}
.fo2 .iwrap-fc .is-text:hover,.fo2 .iwrap-fc select:hover,.fo2 .iwrap-fc textarea:hover,.fo2 .iwrap-fc .is-text:focus,.fo2 .iwrap-fc select:focus,.fo2 .iwrap-fc textarea:focus{border-color:transparent;box-shadow:none;}
.fo2 button, .fo2 .br3{padding:12px 16px;font-size:16px;font-weight:700;border-radius:6px;}
 .win.win-dark{background-color:#0d0d0d;color:#c8c8c8;}
.win-dark .win-content::-webkit-scrollbar-thumb{background-color:#3a3a3a;}
.win-dark .win-content{scrollbar-color:#3a3a3a transparent;}
.win-dark a:not(.but3){color:#58ebd6;}
.win-dark .but3:hover{background-color:#101010;color:#58ebd6;}
.win-dark strong{color:#e8e8e8;}
 /* graf.js komponenty */
.graf-wrap{position:relative;height:180px;display:flex;flex-direction:column;}
.graf-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;min-width:0;}
.graf-controls{display:flex;flex-direction:row;justify-content:flex-end;gap:6px;margin-bottom:6px;flex:0 0 auto;}
.graf-zoom-in,.graf-zoom-out{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#1c1c1c;border:1px solid #333333;border-radius:4px;color:#58ebd6;cursor:pointer;font-size:16px;line-height:1;user-select:none;}
.graf-zoom-in:hover,.graf-zoom-out:hover{background-color:#262626;}
.graf-label{fill:#e8e8e8;font-size:11px;}
.graf-label-x>tspan{font-size:9px;}
.graf-label-y{font-size:9px;}
.graf-grid-line,.graf-grid-line-v{stroke-width:1;opacity:0.85;}
.graf-line{stroke-linejoin:round;stroke-linecap:round;}
.graf-point-dot{transition:r 150ms linear;}
.graf-point-hit{cursor:pointer;}
.graf-point-hit:hover + .graf-point-dot{r:5;}
.graf-tooltip{position:absolute;transform:translate(-50%,-100%);background-color:#101010;color:#e8e8e8;border:1px solid #58ebd6;border-radius:4px;padding:4px 8px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 150ms linear;z-index:10;}
.graf-tooltip.active{opacity:1;visibility:visible;}
.graf-empty{color:#8a8a8a;font-size:13px;padding:20px;text-align:center;}
.graf-bar{shape-rendering:crispEdges;}
.graf-marker-line{stroke:#58ebd6;stroke-width:1;stroke-dasharray:4 3;opacity:0.7;}
.graf-marker-hit{cursor:pointer;}
/* Dualni Y/Y2 graf (2026-09-09) - prava osa popisky obarvene stejne jako jeji cara (Y2), levy sloupec
   zustava default .graf-label barvou (Y1) - jasne vizualne odliseni ktera osa patri ke ktere care. */
.graf-label-y2{fill:#ec4899;}
/* Heatmapa (2026-09-09) - ostre hrany bunek (stejny princip jako .graf-bar), vyssi wrapper (320px misto
   defaultnich 180px, viz .graf-wrap-heat nize) - 24 hodinovych radku potrebuje vic mista nez carovy graf. */
.graf-heat-cell{shape-rendering:crispEdges;}
.graf-wrap-heat{height:320px;}
/* adm/analytics dashboard */
.analytics-grid{display:flex;flex-wrap:wrap;gap:16px;}
.analytics-tile{flex:1 1 280px;min-width:0;max-width:100%;background-color:#161616;border:1px solid #262626;border-radius:8px;padding:16px;}
.analytics-tile-full{flex:0 1 calc(50% - 8px);max-width:calc(50% - 8px);}
.analytics-tile-h{font-size:19px;font-weight:700;color:#e8e8e8;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #262626;display:flex;flex-direction:row;align-items:center;gap:10px;}
.analytics-tile-dot{width:16px;height:16px;min-width:16px;border-radius:50%;background-color:#ffffff;}
.analytics-tile-big{font-size:28px;font-weight:700;color:#58ebd6;line-height:1.2;}
.analytics-stat-row{display:flex;flex-direction:row;justify-content:space-between;padding:4px 0;font-size:13px;}
.analytics-stat-row strong{color:#e8e8e8;}
/* Podtrzeni radku "Navstevnost" (Dnes/Vcera/... , 2026-09-03, zadano) - stejna barva jako .analytics-mini-row,
   scoped jen na .analytics-tile-full (Navstevnost i dashboardova i Explorer produktova varianta), aby se
   netklo ostatnich .analytics-stat-row uzivateli (Poradi/Historie/Konverze/Funnel/Opusteni kosiku/Novi vs
   vracejici - ty vsechny zustavaji beze zmeny, plain .analytics-tile, ne .analytics-tile-full). */
.analytics-tile-full .analytics-stat-row{border-bottom:1px solid #232323;}
.analytics-tile-full .analytics-stat-row:last-child{border-bottom:0;}
.analytics-mini-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #232323;font-size:13px;}
.analytics-mini-row:last-child{border-bottom:0;}
.analytics-mini-rank{color:#585858;font-size:11px;width:18px;flex-shrink:0;}
.analytics-mini-n{flex:1;color:#c8c8c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.analytics-mini-v{color:#58ebd6;font-weight:700;flex-shrink:0;}
.analytics-row{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #232323;font-size:13px;}
.analytics-row:last-child{border-bottom:0;}
/* Nazvy radku (produkt/stranka) jsou od 2026-09-09 klikatelne odkazy na analytics_page_href() (otevrou
   Analyzu dane stranky/produktu ve vlastnim .win) - barva musi zustat stejna seda jako predtim (obycejny
   text), proto prebijeme .win-dark a:not(.but3){color:#58ebd6} vyse (stejna specificita, vyhrava poradi). */
.win-dark a.analytics-mini-n,.win-dark .analytics-row a.f1{color:#c8c8c8;text-decoration:none;}
.win-dark a.analytics-mini-n:hover,.win-dark .analytics-row a.f1:hover{color:#58ebd6;text-decoration:underline;}
/* Ikona "otevrit na webu" pred nazvem (2026-09-09) - cerna SVG (viz im/icons/ico-arrow-ne.svg) invertovana
   na tmavem pozadi, ztlumena (opacity), na hover plne viditelna - stejny princip jako
   .win-dark .explorer-actions img{filter:invert(1)} u Exploreru, jen mimo .explorer-actions kontext. */
.analytics-web-ico{width:13px;height:13px;flex-shrink:0;}
.win-dark .analytics-web-ico{filter:invert(1);opacity:.55;}
.win-dark .analytics-web-ico:hover{opacity:1;}
/* Legenda pod nadpisem dualniho grafu (2026-09-09) - barevna tecka + popisek za sebou, vetsi mezera AZ za
   popiskem (ne mezi teckou a jejim vlastnim popiskem - viz analytics_graf_legend() v Session.php). */
.analytics-legend{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;font-size:12px;color:#c8c8c8;padding-bottom:8px;}
.analytics-legend-dot{width:10px;height:10px;min-width:10px;border-radius:50%;margin-right:5px;}
.analytics-legend-label{margin-right:16px;}
/* Wrapper "Nejprodavanejsi den"/"Nejprodavanejsi hodiny podle dne" (2026-09-09) - f fc w10 (viz analytics.php's
   analytics_order_dow_tiles()), stejna mezera jako maji dlazdice mezi sebou v .analytics-grid vyse. */
.analytics-dow-wrap{gap:16px;}
.analytics-sort-link{color:#c8c8c8;cursor:pointer;}
.analytics-sort-link:hover,.analytics-sort-link.active{color:#58ebd6;}
.analytics-pagination{display:flex;flex-direction:row;gap:6px;flex-wrap:wrap;padding-top:12px;}
.analytics-pagination a{color:#8a8a8a;cursor:pointer;padding:2px 6px;border-radius:3px;}
.analytics-pagination a.active{color:#101010;background-color:#58ebd6;font-weight:700;}
/* Minutovy drill-down (2026-09-11) - .analytics-minute-graf je flex polozka (f1) v radku se dvema
   pevnymi sloupci (den/hodina) - bez min-width:0 by se nesmrstila pod max-content sirku grafu (60 bodu),
   coz preteklo pres okraj dlazdice/okna. .graf-wrap uvnitr dostava sirku 100% rodice misto vlastniho
   obsahoveho rozmeru - skutecne preteceni (kdyz je 60 bodu opravdu sirsich nez dostupny prostor) resi
   .graf-scroll (uz existuje, min-width:0, overflow-x:auto). */
.analytics-minute-graf{min-width:0;}
.analytics-minute-graf .graf-wrap{width:100%;min-width:0;}
/* Plocha pod carovym grafem (2026-09-11, zadano) - .graf-area je vzdy pod .graf-line/.graf-point-hit
   v DOM poradi, pointer-events:none je jen pojistka, aby tooltip hit-kruhy zustaly klikatelne/hoverovatelne
   i kdyby se nekdy poradi zmenilo. */
.graf-area{pointer-events:none;}
/* Hover ramecek na bunkach heatmapy (2026-09-11, zadano) - cili na .graf-point-hit (neviditelny
   hit-rect NAD viditelnou .graf-heat-cell, presne stejny rozmer/pozice), protoze ten prijima pointer
   eventy - :hover primo na .graf-heat-cell by se nikdy nespustil (je pod hit-rectem v DOM poradi).
   Scoped na .graf-wrap-heat, aby se netklo hit-kruhu/sloupcu na ostatnich typech grafu. */
.graf-wrap-heat .graf-point-hit:hover{stroke:#ffffff1a;stroke-width:1px;}
 .bg00o99 {background-color:#00000099; } 
 .explorer-action,.explorer-item,.explorer-tree-link{cursor:pointer;}
.explorer-action img{width:22px;height:22px;}
.explorer-item img,.explorer-item svg{width:32px;height:32px;}
.explorer-item{flex:0 0 160px;width:160px;}
.explorer-item span{overflow-wrap:break-word;word-break:break-word;}
.explorer-tree-link,.explorer-item{text-decoration:none;color:#595959;}
.explorer-tree-link:hover{color:#000000;text-decoration:underline;}
.explorer-item:hover{color:#58ebd6;text-decoration:underline;}
.explorer-tree-link img,.explorer-tree-link svg{width:18px;height:18px;}
.explorer-tree-link.active{font-weight:700;}
.tree-toggle{width:14px;text-align:center;user-select:none;display:flex;align-items:center;justify-content:center;line-height:1;}
.explorer-tree-node > .tree-children{display:none;}
.explorer-tree-node.open > .tree-children{display:flex;}
.admin-search-wrap{position:relative;}
.admin-search-results{position:absolute;bottom:100%;left:0;background-color:#101010;color:#ffffff;box-shadow:0 -4px 16px #00000040;border-radius:6px;max-height:320px;overflow-y:auto;z-index:5000;}
.admin-search-row{color:#ffffff;text-decoration:none;}
.admin-search-row:hover{background-color:#ffffff22;}
.admin-search-thumb{width:28px;height:28px;object-fit:cover;border-radius:3px;}
.admin-search-thumb-icon{filter:invert(1);}
.explorer-tree .tree-children{padding-left:16px;}
.explorer-tree .tree-children > .explorer-tree-node{position:relative;}
.explorer-tree .tree-children > .explorer-tree-node:before{content:'';position:absolute;left:-10px;top:14px;width:8px;height:1px;background-color:#bbbbbb;}
.explorer-tree .tree-children > .explorer-tree-node:after{content:'';position:absolute;left:-10px;top:0;bottom:0;width:1px;background-color:#bbbbbb;}
.explorer-tree .tree-children > .explorer-tree-node:last-child:after{bottom:auto;height:14px;}
.explorer-breadcrumbs{flex-wrap:wrap;}
.explorer-breadcrumb-up{width:24px;height:24px;background-color:#f2f2f2;flex-shrink:0;}
.explorer-breadcrumb-up:hover{background-color:#e2e2e2;}
.explorer-breadcrumb-up img{width:14px;height:14px;}
.explorer-context-menu{position:fixed;z-index:8000;background-color:#101010;color:#ffffff;border-radius:6px;box-shadow:0 4px 16px #00000059;min-width:200px;max-width:280px;padding:4px;}
.explorer-context-menu .explorer-actions{flex-direction:column;flex-wrap:nowrap;gap:0;border-bottom:none;padding-bottom:0;}
.explorer-context-menu .explorer-action{flex-direction:row;justify-content:flex-start;gap:8px;padding:8px 12px;color:#ffffff;white-space:nowrap;border-radius:4px;}
.explorer-context-menu .explorer-action:hover{background-color:#ffffff22;}
.explorer-context-menu .explorer-action span{text-align:left;}
.explorer-context-menu .explorer-action img{filter:invert(1);}
.explorer-context-menu .explorer-action-disabled{color:#999999;background-color:transparent;}
.explorer-context-menu .explorer-action-disabled:hover{background-color:transparent;}
.filter-group-children{display:none;}
.filter-group-children.open{display:flex;}
.filter-group-head .filter-toggle{cursor:pointer;}
.save-order-handle{width:28px;height:28px;min-width:28px;background-color:#eeeeee;display:flex;align-items:center;justify-content:center;cursor:move;user-select:none;flex-shrink:0;color:#999999;margin-right:4px;}
.save-order-handle-ico{display:block;line-height:1;transform:rotate(90deg);}
.explorer-breadcrumb-link{text-decoration:none;color:#595959;cursor:pointer;}
.explorer-breadcrumb-link:hover{color:#000000;text-decoration:underline;}
.explorer-breadcrumb-sep{color:#bbbbbb;}
.explorer-board-wrap{display:flex;flex-direction:column;height:100%;min-height:0;}
.explorer-board-top{flex:0 0 auto;}
.explorer-board-row{flex:1 1 auto;min-height:0;display:flex;}
.explorer-menu{overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;min-height:0;min-width:0;}
.explorer-tree{width:max-content;min-width:100%;white-space:nowrap;}
.explorer-content{overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;min-width:0;}
.explorer-menu{border-right:1px solid #e2e2e2;}
.explorer-breadcrumbs{border-bottom:1px solid #e2e2e2;}
.explorer-actions{border-bottom:1px solid #e2e2e2;padding-bottom:0px;}

/* Vlastni scrollbar - svetla varianta (bile pozadi obsahu), tenky, zaobleny, bez ostrych hranu (border+background-clip:padding-box oddeli thumb od tracku). */
.win-content,.explorer-menu,.explorer-content{scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent;}
.win-content::-webkit-scrollbar,.explorer-menu::-webkit-scrollbar,.explorer-content::-webkit-scrollbar{width:8px;height:8px;}
.win-content::-webkit-scrollbar-track,.explorer-menu::-webkit-scrollbar-track,.explorer-content::-webkit-scrollbar-track{background:transparent;}
.win-content::-webkit-scrollbar-thumb,.explorer-menu::-webkit-scrollbar-thumb,.explorer-content::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:8px;border:2px solid transparent;background-clip:padding-box;}
.win-content::-webkit-scrollbar-thumb:hover,.explorer-menu::-webkit-scrollbar-thumb:hover,.explorer-content::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0;}

/* dark scrollbar cast (admin-search-results je v tomto ident bloku) */
.admin-search-results{scrollbar-width:thin;scrollbar-color:#ffffff33 transparent;}
.admin-search-results::-webkit-scrollbar{width:8px;height:8px;}
.admin-search-results::-webkit-scrollbar-track{background:transparent;}
.admin-search-results::-webkit-scrollbar-thumb{background-color:#ffffff33;border-radius:8px;border:2px solid transparent;background-clip:padding-box;}
.admin-search-results::-webkit-scrollbar-thumb:hover{background-color:#ffffff55;}
.box5{border-bottom:1px solid #eeeeee;}
.box5:nth-child(1){border-top:1px solid #eeeeee;}
.box5-row{padding:0px;}
.box5-row>*{padding:8px 0px 8px 8px;}
.box5-row>*:last-child{padding:8px;}
.hover-bgs:hover{background-color:#f2f2f2;}
.filter-hide-btn img{width:16px;height:16px;}
.filter-hide-btn-active{background-color:#eeeeee;}
.filter-hide-btn-active img{opacity:0.6;}
.pf-thumb{width:28px;height:28px;object-fit:cover;border-radius:3px;flex-shrink:0;}
.banner-drop{background:#ffffff;background-image:none;border:2px dashed #cccccc;min-height:120px;padding:24px;text-align:center;border-radius:10px;color:#595959;}
.banner-drop.drag{border-color:#58ebd6;background-color:#f5f5f5;}
.banner-thumb{width:160px;height:auto;border-radius:4px;flex-shrink:0;}
.bg31 .info,.bg31 .chyba,.bg31 .uspech{color:#595959;}
.bg31 input::placeholder,.bg31 textarea::placeholder{color:#595959;opacity:0.6;}
.bg31 input::-moz-placeholder,.bg31 textarea::-moz-placeholder{color:#595959;opacity:0.6;}
.bg31 input:-ms-input-placeholder,.bg31 textarea:-ms-input-placeholder{color:#595959;}
.bg31 input::-ms-input-placeholder,.bg31 textarea::-ms-input-placeholder{color:#595959;}
.banner-drop .drop{color:#ffffff;}
body.bg31{background-image:url(../im/icons/plocha_bg.jpg);background-position:center center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;}
.desktop{min-height:100vh;background-image:url(../im/icons/logo.svg);background-position:center center;background-repeat:no-repeat;background-size:128px;}
.banner-visibility-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;color:#ffffff;font-size:11px;font-weight:700;margin-left:4px;}
 html,body{-webkit-overflow-scrolling:touch;}
.desktop-icon,.win-m-icon,.tools-trigger{cursor:pointer;color:#ffffff;}
.desktop-icon img,.desktop-icon svg{width:40px;height:40px;}
.desktop-icon span{color:#ffffff;}
.desktop-icon:hover{color:#58ebd6;}
.desktop-panel{height:64px;position:fixed;bottom:0;left:0;width:100%;z-index:500;box-sizing:border-box;}
.desktop-panel-inner{height:100%;padding:0 16px;}
.panel-folder img,.panel-tools img{width:24px;height:24px;}
.panel-folder img,.panel-icon-gray{filter:invert(60%);}
.win-m-icon img{width:28px;height:28px;}
.win-m-icon{position:relative;}
.admin-search-box{position:relative;display:flex;align-items:center;}
.admin-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#ffffffaa;pointer-events:none;}
.admin-search-input{background-color:#ffffff22;border:none;color:#ffffff;border-radius:14px;padding:8px 10px 8px 30px;width:180px;}
.admin-search-input::placeholder{color:#ffffffaa;}
.tools-dropdown,.win-m-rollup{display:none;}
.tools-trigger.open>.tools-dropdown{display:flex;}
.win-m-rollup.active{display:flex;}
.tools-dropdown{position:absolute;top:100%;left:0;background-color:#101010;color:#ffffff;box-shadow:0 4px 16px #00000040;border-radius:6px;z-index:6000;min-width:180px;}
.tools-trigger.panel-tools .tools-dropdown{top:auto;bottom:100%;box-shadow:0 -4px 16px #00000040;}
.tools-dropdown-item{color:#ffffff;cursor:pointer;}
.tools-dropdown-item:hover{background-color:#ffffff22;}
.tools-dropdown-item img{width:20px;height:20px;filter:invert(1);}
body.win-dragging,body.win-dragging *{user-select:none !important;}
.win{position:fixed;display:flex;flex-direction:column;background-color:#ffffff;color:#000000;border-radius:8px;-webkit-box-shadow:0 8px 32px #58ebd680, 0 8px 64px #ffffff26;box-shadow:0 8px 32px #58ebd680, 0 8px 64px #ffffff26;overflow:hidden;min-width:320px;min-height:200px;z-index:1000;}
.win-head{background-color:#101010;padding:8px 12px;flex:0 0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:move;}
.win-title-icon{width:18px;height:18px;padding-left:4px;filter:invert(60%);}
.win-title{font-weight:700;color:#cccccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;}
.win-controls{display:flex;flex-direction:row;align-items:center;gap:6px;}
.win-controls a{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;}
.win-controls a:hover{background-color:#ffffff22;}
.win-controls a img{width:16px;height:16px;filter:invert(60%);}
.win-size-presets{display:flex;flex-direction:row;gap:2px;margin-right:4px;}
.win-size-preset{width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;color:#999999;font-size:11px;}
.win-size-preset:hover{background-color:#ffffff22;color:#cccccc;}
.win-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;}
.win-footer{flex:0 0 auto;background-color:#ffffff;border-top:1px solid #eeeeee;box-shadow:0 -4px 12px #00000014;padding:8px 12px;display:flex;align-items:center;justify-content:center;}
.win-resize{position:absolute;right:2px;bottom:2px;width:18px;height:18px;cursor:nwse-resize;z-index:10;opacity:0.6;background-image:linear-gradient(135deg, transparent 0 45%, #666666 45% 55%, transparent 55% 65%, #666666 65% 75%, transparent 75%);}
.win-resize:hover{opacity:1;}
.win.win-maximized{left:0 !important;top:0 !important;width:100% !important;height:calc(100% - 64px) !important;border-radius:0;}
.win.win-minimized{display:none;}
.panel-logout{cursor:pointer;}
.panel-logout img{width:26px;height:26px;filter:drop-shadow(0 0 4px #58ebd6) drop-shadow(0 0 8px #58ebd680);}
.panel-logout:hover img{filter:drop-shadow(0 0 6px #58ebd6) drop-shadow(0 0 12px #58ebd6);}
.timenow{color:#58ebd6;font-size:13px;white-space:nowrap;}
.elementar-version{color:#8a8a8a;text-transform:uppercase;letter-spacing:0.05em;}
.win-m-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background-color:#58ebd6;color:#101010;font-size:10px;line-height:16px;text-align:center;font-weight:700;}
.win-m-close-badge{display:none;position:absolute;top:-4px;right:16px;width:16px;height:16px;border-radius:8px;background-color:#666666;cursor:pointer;}
.win-m-icon:hover .win-m-close-badge{display:block;}
.win-m-close-badge:before,.win-m-close-badge:after{content:'';position:absolute;top:50%;left:50%;width:10px;height:1px;background-color:#ffffff;}
.win-m-close-badge:before{transform:translate(-50%,-50%) rotate(45deg);}
.win-m-close-badge:after{transform:translate(-50%,-50%) rotate(-45deg);}
.win-m-rollup{position:absolute;bottom:100%;left:0;margin-bottom:4px;background-color:#101010;color:#ffffff;box-shadow:0 -4px 16px #00000040;border-radius:6px;z-index:100000;min-width:320px;max-width:max-content;max-height:min(60vh,420px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.win-title-wrap{display:flex;flex-direction:row;align-items:center;min-width:0;overflow:hidden;flex:1 1 auto;}
.panel-fullscreen{cursor:pointer;width:26px;height:26px;background-image:url(../im/icons/ico-fullscreen.svg);background-size:26px 26px;background-repeat:no-repeat;background-position:center;filter:invert(60%);}
.panel-fullscreen.active{background-image:url(../im/icons/ico-fullscreen-t.svg);filter:drop-shadow(0 0 4px #58ebd6) drop-shadow(0 0 8px #58ebd680);}
.panel-close-all,.panel-minimize-all{cursor:pointer;}
.panel-close-all img,.panel-minimize-all img{width:26px;height:26px;filter:drop-shadow(0 0 4px #58ebd6) drop-shadow(0 0 8px #58ebd680);}
.panel-close-all:hover img,.panel-minimize-all:hover img{filter:drop-shadow(0 0 6px #58ebd6) drop-shadow(0 0 12px #58ebd6);}

/* Vlastni scrollbar - .win-content (svetla varianta) + .win-m-rollup/.tools-dropdown (tmava varianta). */
.win-content{scrollbar-width:thin;scrollbar-color:#d0d0d0 transparent;}
.win-content::-webkit-scrollbar{width:8px;height:8px;}
.win-content::-webkit-scrollbar-track{background:transparent;}
.win-content::-webkit-scrollbar-thumb{background-color:#d0d0d0;border-radius:8px;border:2px solid transparent;background-clip:padding-box;}
.win-content::-webkit-scrollbar-thumb:hover{background-color:#b0b0b0;}
.win-m-rollup,.tools-dropdown{scrollbar-width:thin;scrollbar-color:#ffffff33 transparent;}
.win-m-rollup::-webkit-scrollbar,.tools-dropdown::-webkit-scrollbar{width:8px;height:8px;}
.win-m-rollup::-webkit-scrollbar-track,.tools-dropdown::-webkit-scrollbar-track{background:transparent;}
.win-m-rollup::-webkit-scrollbar-thumb,.tools-dropdown::-webkit-scrollbar-thumb{background-color:#ffffff33;border-radius:8px;border:2px solid transparent;background-clip:padding-box;}
.win-m-rollup::-webkit-scrollbar-thumb:hover,.tools-dropdown::-webkit-scrollbar-thumb:hover{background-color:#ffffff55;}

.panel-account{color:#58ebd6;line-height:1.2;}
.panel-account-email{opacity:0.85;}

.win-m-rollup-item{font-size:12px;white-space:nowrap;}
.win-m-rollup-item:hover{background-color:#ffffff22;}
.win-restore-link{color:#ffffff;text-decoration:none;}
.win-m-rollup-thumb{width:20px;height:20px;object-fit:cover;border-radius:3px;flex-shrink:0;}
.win-m-rollup-close{flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:16px;height:16px;}
.win-m-rollup-close img{width:14px;height:14px;}
.win-m-rollup-close:hover{opacity:0.7;}
.win-autoload{display:none;}
.seo-url-panel{display:none;}
.seo-url-panel.active{display:flex;}
.explorer-item-hidden{color:#e53935;}
.explorer-item-hidden img{filter:invert(47%) sepia(100%) saturate(6326%) hue-rotate(347deg) brightness(98%) contrast(83%);}
 .dph-wrap{background-color:#f7f7f7;border-radius:6px;border:1px solid #0000001a;}
.dph-wrap .f1{flex:1 1 0%;min-width:110px;}
.dph-out{background-color:#eeeeee;}
.stock-row-msg .uspech,.stock-row-msg .chyba{margin-top:6px;}
.pf-menu{position:sticky;top:0;z-index:2;background-color:#ffffff;}
.pf-group-btn{cursor:pointer;color:#000000;border-radius:4px;}
.pf-group-btn:hover{background-color:#f0f0f0;}
.pf-group-btn.active{background-color:#000000;color:#58ebd6;}
.pf-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;border-radius:50%;background-color:#43a047;color:#ffffff;font-weight:700;line-height:1;margin-left:4px;}
.pf-group-content{display:none;}
.pf-group-content.active{display:flex;}
.pf-item{border-radius:4px;}
.pf-item.active{background-color:#e8f5e9;}
.pf-item:hover{background-color:#f0f0f0;}
.pf-locked{cursor:not-allowed;color:#999999;}
.pf-locked.active{background-color:#f0f0f0;color:#000000;}
 .page-edit-part{background-color:#f7f7f7;border-radius:6px;margin-bottom:12px;}
.page-edit-thumb{width:64px;height:64px;object-fit:cover;border-radius:4px;}
/* thumb-wrap/thumb-del-btn/thumb-zoom (2026-09-03, zadano) - obecne, znovupouzitelne (ne jen page-edit) -
   cervene kolecko s bilym krizkem misto but3 "Odstranit", absolute v pravem hornim rohu nahledu,
   prekryva ho (z-index vyssi nez obrazek, ktery zadny vlastni z-index nema). display:inline-flex na
   .thumb-wrap - shrink-wrap presne na velikost nahledu (ne cely radek), aby .thumb-del-btn's absolute
   pozicovani sedelo presne na roh OBRAZKU, ne na roh sirsiho radku. */
.thumb-wrap{position:relative;display:inline-flex;}
.thumb-del-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#e53935;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:background-color 150ms linear;}
.thumb-del-btn:hover{background-color:#c62828;}
.thumb-del-btn img{width:14px;height:14px;filter:invert(1);}
.thumb-zoom{cursor:zoom-in;}
/* Lightbox (original velikost, .layer sdileny mechanismus - z-index 150000, vzdy nad .win, viz vys) */
.img-zoom-layer .layer-body{max-width:95vw;max-height:92vh;width:auto;height:auto;padding:0;border:0;background-color:transparent;box-shadow:none;}
.img-zoom-layer .head{position:absolute;top:8px;right:8px;height:auto;border-bottom:0;z-index:2;}
.img-zoom-layer .head>span{display:none;}
.img-zoom-layer .layer-close-button{background-color:#00000099;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;}
.img-zoom-layer .layer-close-button img{width:16px;height:16px;filter:invert(1);}
.img-zoom-layer .content{display:flex;}
.img-zoom-img{display:block;max-width:95vw;max-height:92vh;object-fit:contain;border-radius:4px;}
.page-edit-item,.page-edit-item-new{background-color:#ffffff;border-radius:4px;border:1px solid #0000001a;}
.page-edit-item-new{border-style:dashed;}
.easy-edit-wrap{border:1px solid #cccccc;border-radius:4px;background-color:#ffffff;}
.easy-edit-toolbar{display:flex;flex-direction:row;gap:4px;padding:4px;border-bottom:1px solid #eeeeee;flex-wrap:wrap;}
.easy-edit-btn{cursor:pointer;background-color:#f0f0f0;border:1px solid #cccccc;border-radius:3px;}
/* Specificita (2026-09-03) - '.fo2 button' (tag selektor, viz vys) ma vyssi specificitu nez samotna
   '.easy-edit-btn' trida a prebijela tady zamyslenych p1/fs1 rozmer velkymi 12px/16px hodnotami -
   '.easy-edit-toolbar .easy-edit-btn' (dve tridy) uz vyhrava bez ohledu na to, jestli editor zije uvnitr
   .fo2 ci ne. */
.easy-edit-toolbar .easy-edit-btn, .easy-edit-link-panel .easy-edit-btn{padding:4px;font-size:12px;}
.easy-edit-btn:hover{background-color:#e0e0e0;}
.easy-edit-content{min-height:80px;padding:8px;outline:none;}
.easy-edit-wrap.active{border-color:#1e88e5;box-shadow:0 0 0 3px #1e88e559;}
 .explorer-action-hidden{color:#e53935;}
.explorer-action-hidden span{color:#e53935;}
.explorer-action-disabled{color:#999999;background-color:#eeeeee;border-radius:4px;}
.con-row,.gift-row,.gift-row-new{background-color:#ffffff;border-radius:4px;border:1px solid #0000001a;}
.gift-row-new{border-style:dashed;}
.con-search-wrap,.con-group-search-wrap{position:relative;}
.con-search-results,.con-group-search-results,.voucher-search-results{background-color:#101010;color:#ffffff;box-shadow:0 4px 16px #00000040;border-radius:6px;max-height:240px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.con-search-row{color:#ffffff;text-decoration:none;cursor:pointer;}
.con-search-row:hover{background-color:#ffffff22;}

.explorer-actions .explorer-action-hidden span{color:#e53935;}
.explorer-actions .explorer-action-hidden:hover span{color:#e53935;}
.explorer-context-menu .explorer-actions .explorer-action-hidden{color:#e53935;}
.explorer-context-menu .explorer-actions .explorer-action-hidden span{color:#e53935;}
.explorer-context-menu .explorer-actions .explorer-action-hidden:hover span{color:#e53935;}
.explorer-action-danger,.explorer-action-danger span{color:#e53935;}
.explorer-actions .explorer-action-danger span{color:#e53935;}
.explorer-actions .explorer-action-danger:hover span{color:#e53935;}
.explorer-context-menu .explorer-actions .explorer-action-danger{color:#e53935;}
.explorer-context-menu .explorer-actions .explorer-action-danger span{color:#e53935;}
.explorer-context-menu .explorer-actions .explorer-action-danger:hover span{color:#e53935;}
 .carrier-logo{height:28px;width:auto;flex-shrink:0;}
.carrier-logo-wrap{width:80px;flex-shrink:0;}
.carrier-row{text-decoration:none;color:#000000;}
.carrier-row:hover{text-decoration:underline;}
 .explorer-actions .explorer-action span{font-size:11px;letter-spacing:-0.028em;color:#272727;}
.explorer-actions .explorer-action:hover span{color:#000000;text-decoration:underline;}
.explorer-context-menu .explorer-actions .explorer-action span{font-size:inherit;letter-spacing:normal;color:inherit;}
.explorer-context-menu .explorer-actions .explorer-action:hover span{color:inherit;text-decoration:none;}
.explorer-actions .explorer-action-active{background-color:#000000;border-radius:4px;}
.explorer-actions .explorer-action-active span{color:#58ebd6;}
.explorer-actions .explorer-action-active:hover span{color:#58ebd6;text-decoration:underline;}

.win-dark .explorer-actions{border-bottom:1px solid #262626;margin-bottom:12px;padding-bottom:12px;}
.win-dark .explorer-actions .explorer-action span{color:#ffffff;}
.win-dark .explorer-actions .explorer-action:hover span{color:#58ebd6;text-decoration:underline;}
.win-dark .explorer-actions .explorer-action img{filter:invert(1);}
.win-dark .explorer-actions .explorer-action-disabled{background-color:#262626;}
.win-dark .explorer-actions .explorer-action-disabled span{color:#777777;}
.win-dark .explorer-actions .explorer-action-hidden span,.win-dark .explorer-actions .explorer-action-hidden:hover span{color:#e53935;}
.win-dark .explorer-actions .explorer-action-danger span,.win-dark .explorer-actions .explorer-action-danger:hover span{color:#e53935;}
.win-dark .explorer-actions .explorer-action-hidden img,.win-dark .explorer-actions .explorer-action-danger img,.win-dark .explorer-actions .explorer-action-disabled img,.win-dark .explorer-actions .explorer-action-active img{filter:none;}
.win-dark .explorer-actions .explorer-action-active span,.win-dark .explorer-actions .explorer-action-active:hover span{color:#58ebd6;}
 .order-status-cell{width:265px;min-width:265px;flex-shrink:0;}
.order-status-cell img,.order-status-cell svg{width:20px;height:20px;flex-shrink:0;}
.order-status-cell>*{flex-shrink:0;}
/* seznam objednavek (2026-10-22) - ikony dostanou zbyle misto, ostatni sloupce pevne, aby radky licovaly */
.box5-row>.order-status-cell{width:auto;flex:1 1 auto;justify-content:flex-start;}
.order-cell-name{width:130px;flex-shrink:0;}
.order-cell-contact{width:210px;flex-shrink:0;overflow-wrap:anywhere;}
.order-cell-price{width:170px;flex-shrink:0;}
.order-resend-icon{cursor:pointer;}
/* .f.{trida} (2026-09-05) - specificita zvednuta na (0,0,2,0), aby vyhrala nad `.box1 *{color:#000000;}`
   (jc/flex.css nize) - od zabaleni ikonove skupiny do box1 v order_detail_board() by jinak tyhle bile/
   barevne texty na tmavem pozadi zcernaly a zmizely (stejna specificita jako `.box1 *`, ale drivejsi v
   souboru = prohrava). Vsechny 4 tridy uz maji `.f` v seznamu trid (viz order.php), zadna zmena PHP
   nebyla potreba. */
.f.order-paid-badge{color:#2e7d32;font-weight:700;text-transform:uppercase;font-size:11px;text-decoration:none;}
.order-paid-badge:hover{text-decoration:underline;}
.order-unpaid-dot{width:20px;height:20px;border-radius:50%;background-color:#f5a623;display:block;}
.order-unpaid-dot:hover{background-color:#e8890c;}
.order-date-icon{width:14px;height:14px;flex-shrink:0;}
.order-shipping-icon{width:14px;height:14px;flex-shrink:0;}
.order-voucher-icon{width:14px;height:14px;flex-shrink:0;}
.order-user-icon{width:14px;height:14px;flex-shrink:0;}
.order-price-col{width:90px;flex-shrink:0;white-space:nowrap;}
.order-price-total{white-space:nowrap;flex-shrink:0;min-width:80px;text-align:right;}
.f.order-version-badge{width:14px;height:14px;border-radius:50%;flex-shrink:0;color:#ffffff;font-size:9px;}
.order-version-badge-1{background-color:#757575;}
.order-version-badge-2{background-color:#43a047;}
.f.order-country-badge{width:14px;height:14px;border-radius:50%;flex-shrink:0;background-color:#616161;color:#ffffff;font-size:9px;}
.f.order-currency-badge{height:14px;border-radius:50%;flex-shrink:0;background-color:#616161;color:#ffffff;font-size:9px;padding:0 4px;}
.order-packaging-icon{width:14px;height:14px;flex-shrink:0;}
/* .order-pdf-icon (2026-09-11, zadano) - "Stahnout PDF" ikona v order_status_cell() ikonove
   skupine (adm/order.php), stejny vzor jako .order-resend-icon/.order-packaging-icon (14x14,
   cursor:pointer - klikatelny primy odkaz, ne AJAX). */
.order-pdf-icon{width:14px;height:14px;flex-shrink:0;cursor:pointer;}
.order-vs-icon{width:14px;height:14px;flex-shrink:0;}
.order-client-icon{width:14px;height:14px;flex-shrink:0;}
.order-board-wrap{display:flex;flex-direction:column;height:100%;min-height:0;}
.order-board-top{flex:0 0 auto;background-color:#ffffff;position:relative;z-index:5;}
.order-board-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* .analytics-board-wrap (2026-09-11, zadano) - filtr datum od/do FIXOVANY nahore, jen dlazdice
   pod nim scrolluji - stejny vzor jako uz existujici .order-board-wrap/-top/-list (adm/order.php).
   Plati pro VSECHNA analyticka okna (dashboard, "Vice" seznamy, Analyza produktu v Exploreru). */
.analytics-board-wrap{display:flex;flex-direction:column;height:100%;min-height:0;}
.analytics-board-top{flex:0 0 auto;position:relative;z-index:5;background-color:#0d0d0d;}
.analytics-board-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}

/* .order-row-payment-mismatch / .order-payment-warn-box / .order-check-payment-icon (2026-09-19, API faze 4 - Fio) */
.order-row-payment-mismatch{background-color:#fdecea;border:2px solid #e53935;}
.order-payment-warn-box{width:100%;background-color:#e53935;border-radius:4px;}
.order-payment-warn-box span{color:#ffffff;}
.order-check-payment-icon{width:14px;height:14px;flex-shrink:0;cursor:pointer;}
 .customer-status-cell{width:64px;min-width:64px;flex-shrink:0;}
.customer-status-dot{width:20px;height:20px;border-radius:50%;display:block;}
.customer-status-dot-green{background-color:#43a047;}
.customer-status-dot-red{background-color:#d32f2f;}
.customer-board-wrap{display:flex;flex-direction:column;height:100%;min-height:0;}
.customer-board-top{flex:0 0 auto;background-color:#ffffff;position:relative;z-index:5;}
.customer-board-list{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;}
 .explorer-toast{position:fixed;bottom:80px;z-index:200000;color:#ffffff;padding:12px 16px;border-radius:6px;box-shadow:0 4px 16px #00000059;max-width:320px;font-weight:700;opacity:1;transform:translateY(0);transition:opacity 0.4s,transform 0.4s;}
.explorer-toast.hide{opacity:0;transform:translateY(8px);}
.explorer-toast-ok{left:16px;background-color:#2e7d32;}
.explorer-toast-err{right:16px;background-color:#c0392b;}
.explorer-toast-paste-ok{right:16px;background-color:#2e7d32;}
 .explorer-context-menu-title{padding:4px 12px 8px;border-bottom:1px solid #ffffff22;margin-bottom:4px;}
 .explorer-item-cut{opacity:0.4;}
 .but3.but3-dark{background-color:#101010;color:#ffffff;}
.but3-dark img{filter:invert(1);}
.but3.but3-danger{background-color:#e53935;color:#ffffff;}
.but3.but3-danger:hover{background-color:#c62828;}
.but3.but3-warning{background-color:#f5a623;color:#000000;}
.but3.but3-warning:hover{background-color:#e8890c;}
 .control-count-critical{background-color:#e53935;color:#ffffff;}
.control-count-warning{background-color:#f5a623;color:#000000;}
.control-count-zero{background-color:transparent;color:#43a047;}
.control-problem-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background-color:#e53935;color:#ffffff;font-size:11px;line-height:18px;text-align:center;font-weight:700;}
.control-problem-badge:empty{display:none;}
.control-progress-track{position:relative;width:100%;height:16px;border-radius:8px;background-color:#e0e0e0;overflow:hidden;margin-top:6px;}
.control-progress-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#101010;}
.control-progress-bar{height:100%;background-color:#58ebd6;transition:width 300ms linear;}
.control-problem-critical{background-color:#fdecea;color:#000000;}
.control-problem-warning{background-color:#fff3e0;color:#000000;}
.paging-wrap.paging-wrap-cb a{color:#9e9e9e;background-color:transparent;}
.paging-wrap.paging-wrap-cb a:hover{color:#000000;background-color:#0000000d;}
.paging-wrap.paging-wrap-cb a.active{color:#000000;background-color:transparent;}
.explorer-actions .explorer-action .control-problem-badge{color:#ffffff;}
.explorer-actions .explorer-action:hover .control-problem-badge{color:#ffffff;}
.control-type-icon{width:14px;height:14px;flex-shrink:0;}
 #ui-datepicker-div{z-index:999999 !important;background-color:#ffffff !important;box-shadow:0 4px 16px #00000040;border-radius:6px;}
 /* .gallery-item (2026-09-07, zadano) - dlaha v Galerii (explorer.php::gallery_board()), stejna
   struktura jako .explorer-item (f fc aic jcc gap03 p2), ale VLASTNI velikost obrazku - .explorer-item
   img nuti vsechny <img> na 32x32 (ikonky stranek), coz by tady zdegradovalo 224px nahledy na
   nepouzitelne tecky. Zatim needitovatelne dlazdice (plain div, ne <a>) - zadny cursor:pointer/hover
   podtrzeni jako u klikacich .explorer-item odkazu. */
.gallery-item{flex:0 0 180px;width:180px;}
.gallery-item img{width:100%;height:140px;object-fit:cover;border-radius:6px;background-color:#f7f7f7;}
.gallery-item span{overflow-wrap:break-word;word-break:break-word;}
 /* .thumb-edit-btn (2026-09-07, zadano) - zelene kolecko s tuzkou "Upravit", stejny vzor jako
   existujici .thumb-del-btn (cervene, viz jc/flex.css:552), jen posunute pod nej (top:20px misto
   -8px - .thumb-del-btn zabira -8..16px, 4px mezera). Ikona reuse existujici im/icons/edit.svg
   (tmava tuzka) + filter:invert(1), stejny trik jako .thumb-del-btn's bily krizek. */
.thumb-edit-btn{position:absolute;top:20px;right:-8px;width:24px;height:24px;border-radius:50%;background-color:#43a047;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;transition:background-color 150ms linear;}
.thumb-edit-btn:hover{background-color:#2e7d32;}
.thumb-edit-btn img{width:14px;height:14px;filter:invert(1);}
/* .gallery-picker-overlay (2026-09-07, zadano) - cerne, poloprusvitny VETSI box-shadow, vse uvnitr
   white-on-black. Vklada se JAKO DITE .thumb-wrap (position:relative), takze top:100% sedi presne
   pod nahledem - obrazek samotny zustava viditelny nad panelem, presne zadano. */
.gallery-picker-overlay{position:absolute;top:100%;left:0;margin-top:8px;z-index:50;background-color:#000000;box-shadow:0 12px 40px rgba(0,0,0,0.55);border-radius:8px;padding:16px;min-width:320px;max-width:600px;max-height:400px;overflow-y:auto;color:#ffffff;}
.gallery-picker-overlay .gallery-item span{color:#ffffff;}
.gallery-picker-overlay .gallery-item-pick{cursor:pointer;text-decoration:none;border-radius:6px;transition:background-color 150ms linear;}
.gallery-picker-overlay .gallery-item-pick:hover{background-color:#1c1c1c;}
.gallery-picker-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background-color:#1c1c1c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;}
.gallery-picker-close:hover{background-color:#333333;}
.gallery-picker-close img{width:12px;height:12px;filter:invert(1);}
 /* .admin-lang-box / .admin-lang-btn (2026-10-09, multilanguage) - box CZ|EN jazyka obsahu v adminu (Session::admin_lang_box()), pasivni tlacitko = .box1, aktivni tyrkys + cerny text. */ .admin-lang-box{border:1px solid #dddddd;border-radius:9px;align-self:flex-start;} .admin-lang-btn{cursor:pointer;} .admin-lang-btn.active{background-color:#58ebd6;color:#000000;filter:none;}
 /* .win-autoload-layer (2026-10-09) - davkova obnova oken po prihlaseni (jc/fo.js): cerna polopruhledna vrstva pres celou stranku (blokuje kliky), bila cara progresu 0-100 %, pod ni "Nacteno X z Y oken"; mizi az po posledni davce. */ .win-autoload-layer{position:fixed;z-index:160000;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;cursor:wait;} .win-autoload-bar{width:320px;max-width:80%;height:2px;background-color:rgba(255,255,255,0.15);} .win-autoload-bar span{display:block;height:2px;width:0%;background-color:#ffffff;transition:width 300ms linear;} .win-autoload-count{color:#ffffff;font-size:13px;}
 /* .win-dissolve / .win-appear / .win-anim (2026-10-11, presunuto z casti 24 2026-10-12) - okna na Plose se pri otevreni/obnove zhmotni a pri zavreni/minimalizaci rozpusti (jc/fo.js winAppear/winDissolve) */
.win.win-dissolve{opacity:0;filter:blur(12px);transform:scale(0.97);pointer-events:none;transition:opacity 320ms ease,filter 320ms ease,transform 320ms ease;}
.win.win-appear{opacity:0;filter:blur(12px);transform:scale(0.97);}
.win.win-anim{transition:opacity 320ms ease,filter 320ms ease,transform 320ms ease;}


/* Client Admin */
 /* Klientsky admin (m=21-26, 2026-08-26) - WHITE ON BLACK, kompletne odliseno od zbytku eshopu i od
   Adm (win desktop) sekce. .fo2bl je invertovana kopie chovani .fo2 formularovych poli. */
body.client-admin-body{background-color:#0d0d0d;}
.client-menu-box{width:100%;background-color:#0d0d0d;border-bottom:1px solid #262626;}
.client-content-box{background-color:transparent;color:#ffffff;border-radius:6px;}
/* .but3-dark uvnitr .client-content-box (2026-09-07, nahlaseno hned po transparentnim boxu vys) -
   globalni .but3-dark{background-color:#101010} je urcena pro svetle stranky (silny kontrast na
   bilem pozadi) - tady, na temer cerne strance (#0d0d0d), splyvala s pozadim do neviditelna
   ("Sledovat objednavku"/"Reklamovat"/"Stahnout PDF"/"Ohodnotit" v Moje objednavky vypadaly jako
   holy text bez tlacitka). Scoped oprava - stejna barva, jakou drive melo samotne .client-content-box
   (#1c1c1c), ted funguje jako viditelny "zvednuty" povrch tlacitka. */
.client-content-box .but3.but3-dark{background-color:#1c1c1c;}
.client-admin-menu{padding:0 8px;}
.client-menu-link{color:#ffffff;padding:14px 16px 11px;border-bottom:3px solid transparent;transition:color 150ms linear,border-color 150ms linear;text-decoration:none;}
.client-menu-link:hover{color:#58ebd6;background-color:#111111;}
.client-menu-link.active{color:#58ebd6;border-bottom-color:#58ebd6;font-weight:700;}
.client-content-box a{color:#ffffff;}
.client-content-box a:hover{color:#58ebd6;}
.client-content-box .box5{border-bottom-color:#333333;}
.client-content-box .box1{color:#1b1b1b;}
.client-content-box .box5:nth-child(1){border-top-color:#333333;}
.client-empty{color:#aaaaaa;}
.client-dashboard-welcome{border-bottom:1px solid #333333;}
.client-dog-notstock-dot{width:20px;height:20px;border-radius:50%;background-color:#e53935;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.client-dog-notstock-dot img{width:12px;height:12px;}
.client-usd-email{color:#ffffff;}
.client-voucher-personal{border-left:3px solid #58ebd6;}
.rating-pick-row{cursor:pointer;transition:background-color 150ms linear;}
.rating-pick-row:hover{background-color:#1f1f1f;}
.star-filled{fill:currentColor;color:#f5a623;}
.login-switch-link{color:#bdbdbd;text-decoration:underline;}
.login-switch-link:hover{color:#58ebd6;}
.pw-meter-text{min-height:16px;}
.fo2bl .is-text,.fo2bl select,.fo2bl textarea{border:1px solid #444444;border-radius:6px;padding:10px 12px;font-size:14px;color:#ffffff;background-color:#1b1b1b;transition:all 200ms linear;}
.fo2bl .is-text::placeholder,.fo2bl textarea::placeholder{color:#888888;}
.fo2bl .is-text:hover,.fo2bl select:hover,.fo2bl textarea:hover{border-color:#666666;}
.fo2bl .is-text:focus,.fo2bl select:focus,.fo2bl textarea:focus{border-color:#58ebd6;box-shadow:0 0 0 3px #58ebd633;outline:none;}
.fo2bl button,.fo2bl .br3{padding:12px 16px;font-size:16px;font-weight:700;border-radius:6px;}
/* .fo2bl .iwrap (2026-09-07, zadano) - white-on-black verze .iwrap (label+input v jednom
   oramovanem poli, viz .fo2 .iwrap vys/jc/flex.css:274) pro klientsky admin (m=21-26, Moje udaje).
   color/border-color/background-color prevzaty 1:1 z existujicich .fo2bl .is-text hodnot (zadano
   nechat beze zmeny) - jen label + .size-wrap (pocitadlo znaku pod inputem) dostavaji novou barvu
   #aaaaaa (stejny odstin jako .client-usd-email/.client-empty vys - zavedena "tlumena" barva textu
   pro tenhle dark theme), aby nebyly cistě bile (moc svitici) ani prilis tmave/neciteni. */
.fo2bl .iwrap{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;border:1px solid #444444;border-radius:6px;background-color:#1b1b1b;padding-left:12px;overflow:hidden;transition:all 200ms linear;}
.fo2bl .iwrap:hover{border-color:#666666;}
.fo2bl .iwrap:focus-within{border-color:#58ebd6;box-shadow:0 0 0 3px #58ebd633;}
.fo2bl .iwrap label{color:#aaaaaa;white-space:nowrap;flex-shrink:0;}
/* Root-cause oprava zarovnani (2026-09-07, PREPSANO - puvodni fix byl margin-bottom:13px na labelu,
   ale to rozbilo E-mail box (label bez .size dostal marzi navic, hodnota bez .size ne -> label
   se posunul NAD hodnotu). Skutecna prfcina: globalni .size{margin-bottom:13px} (jc/flex.css)
   rezervuje misto pro pocitadlo v NEwrapped/sloupcovych kontextech - uvnitr radkoveho .iwrap je
   ale .size-wrap VZDY position:absolute (nikdy nezabira flow misto), takze ta marze je tu
   cisty balast, ktery jen kazi align-items:center. Nulovana primo u zdroje - zadny label ani
   hodnota uz nepotrebuje zadnou kompenzaci, funguje to univerzalne (i pro E-mail box, i pro
   budouci pole bez .size). */
.fo2bl .iwrap .size{margin-bottom:0;}
.fo2bl .iwrap .is-text,.fo2bl .iwrap select,.fo2bl .iwrap textarea{flex:1;min-width:0;border:0;border-radius:0;background-color:transparent;box-sizing:border-box;color:#ffffff;}
.fo2bl .iwrap .is-text:hover,.fo2bl .iwrap select:hover,.fo2bl .iwrap textarea:hover,.fo2bl .iwrap .is-text:focus,.fo2bl .iwrap select:focus,.fo2bl .iwrap textarea:focus{border-color:transparent;box-shadow:none;}
.fo2bl .size-wrap{color:#aaaaaa;}
/* pozice pocitadla JEN uvnitr radkoveho .iwrap (2026-09-07, zadano) - globalni .size-wrap
   (right:0;bottom:-1px) sedi na primem inputu/.iwrap-fc, ale v radkovem .iwrap (label+input
   vedle sebe) potrebuje vlastni odsazeni, aby nekolidoval s oramovanim boxu. */
.fo2bl .iwrap .size-wrap{right:8px;bottom:3px;}
/* E-mail box (2026-09-07, zadano) - staticky (needitovatelny) radek nahore v "Moje udaje"
   ted taky vizualne .iwrap, ale hodnota je proste div (ne input), takze potrebuje vlastni
   flex:1/min-width:0 hook - barva zustava puvodni .client-usd-email{color:#aaaaaa} beze zmeny. */
.fo2bl .iwrap .client-usd-email{flex:1;min-width:0;}
.client-usd-email-icon{width:14px;height:14px;flex-shrink:0;color:#ffffff;}
/* Povinne pole - hvezdicka (2026-09-07, zadano) - misto textu "(nepovinne)" u volitelnych
   poli, ted opacne: POVINNA pole dostavaji hvezdicku vpravo nahoru v .iwrap. Stejna vzdalenost
   od prava/shora jako .size-wrap ma zdola (8px/3px - zadano schvalne stejnou hodnotou pro vizualni
   symetrii). position:absolute vuci .iwrap - PUVODNE se spolehal jen na JS input_size() (nastavuje
   position:relative na .iwrap kvuli .size-wrap), ale "Stat" je povinny SELECT bez .size tridy, takze
   mu .iwrap zustal position:static a hvezdicka uletela nahoru na stranku (nahlaseno, opraveno) - .iwrap
   ma proto position:relative uz primo v zakladnim pravidle vys, nezavisle na JS.
   Barva zamerne tlumena cervena (#d97a7a), ne agresivni #e53935 pouzivane jinde pro chyby. */
.fo2bl .iwrap .iwrap-required{position:absolute;right:8px;top:3px;color:#d97a7a;font-size:14px;line-height:1;}
/* Souhlas se zasadami ochrany osobnich udaju (2026-09-07, zadano) - text vedle checkboxu jemne
   seda (stejna konvence jako .client-usd-email/.client-empty), odkaz bily+podtrzeny (globalni
   a{text-decoration:none} reset by ho jinak nechal bez podtrzeni) - NIKDY defaultni modra. */
.client-privacy-text{color:#aaaaaa;}
.client-privacy-link{color:#ffffff;text-decoration:underline;}
.client-privacy-link:hover{color:#58ebd6;}
.client-usd-delivery-heading{color:#ffffff;}
/* Info box nad formularem (2026-09-07, zadano) - globalni .info (jc/flex.css:1091) je
   svetly (bile pozadi, tmavy text) - tady white-on-black varianta, stejne barvy jako .fo2bl
   .is-text (border #444444, bg #1b1b1b). Ikonka '.info::before' (modry kolecko s 'i') zustava
   beze zmeny, uz je citelna na jakemkoliv pozadi. Scoped na .client-content-box (ne jen tenhle
   konkretni box), takze plati pro kazde budouci pouziti info() v klientskem adminu. */
.client-content-box .info{background-color:#1b1b1b;border-color:#444444;color:#ffffff;}
/* .fo2bl .iwrap-fc (2026-09-07, zadano) - white-on-black verze .iwrap-fc (label NAD obsahem,
   sloupcove, viz .fo2 .iwrap-fc vys/jc/flex.css:286) - stejny princip jako .fo2bl .iwrap vys
   (barvy prevzaty z .fo2bl .is-text, jen label dostava #aaaaaa). .easy-edit-wrap pravidla pro
   pripadne budouci pouziti inline editace v klientskem adminu (stejna parita jako .fo2 varianta). */
.fo2bl .iwrap-fc{display:flex;flex-direction:column;gap:8px;border:1px solid #444444;border-radius:6px;background-color:#1b1b1b;padding:10px 12px;overflow:hidden;transition:all 200ms linear;}
.fo2bl .iwrap-fc:hover{border-color:#666666;}
.fo2bl .iwrap-fc:focus-within{border-color:#58ebd6;box-shadow:0 0 0 3px #58ebd633;}
.fo2bl .iwrap-fc label{color:#aaaaaa;}
.fo2bl .iwrap-fc .easy-edit-wrap{border:0;border-radius:0;background-color:transparent;}
.fo2bl .iwrap-fc .easy-edit-wrap.active{border-color:transparent;box-shadow:none;}
.fo2bl .iwrap-fc .is-text,.fo2bl .iwrap-fc select,.fo2bl .iwrap-fc textarea{border:0;border-radius:0;background-color:transparent;padding:0;color:#ffffff;}
.fo2bl .iwrap-fc .is-text:hover,.fo2bl .iwrap-fc select:hover,.fo2bl .iwrap-fc textarea:hover,.fo2bl .iwrap-fc .is-text:focus,.fo2bl .iwrap-fc select:focus,.fo2bl .iwrap-fc textarea:focus{border-color:transparent;box-shadow:none;}
.client-content-box a.but3:not(.but3-dark):not(.but3-danger),.client-menu-box a.but3:not(.but3-dark):not(.but3-danger){color:#272727;}
.client-thumb{width:96px;height:96px;flex-shrink:0;border-radius:6px;overflow:hidden;background-color:#151515;}
.client-thumb img{width:100%;height:100%;object-fit:cover;}
.client-thumb-empty{color:#4a4a4a;}
.client-dog-row-hidden{border:1px solid #e53935;border-radius:6px;background-color:#e5393512;color:#ffffff;}
.client-rating-name{color:#ffffff;}
.client-rating-name-link{text-decoration:underline;}
.client-thumb.client-thumb-sm{width:64px;height:64px;}
.client-rating-type{color:#aaaaaa;}
.client-thumb-logo{padding:10px;}
.client-thumb-logo img{object-fit:contain;}
.client-status-dot-red{width:20px;height:20px;border-radius:50%;background-color:#e53935;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.client-status-dot-red img{width:12px;height:12px;}
 .reklamace-vada-wrap{display:none;} .reklamace-vada-wrap.open{display:flex;}
 .contributor-rank-box{flex:1 1 120px;background-color:#242424;border-radius:14px;min-width:0;}
 .client-content-box .client-voucher-row{background-color:#242424;border-radius:8px;border-bottom:none;}
 .client-voucher-heading{color:#58ebd6;}
 /* div-sel - zakladni chovani (2026-09-01) */
.div-sel-current{display:none;}
.div-sel-options{display:contents;}
 /* Sledovani objednavky (2026-09-30, go_live.md 1b) - SVETLA stranka (black on white), menu nahore zustava tmave.
   Casova osa .ot-step (.ot-done/.ot-current/.ot-future), cislo kroku v kruhu .ot-num, ikona .ot-ico (currentColor),
   stavy od dopravce .ot-sub jako podradky kroku Expedovano. Aktualni stav tyrkys #58ebd6, nedosazeny cely sedy. */
body.order-tracking-body{background-color:#ffffff;}
.order-tracking-box{color:#1b1b1b;}
.order-tracking-box a{color:#1b1b1b;}
.order-tracking-box a:hover{color:#1fa89a;}
.ot-dt{color:#6b6b6b;}
.ot-step{border-bottom:1px solid #eeeeee;}
.ot-step:last-child{border-bottom:none;}
.ot-num{width:44px;height:44px;min-width:44px;border-radius:50%;background-color:#6b6b6b;color:#ffffff;font-size:20px;line-height:1;}
.ot-ico{width:28px;height:28px;min-width:28px;color:#4a4a4a;}
.ot-ico-svg{width:28px;height:28px;display:block;}
.ot-current .ot-num{background-color:#58ebd6;}
.ot-current .ot-ico{color:#58ebd6;}
.ot-future{color:#b8b8b8;}
.ot-future .ot-num{background-color:#d9d9d9;}
.ot-future .ot-ico{color:#c8c8c8;}
.ot-sub{margin:0 0 12px 21px;padding-left:44px;border-left:2px solid #e3e3e3;}
.ot-logo{height:22px;width:auto;}
.ot-link{text-decoration:underline;}
.ot-ev{color:#6b6b6b;}
.ot-dot{width:10px;height:10px;min-width:10px;border-radius:50%;background-color:#c8c8c8;}
.ot-ev-current{color:#1b1b1b;font-weight:700;}
.ot-ev-current .ot-dot{background-color:#58ebd6;width:14px;height:14px;min-width:14px;}
.order-tracking-box .ai-i{background-color:#f2f2f2;color:#1b1b1b;}
.order-tracking-box .ai-i:hover{background-color:#ebebeb;color:#1b1b1b;}
.order-tracking-box .ai-i:focus{background-color:#e6e6e6;color:#1b1b1b;}
.order-tracking-lookup-box button{width:auto;}
@media (max-width:480px){.ot-num{width:32px;height:32px;min-width:32px;font-size:16px;}.ot-ico,.ot-ico-svg{width:22px;height:22px;min-width:22px;}.ot-sub{margin-left:15px;padding-left:20px;}}
 /* Okna (layer) s vyskou podle obsahu misto 100 % - Hodnoceni v portalu (P22) a Nastaveni cookies (P11), 2026-10-21 */
.layer.rating-layer .layer-body, .layer.gdpr-settings-layer .layer-body{height:auto;}


/* Product */
 /* closed */
.bg0{background-color:#272727;}
.bggr{background-color:#101010;}
.cs{color:#a3a3a3;}
.cgr{color:gray;}
.vh100{height:100vh;}
form.file{position:relative;}
form.file .loading-bar{width:100%;position:absolute;bottom:12px;left:12px;width:calc(100% - 24px);border-radius:5px;height:4px;background-color:#f1f1f1;}
form.file .loading-bar .bar{background-color:#03a9f4;border-radius:5px;height:4px;position:relative;}
form.file .loading-bar .bar b{position:absolute;bottom: 8px;left:0px;width:100%;display:block;text-align:center;font-size:7px;color:#848484;}
.input-file{border-radius: 4px;min-height: 54px;background:#303030 url(../im/icons/ico-upload.svg) no-repeat 12px center / 48px; position: relative; border: 2px dashed transparent; padding: 4px 16px 4px 75px; text-align: left;cursor: pointer;transition: .2s;}
.input-file.drag{border-color:#333;background:#f5f5f5}
.input-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.input-file.has-file{border-style:solid;}
.input-file label{color:#ffffff;font-size:13px;line-height:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;pointer-events:none;}
.add-item-row{position:relative;}
.size{margin-bottom:13px;}
.size-wrap{position:absolute;right:0px;bottom:-1px;font-size:10px;width:auto;}
.a-pas{position: absolute;right: 6px;top: 0px;bottom:12px;margin:auto 0px;width: 32px;height: 21px;background: transparent url(../im/icons/showpass_not.svg) no-repeat center center / 18px;}
.active > .a-pas{background-image: url(../im/icons/showpass.svg);}
body{padding:0;margin:0;border:0px;}
.tin{padding-left:10%;padding-right:10%;padding-left:calc(50% - 640px);padding-right:calc(50% - 640px);width:100%;}
.tin2{padding-left:10%;padding-right:10%;padding-left:calc(50% - 400px);padding-right:calc(50% - 400px);width:100%;}
div, span, strong, header, main, footer, section, article, aside, h1, h2, h3, h4, h5, h6, p, label, a, button, form{box-sizing:border-box;}
a{text-decoration:none;}
 /* loading */
.js-time-counter{font-size:20px;color:silver;}
.odpocet-wrap{position:relative;padding:36px;}
.odpocet{background:black;color:white;font-size:30px;width:80px;height:80px;padding:8px;overflow:hidden;display:flex;justify-content: center;align-items: center;border-radius:64px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
 /* bubbles */
.bubble{position:fixed;z-index:250;}
 /* layer */
.layer{position:fixed;z-index:150000;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.layer .layer-close{position:absolute;z-index:150001;top:0px;left:0px;width:100%;height:100%;background-color:#1111111a;cursor:pointer;}
.layer .layer-body{border:1px solid #cccccc;background-color:#ffffff;position:relative;z-index:150010;width:100%;height:100%;max-width:600px;max-height:80vh;flex-direction:column;justify-content:stretch;align-items:start;}
.layer .head{height:48px;border-bottom:1px solid #cccccc;}
.layer .head > span{}
.layer .head > .layer-close-button{}
.layer .content{overflow-x:auto;align-self:stretch;flex-direction:column;}
 /* is loading */
.is-loading{position:fixed;z-index:100500;top:0;left:0;width:100%;height:100%;background-color:#303030;background-color:#303030c7;display:flex;flex-direction: column;justify-content: center;align-items: center;}
.is-loading > span{display:flex;padding:42px 12px 12px 12px;background: transparent url(../im/icons/loading.svg) no-repeat center top / 50px;}
.is-loading > div.time-start{display:flex;}
.is-loading.is-loading-absolute{position:absolute;}
 /* IS GAL */
.is-gal{cursor:pointer;opacity:0.8;}
.is-gal:hover{opacity:1;}
.gal-layer{z-index:999999;background:rgba(33,33,33,.88);}
body.gal-open{overflow:hidden;touch-action:none;}
.gal-layer{position:fixed;left:0;top:0;width:100%;height:100dvh;padding:20px;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;-webkit-overflow-scrolling:touch;}
.gal-layer.is-visible{opacity:1;visibility:visible;pointer-events:auto;}
.gal-box{position:relative;width:100%;height:100%;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.gal-title{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;color:#fff;}
.gal-title-text{flex:1;min-width:0;text-align:center;font-size:18px;line-height:1.3;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gal-title-right{display:flex;align-items:center;gap:10px;}
.gal-close,.gal-nav,.gal-group-nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.08);-webkit-tap-highlight-color:transparent;box-sizing:border-box;}
.gal-pic-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;}
.gal-pic{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.gal-pic img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;-webkit-user-drag:none;user-select:none;pointer-events:none;}
.gal-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px;}
.gal-group-nav{min-width:170px;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gal-box{position:relative;}
.gal-side-nav{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:20;}
.gal-side-nav > *{    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 14px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 10px;
    background: rgba(255, 255, 255, .08);
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;}
.gal-side-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;text-decoration:none;}
table,tr,td{vertical-align: top;}
.layer-prompt-image-detail .layer-body{ max-width: 90%;}
.layer .is-loading{z-index:255000;}
@media(max-width:767px){
    .gal-layer{padding:12px;}
    .gal-box{gap:10px;}
    .gal-title{gap:8px;align-items:flex-start;flex-wrap:wrap;}
    .gal-title-text{order:3;width:100%;font-size:16px;white-space:normal;}
    .gal-title-right{margin-left:auto;}
    .gal-close,.gal-nav,.gal-group-nav{min-height:42px;padding:0 12px;font-size:14px;}
    .gal-group-nav{min-width:0;flex:1;max-width:none;}
    .gal-bottom{gap:10px;}
}
.icosh20px{height:64px;}
.icosh1{height:16px;}
.icosh24px{height:24px;}
.icosh2{height:32px;}
.icosh3{height:48px;}
.icosh4{height:64px;}
 /* ESHOP (produkt) */
.box1{background-color:#ffffff;border-radius:9px;filter:contrast(0.92);border:1px solid transparent;transition: all 200ms linear;}
.box1 *{color:#000000;}
.box1:hover, .box1.active{filter:contrast(1);border:1px solid #0000002a;}
.box2{background-color:#ffffff;border-radius:9px;filter:contrast(1);border:1px solid #0000002a;transition: all 200ms linear;}
.box2 *{color:#000000;}
.box2:hover, .box2.active{filter:contrast(0.92);border:1px solid transparent;}
.box2-bg{background-color:#ffffff;border-radius:9px;border:1px solid #0000002a;}
.box3{background-color:#000000;border-radius:9px;border:1px solid transparent;transition: all 200ms linear;}
.box3 *{color:#ffffff;}
.box3:hover{background-color:#2a2a2a;}
.box3.active{background-color:#FFA07A;filter:contrast(1);border:1px solid #0000002a;}
.box3.active *{color:#000000;}
.box3.active .icon-invert{filter:none;}
.box1.nh:hover{filter:contrast(0.92);border:1px solid transparent;}
.box2.nh:hover{filter:contrast(1);border:1px solid #0000002a;}
.box3.nh:hover{background-color:#000000;}
.icon-invert{filter:invert(1);}
.img-slide{position:relative;}
.img-slide .img-wrap{background:#ffffff;transition: all 200ms linear;}
.img-slide .img-wrap:nth-child(1){position:relative;}
.img-slide .img-wrap:nth-child(2){opacity:0;position:absolute;z-index:10;}
.img-slide .img-wrap:hover:nth-child(2){opacity:1;}
.img-slide .img-wrap img{max-width:100%;}
.stock-pcs-info{}
.cg{color:#43a047;}
.cr{color:red;}
.co{color:orange;}
.cgr{color:gray;}
.cb{color:#272727;}
.cw{color:#ffffff;}
.bgbl{background-color:#11aaff;}
.tag{text-transform:uppercase;font-size:11px;font-weight:700;border:none;}
.tag *{color:inherit;}
.tag-new{background-color:transparent;color:#0d84c9;}
.lt{text-decoration: line-through;}
h1{font-size:36px;letter-spacing: -0.03em;}
.img-abs-wrap{position:relative;padding-top:100%;}
.img-abs-wrap .img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
.square-wrap .img-abs-wrap{display:none;}
.square-wrap .img-abs-wrap:nth-child(1){display:flex;}
.gallery-count-badge{position:absolute;bottom:12px;right:12px;min-width:28px;height:28px;padding:0 6px;border-radius:50%;background-color:#dddddd;color:#000000;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.box4{background:linear-gradient(135deg,rgba(255,255,255,0.96),rgba(225,225,225,0.92));border-radius:48px;white-space:nowrap;}
.box4.box4{color:#272727;}
.un{text-decoration:underline;}
.smoke-bg-white{background-image:url(../im/icons/smoke.jpg);background-position:center center;background-size:100%;background-repeat:no-repeat;border:1px solid #f1f1f1;}


/* Category */
 /* main */
main{min-height:55vw;}
 /* input radio/checked anchor active */
.ch{position:relative;display:flex;padding-left:30px;cursor:pointer}
.ch input{position:absolute;opacity:0;left:0;top:0}
.ch:before{content:'';position:absolute;left:0;top:50%;width:21px;height:21px;border:2px solid #4e4e4e;border-radius:4px;transform:translateY(-50%);box-sizing:border-box;background:#4e4e4e}
label.ch:has(input[type=radio]):before{border-radius:50%}
.ch:after{content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%);opacity:0;box-sizing:border-box}
label.ch:has(input[type=checkbox]:checked):before,label.ch:has(input[type=radio]:checked):before,a.ch.active:before{background:#58ebd6;border-color:#58ebd6}
label.ch:has(input[type=checkbox]:checked):after{width:7px;height:12px;border:3px solid #303030;border-top:0;border-left:0;transform:translateY(-60%) rotate(45deg);opacity:1}
label.ch:has(input[type=radio]:checked):after{width:11px;height:11px;background:#000000;border-radius:50%;opacity:1;box-shadow: 0px 0px 5px 1px #000000b8;}
 /* ESHOP (kategorie) */
.hidden-filter{opacity: 0.75;}
.paging-wrap{justify-content: center; gap:8px;}
.paging-wrap nav{gap:4px;}
.paging-wrap a{min-width:32px;height:32px;border-radius:32px;justify-content: center;align-items: center;text-align: center;font-size:16px;color:#9e9e9e;}
.paging-wrap a:hover{}
.paging-wrap a img{width:16px;height:16px;}
.paging-wrap nav:empty{display:none;}
.paging-wrap a.active{font-weight:900;margin:0px 4px;color:#000000;}
.subcat-menu{}
.subcat-menu a{background-color:#ffffff;background:linear-gradient(90deg, #ffffff 75%, #f2f2f2);}
.subcat-menu a img{}
.subcat-menu a span{font-weight:700;white-space: nowrap;text-transform: uppercase;}
.subcat-more-toggle{color:#000000;font-weight:700;}
.subcat-more-toggle .subcat-more-icon{transition:transform 200ms linear;transform:rotate(90deg);}
.subcat-more-toggle.active .subcat-more-icon{transform:rotate(270deg);}
.subcat-more-toggle .label-less{display:none;}
.subcat-more-toggle.active .label-more{display:none;}
.subcat-more-toggle.active .label-less{display:inline;}
.wsn{white-space: nowrap;}
.tc{text-align:center;}
.noneactive{display:none;}
.noneactive.active{display:flex;}
.desc-collapse{position:relative;max-height:64px;overflow:hidden;transition:max-height 300ms linear;}
.desc-collapse:after{content:'';position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #ffffff 100%);pointer-events:none;transition:opacity 200ms linear;}
.desc-collapse.active{max-height:1000px;}
.desc-collapse.active:after{opacity:0;}
.desc-collapse.desc-fits:after{display:none;}
.maxh244{max-height:300px;min-height:280px;}
.filter-relative-wrap{position:relative;background:#ffffff;border:1px solid #f1f1f1;}
.filter-part{right:0px;display:none;background-color:#ffffff;position:absolute;width:max-content;top:0px;bottom:0px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.filter-part.active{display:flex;width:25vw;}
.filter-menu{width:25vw;margin-right:25vw;}
.filter-menu .filter-menu-item{color:#4e4e4e;transition:all 200ms linear;padding:8px 20px 8px 20px;;}
.filter-menu .filter-menu-item.active{color:#000000;font-weight:900;position:relative;background-color:#ffffff;}
.filter-menu .filter-menu-item.active:after{content:'>';display:flex;justify-content: center;align-items:center;text-align:center;width:20px;height:20px;position:absolute;top:0;bottom:0;right:16px;margin:auto 0px;}
.static-layer{z-index:7000;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#1111111a;cursor:pointer;}
.static-layer-closer{z-index:7001;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#1111111a;cursor:pointer;}
.static-layer-content{z-index:7002;background-color:#ffffff;}
.static-layer-content{max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.static-layer .head{}
.static-layer .bottom{}
.range-slider{position:relative;}
.range-slider:after{content:'';display:block;position:absolute;top:0;bottom:0;left:0p;right:0;height:1px;width:100%;background:#000000;margin:auto 0px;z-index:1;}
.ui-slider .ui-slider-range{z-index:2;}
.ui-slider .ui-slider-handle{z-index:3;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-slider .ui-slider-range, .ui-state-default, .ui-widget-content .ui-state-default{border: 1px solid #000000;background: #000000;font-weight: normal;color: #ffffff;border-radius: 16px;}
.ui-widget.ui-widget-content{border: 1px solid transparent;}
.ui-widget-content{ border: 1px solid transparent; background: transparent;color: #000000;}
.ui-slider .ui-slider-range{height: 3px;top: 0px;bottom: 0px; margin: auto 0px;}
.filter-count{position:absolute;right:4px;top:0px;bottom:0px;margin:auto 0px;padding:4px 4px 2px;background:#f3f3f3;border-radius:16px;font-size:11px;color:#959595;text-align:center;align-self:center;}
.layer-menu{list-style:none;padding:0px;margin:0px;position:relative;}
.layer-menu.layer-1{}
.layer-menu.layer-1 > li{position:relative;z-index:999;}
.layer-menu li.active > a, .layer-menu .actual > a, .layer-menu li.active > .cat-row, .layer-menu .actual > .cat-row{position:relative;filter: contrast(1);border: 1px solid #0000002a;}
.layer-menu li.active.has-sub > a, .layer-menu li.active.has-sub > .cat-row{border-color: #ffffff;border-radius: 0px;border-left: 1px solid #0000002a;border-top: 1px solid #cccccc;}
.cat-menu-arrow{width:32px;min-height:32px;flex-shrink:0;background-image:url(../im/icons/ico-cat-arrow.svg);background-repeat:no-repeat;background-position:center center;background-size:6px;cursor:pointer;}
.cat-row.box2:hover{filter: contrast(1);border: 1px solid #959595;border-bottom: 0;}
.cat-menu-closer{display:none;z-index:900;}
.cat-menu-closer.active{display:block;}
.layer-menu.layer-2{z-index:7000;display:none;position:absolute;top:0px;left:100%;width:100%;max-height:60vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;border-radius: 0px 9px 9px 9px;background-color:#ffffff;}
li.active .layer-2{display:flex;padding:12px;border: 1px solid #0000002a;border-left: 0px;box-shadow: 9px 9px 24px -26px #000000;}
.is-full .layer-2{flex-direction:row;flex-wrap:wrap;width:200%;align-items: start;}
.is-full .layer-2 > li{flex: 1 1 200px;width:auto;}
.layer-menu .actual > a{border:1px solid #000000; }
.border-radius-first-last-9 > * > a, .border-radius-first-last-9 > * > .cat-row{border-radius:0px 0px 0px 0px;border-bottom:1px solid #cccccc;}
.border-radius-first-last-9 > *:nth-child(1) > a, .border-radius-first-last-9 > *:nth-child(1) > .cat-row{border-radius:9px 9px 0px 0px;}
.border-radius-first-last-9 > *:nth-last-child(1) > a, .border-radius-first-last-9 > *:nth-last-child(1) > .cat-row{border-radius:0px 0px 9px 9px;}
.border-radius-first-last-9 > * > a, .border-radius-first-last-9 > * > .cat-row{border-bottom:0px;}
.border-radius-first-last-9 > *:nth-last-child(1) > a, .border-radius-first-last-9 > *:nth-last-child(1) > .cat-row{border-bottom:1px solid #cccccc;border-radius:0px 0px 9px 9px;}
.search-wrap{z-index:6960;background:#ffffff;position:absolute;top:100%;left:0px;width:100%;box-shadow: 0px 27px 27px -43px #000000;}
.search-parts{max-height:75vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;margin-bottom:32px;}
.search-part{}
.search-row .price-row{ padding-right:20px; }
.search-row .sale{ padding:4px;font-size:12px;font-weight:400;order:100; }
.search-row .img-slide{width:48px;height:48px;flex-shrink:0;}
.search-row .img-wrap{width:100%;height:100%;}
.search-row .img-wrap img{width:100%;height:100%;object-fit:contain;}
.ico-search-gray{background: transparent url(../im/icons/ico-search-gray.svg) no-repeat right 12px center / 32px; padding-right:46px;cursor:pointer;}
.bl-i{border:0px;background-color:#252525;color:#bbbbbb;transition:all 200ms linear;}
.bl-i:hover{background-color:#353535;color:#ffffff;}
.bl-i:focus{background-color:#454545}
.ico-user-w{background-image: url(../im/icons/ico-user-w.svg);background-repeat:no-repeat;background-position: 6px center;background-size:32px;padding-left:42px;}
.ico-menu{background-image: url(../im/icons/ico-menu-w.svg);background-repeat:no-repeat;background-position: 6px center;background-size:32px;padding-left:42px;}
.ico-filter{background-image: url(../im/icons/ico-filter.svg);background-repeat:no-repeat;background-position: 6px center;background-size:32px;padding-left:42px;}
.but3.ico-filter{font-weight:700;}
.ico-order{background-image: url(../im/icons/ico-order.svg);background-repeat:no-repeat;background-position: 6px center;background-size:32px;padding-left:42px;}
.order-box a{color:#000000;}
.shop-breadcrumbs{}
.shop-breadcrumbs a{text-decoration:underline;color:#888888;background-image: url(../im/icons/ico-bc.svg);background-repeat:no-repeat;background-position: right 6px center;background-size:24px;padding-right:42px;}
.shop-breadcrumbs a:hover{color:#000000;}
.shop-breadcrumbs a:nth-child(1):before{content:'';background-image: url(../im/icons/ico-home.svg);background-repeat:no-repeat;background-position: center center;background-size:32px;width:42px;height:42px;}
.shop-breadcrumbs a:nth-last-child(1){background:transparent;text-decoration:none;color:#000000;}
.empty-close{padding: 12px; text-align: center;align-items: center;justify-content: center;font-size: 20px;margin: 12px 0px;border: 3px dashed #f1f1f1;border-radius: 16px;font-weight: 900;text-transform: uppercase;cursor: pointer;}
.shop-menu a{color:#888888;}
.shop-menu a.active{color:#ffffff;}
.shop-menu{position:relative;z-index:6000;height:300px;background-image:url(../im/icons/bgmenu.jpg);background-repeat:repeat-x;background-position:center top;background-size:2000px 300px;background-attachment:fixed;}
.bgbl{background-color:#272727;}
.multimenu-close{display:none;}
.hamburger-btn{display:none;width:32px;height:32px;background-image:url(../im/icons/ico-menu-w.svg);background-repeat:no-repeat;background-position:center center;background-size:36px;cursor:pointer;flex-shrink:0;}
.fixed-menu.fixed-menu.fixed-menu{position:fixed;top:0;left:0;right:0;transform:translateY(0);transition:transform 260ms ease;box-shadow:0px 10px 27px -2px #00000091, 0px 10px 4px 2px #00000012;}
.fixed-menu.fixed-menu.is-scrolling{transform:translateY(-100%);}
.butbs{box-shadow: 0px 12px 10px -15px #000000;}
.order-box-fixed{position:fixed;left:0;right:0;z-index:5000;background-color:transparent;transform:translateY(0);transition:transform 260ms ease, top 260ms ease;padding-top:6px;padding-bottom:6px;}
.order-box-fixed.is-scrolling{transform:translateY(-100%);}
.shop-menu:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-image:url(../im/icons/bgmenu1.jpg);background-repeat:no-repeat;background-position:center top;background-size:2000px 300px;background-attachment:fixed;}
.shop-menu > .shop-mainmenu{position:relative;z-index:6970;}
/* Minimalni hlavicka mimo kategorii (2026-09-09, zadano) - .shop-menu ma jinak natvrdo 300px vysku +
   dva cowboy/prerie background-image vrstvy (bgmenu.jpg + :before's bgmenu1.jpg), sitewide pro VSECHNY
   stranky pouzivajici shop/header.xml. `menu()` (shop.php) tuhle znacku pridava jen kdyz $this->u->m
   NENI 102 (kategorie) - `:has()` selektor (uz pouzity jinde v projektu, viz .qty-box:has(.nice-i))
   umoznuje reagovat na PHP-rizenou tridu potomka bez nutnosti menit staticky header.xml. */
.shop-menu:has(.shop-mainmenu-minimal){height:auto;background-image:none;}
.shop-menu:has(.shop-mainmenu-minimal):before{display:none;}
/* Bez banner-obrazku (vyse) nema hlavicka v klidovem (nescrollovanem) stavu zadny vlastni background -
   normalne ji zajistoval cowboy banner pod bilym textem/logem, jinak by byly bile na bile strance
   (nahlaseno zive - text/logo prakticky zmizely nez uzivatel zacal scrollovat). Zamerne VLASTNI barva,
   NE trida `.bgbl` primo (jc/fo.js's update_fixed() dela na `.shop-mainmenu`u `removeClass('bgbl
   fixed-menu')` pri odscrollovani zpet nahoru - kdyby `bgbl` byla natvrdo v HTML, JS by ji tim smazal). */
.shop-mainmenu-minimal{background-color:#272727;}
.header-contact{position:relative;z-index:6950;}
.main-menu a{color:#888888;text-transform:uppercase;font-size:12px;letter-spacing:0.08em;}
.main-menu a.active{color:#ffffff;}
.main-menu a:hover{color:#aaaaaa;}

.main-menu a,.shop-menu a{color:#ffffff82;}
.main-menu a:hover{color:#ffffff;}
.bl-i{background-color:#25252563;}
.bl-i::placeholder{color:#999999;}
.shop-mainmenu.fixed-menu .bl-i{background-color:#7e7e7e63;color:#f2f2f2;}
.shop-mainmenu.fixed-menu .bl-i::placeholder{color:#e8e8e8;}
.visible-from-1080{display:none;}
.visible-from-800{display:none;}
.shop-menu .but3{color:#272727;}
.header-account-text.account-logged-in{color:#58ebd6;}
.banner-slider-wrap{position:relative;}
.banner-slider{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:2%;}
.banner-slider::-webkit-scrollbar{display:none;}
.banner-slider-h{flex-direction:row;}
.banner-slider-v{overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;flex-direction:column;}
.banner-slide{flex:0 0 49%;flex-shrink:0;scroll-snap-align:start;}
.banner-slide-img{width:100%;height:auto;display:block;border-bottom:6px solid transparent;}
.banner-slide.active .banner-slide-img{border-color:#58ebd6;}
.banner-slider-dot{width:8px;height:8px;border-radius:50%;background-color:#d9d9d9;cursor:pointer;}
.banner-slider-dot.active{background-color:#58ebd6;}
.banner-slider-arrow{cursor:pointer;flex-shrink:0;}
.banner-slider-prev{transform:scaleX(-1);}
.currency-switch-item{color:#ffffff82;text-decoration:none;}
.currency-switch-item:hover{color:#ffffff;}
.currency-switch-item.active{color:#58ebd6;font-weight:700;}
.shop-menu:has(.cat-slide):before{background-image:url(../im/icons/bgmenu1-empty.jpg);}
.cat-slide{position:absolute;left:50%;top:56px;z-index:20;width:520px;max-width:calc(100% - 32px);transform:translateX(-50%);}
.cat-slide .banner-slider{gap:0;}
.cat-slide-item{flex:0 0 100%;}
.cat-slide-img{height:auto;flex-shrink:0;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.45));user-select:none;}
.cat-slide-info{color:#ffffff;text-shadow:0 1px 3px rgba(0,0,0,0.8);}
.shop-menu .cat-slide-name{color:#ffffff;}
.cat-slide .price-row{padding-left:0;}
.cat-slide .price-row .cgr{color:#e6e6e6;}
.cat-slide .banner-slider-dots{padding-top:2px;}
.admin-to-explorer{top:33px;left:12px;z-index:6980;}


/* Cart */
 /* chyba */
.chyba{background-color:#ffffff;border-radius:9px;border:1px solid #dddddd;padding:16px 16px 16px 52px;color:#333333;position:relative;}
.chyba::before,.chyba::after{content:'';position:absolute;left:20px;top:50%;width:16px;height:3px;margin-top:-1.5px;background-color:#e53935;border-radius:2px;}
.chyba::before{transform:rotate(45deg);}
.chyba::after{transform:rotate(-45deg);}
.ai .chyba::before,.ai .chyba::after{content:none;}
 /* info */
.info{background-color:#ffffff;border-radius:9px;border:1px solid #dddddd;padding:16px 16px 16px 52px;color:#333333;position:relative;}
.info::before{content:'i';position:absolute;left:18px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background-color:#26c6da;color:#ffffff;font-size:13px;font-weight:700;font-style:italic;line-height:20px;text-align:center;}
 /* quick-cart layer */
.layer.quick-cart-layer .layer-body{max-width:900px;}
.quick-cart-layer-content .img-wrap img{max-width:100%;}
 /* uspech */
.uspech{background-color:#ffffff;border-radius:9px;border:1px solid #dddddd;padding:16px 16px 16px 52px;color:#333333;position:relative;}
.uspech::before{content:'';position:absolute;left:20px;top:50%;width:12px;height:7px;margin-top:-6px;border-left:3px solid #43a047;border-bottom:3px solid #43a047;transform:rotate(-45deg);}
 /* nice row */
.nice-i{border:1px solid #cccccc;border-radius:4px;transition:border-color 150ms linear, box-shadow 150ms linear;}
.nice-i:hover{border-color:#999999;}
.nice-i:focus{border-color:#000000;outline:none;box-shadow:0 0 0 3px #1e88e559;}
.qty-box:has(.nice-i) .qty-minus,.qty-box:has(.nice-i) .qty-plus{background-color:#000000;color:#ffffff;border:0;border-radius:4px;cursor:pointer;}
.qty-box:has(.nice-i) .qty-minus:hover,.qty-box:has(.nice-i) .qty-plus:hover{background-color:#2a2a2a;}
.qty-box input.qty{width:50px;text-align:center;}

select.nice-i{background-image:url(../im/icons/ico-select-arrow.svg);background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:32px;}
 /* icos */
.ico-m300-w{background-image: url(../im/icons/ico-image-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-m301-w{background-image: url(../im/icons/ico-projects-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-m303-w{background-image: url(../im/icons/ico-m303-w.svg);background-repeat:no-repeat;background-position: 4px center;background-size:18px;padding-left:29px;}
.ico-mask-r{border: 1px solid #ff0000; background-color: #ff979712;background-image: url(../im/icons/ico-mask-r.svg);background-repeat:no-repeat;background-position: 4px center;background-size:36px;padding-left:46px;}
.ico-mask-g{background-image: url(../im/icons/ico-mask-g.svg);background-repeat:no-repeat;background-position: 4px center;background-size:36px;padding-left:46px;}
.but3{ line-height:1;transition:all 250ms linear; }
.but3{border:0px;background-color:#58ebd6;color:#272727;cursor:pointer;}
.but3:hover{background-color:#009688;color:#ffffff;}
.but4{ font-weight:500;line-height:1;transition:all 250ms linear; }
.but4{border:0px;background-color:#ff9800;color:#000000;cursor:pointer;}
.but4:hover{background-color:#000000;color:#ffffff;}
.ai{background-color:#212121;color:#ffffff;letter-spacing: 0.05em;}
.ai main{background-color:#212121;}
.ai .layer-body{border:0px;background-color:#212121;color:#ffffff;}
.ai .layer .head{ border:0px;box-shadow: inset 0px -22px 19px -10px #000000; }
.ai-a{color:#ffffff;transition:all 150ms ease-out;}
.ai-a.active{background-color:#24262b;}
.ai-a:hover{background-color:#303030;}
.ai-i{background-color:#303030;color:#9d9d9d;border:0px;transition:all 150ms ease-out;}
.ai-i > option{background-color:#303030;color:#9d9d9d;border:0px;transition:all 150ms ease-out;}
.ai-i:hover{background-color:#393939;color:#9c9c9c;}
.ai-i:focus{background-color:#444444;color:#ffffff;}
.ai .chyba{ background-color: #7b1e1e; border-radius: 6px; border: 1px solid #291f1f; padding: 9px;}
.ai .layer-close{background-color: #53717e3b;}
.ai .but3{padding: 11px 19px;border-radius:19px;}
 /* cart - sloupce cart_item_row() maji pevnou sirku napric vsemi radky (sjednoceno napric radky) */
.cart-item-qty{width:160px;}
.cart-item-price{width:160px;}
.cart-item-total{width:128px;}
.cart-item-remove{width:64px;justify-content:center;}
.cart-nav-current{display:none;}
.cart-item-name{min-width:40%;}
.cart-item-price{align-items:flex-end;}
.premium-packaging-option.active{border-color:#43a047;}
.premium-packaging-option{cursor:pointer;}
.cart-left-wrap{width:333px;}
 /* ai loading */
div, section, main, header, nav, span, strong, footer, aside{box-sizing: border-box;}
 .voucher-panel-wrap{flex-wrap:wrap;}


/* Session extras 2026-07 */
 /* static/footer demo (2026-07-14) */
.footer-link{transition:color 150ms linear;color:#ffffff82;}
.footer-link:hover{color:#ffffff;}
.footer-map{display:block;width:100%;}
.footer{background-color:#000000;background-image:url(../im/icons/bgmenu.jpg);background-repeat:repeat-x;background-position:center bottom;background-size:cover;}
/* share button (2026-07-16) */
.share-dropdown{top:100%;right:0;margin-top:4px;display:none;background-color:#ffffff;border-radius:9px;border:1px solid #0000002a;padding:8px;z-index:1000;min-width:160px;box-shadow:0px 9px 24px -12px #00000040;}
.share-dropdown.active{display:flex;}
.share-link{padding:6px 8px;border-radius:6px;transition:background-color 150ms linear;}
/* .share-link je uvnitr .shop-breadcrumbs (dedi text-decoration/color/sipka-ikonu/domecek z .shop-breadcrumbs a*),
   trojite zdvojena trida vynuti specificitu (0,3,x), spolehlive vyhraje nad (0,2,x)/(0,2,2) bez ohledu na poradi. */
.share-link.share-link.share-link{text-decoration:none;color:#272727;background-image:none;padding:6px 8px;}
.share-link.share-link.share-link:hover{color:#272727;background-color:#f2f2f2;}
.share-link.share-link.share-link:before{content:none;}
/* account menu (2026-07-16) */
.account-dropdown{top:0;right:0;margin-top:4px;display:none;background-color:#ffffff;border-radius:9px;border:1px solid #0000002a;padding:8px;z-index:1000;min-width:180px;box-shadow:0px 9px 24px -12px #00000040;}
.account-wrap:hover .account-dropdown{display:flex;}
.account-link{padding:6px 8px;border-radius:6px;transition:background-color 150ms linear;}
/* .account-link je uvnitr .shop-menu (dedi color z .shop-menu a / .main-menu a,.shop-menu a) - trojite
   zdvojena trida vynuti dostatecnou specificitu, stejny princip jako u .share-link. */
.account-link.account-link.account-link{text-decoration:none;color:#272727;background-image:none;padding:6px 8px;}
.account-link.account-link.account-link:hover{color:#272727;background-color:#f2f2f2;}
/* .header-account-box neni <a> (jen hover-trigger div), takze nededi barvu z .shop-menu a
   jako header-cart-box (ktery <a> porad je) - musi mit stejnou pruhlednou bilou natvrdo. */
.header-account-box{color:#ffffff82;}
/* .header-cart-total (2026-09-04, oprava) - stejny duvod jako .header-account-box vys (dedi barvu z
   .shop-menu a / <a>), ale predchozi oprava skoncila omylem jen uvnitr media queries (mobile ≤767px a
   ≤1280px) - na bezne desktopove sirce se vubec neuplatnila a prosvitala default barva odkazu. Zakladni
   (ne breakpoint-scoped) pravidlo, plati na VSECH sirkach. */
.header-cart-total{color:#888888;}
.header-cart-total.cart-has-items{color:#58ebd6;}
/* breadcrumbs collapse (2026-07-28) */
.bc-toggle{display:none;}
.bc-middle{display:contents;}
/* breadcrumbs dropdown items (2026-07-28) - stejny trik jako .share-link/.account-link vyse: trojita trida
   vynuti specificitu (0,3,x), bezpecne prebije zdedene .shop-breadcrumbs a (sipka/podtrzeni) i :nth-child(1):before
   (domecek) bez ohledu na to, ze prvni polozka v .bc-middle je zaroven :nth-child(1) sveho vlastniho rodice. */
.bc-link.bc-link.bc-link{text-decoration:none;color:#888888;background-image:none;padding:6px 8px;border-radius:6px;transition:background-color 150ms linear;}
.bc-link.bc-link.bc-link:hover{color:#000000;background-color:#f2f2f2;}
.bc-link.bc-link.bc-link:before{content:none;}
/* bottom-icon-menu skryto defaultne (2026-07-28) - mobil_480 ho ukaze (fr_480 nese sve vlastni display:flex) */
.bottom-icon-menu{display:none;}
/* order-paging-row: text se nesmi orizavat (2026-07-28) - wrap misto shrink+clip, tlacitka a form si drzi vlastni obsahovou sirku */
.order-paging-row > a{flex-shrink:0;}
.order-form{flex-shrink:0;}
 /* stock_dog (2026-07-14) */
.but3-red{background-color:#d32f2f;color:#ffffff;}
.but3-red:hover{background-color:#b71c1c;}
.but3-red span{color:#ffffff;}
 /* GIFT (2026-07-14) */
.gift-item{flex:1 1 150px;max-width:200px;text-align:center;}
.gift-item .gift-item-img{margin:0 auto;}
 .smoke-layer{position:fixed;inset:0;width:100%;height:100%;z-index:500;pointer-events:none;opacity:0;background-color:rgba(16,16,16,.9);transition:opacity .2s ease;}
.smoke-layer.active{opacity:1;}
.smoke-layer.no-fade{transition:none;}
.smoke-dot{fill:#c0c0c0;opacity:0;animation:smoke-rise 1.4s ease-in-out infinite;}
@keyframes smoke-rise{0%{opacity:0;transform:translateY(0);}15%{opacity:.5;}55%{opacity:.22;}100%{opacity:0;transform:translateY(-46px);}}
@media (prefers-reduced-motion: reduce){.smoke-dot{animation:none;opacity:0;}}
 /* GDPR banner (2026-08-28) + lista 18+ (2026-10-20, go_live W22) - spolecny fixed blok .consent-stack, 18+ nad GDPR, po zmizeni GDPR spadne dolu */
.consent-stack{position:fixed;left:16px;right:16px;bottom:16px;z-index:100000;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:8px;}
.gdpr-banner{box-shadow:0 4px 24px #00000040;}
.age-banner{background-color:#101010;color:#ffffff;border-radius:9px;box-shadow:0 4px 24px #00000040;}
.age-banner .age-yes{background-color:#2e9e4f;color:#ffffff;}
.age-banner .age-yes:hover{background-color:#27863f;color:#ffffff;}
.age-banner .age-no{background-color:#6b6b6b;color:#ffffff;}
.age-banner .age-no:hover{background-color:#5a5a5a;color:#ffffff;}
.age-block{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0d0d0df2;z-index:-1;}
 .product-rating-more{text-decoration:underline;}
 /* account menu - click/tap fallback (2026-09-01) */
.account-dropdown.active{display:flex;}
 /* tyrky-shadow (2026-09-01) */
.tyrky-shadow{box-shadow:0 12px 32px -4px #58ebd6cc;}
 /* .hp-field (2026-10-12, bezpecnostni audit S19) - honeypot pole v registraci: mimo obrazovku (ne display:none, ten roboti preskakuji) */ .hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}


/* mobil_1280 */
@media (max-width: 1280px) {  /* .tin/.tin2 calc() padding jde pod 1280px do zaporna (=0) - prepis na pevny padding */
.tin{padding-left:32px;padding-right:32px;}
.tin2{padding-left:32px;padding-right:32px;}
 .gap3_1280{gap:18px;}
.p1_1280{padding:4px;}
.m8r_1280{margin-right:32px;}
.chp2_1280 > *{padding:8px;}
.currency-switcher{flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0000005a;padding:3px 8px;border-radius:12px;gap:0;}
.p0_1280{padding:0px;}
.header-cart-total{white-space:nowrap;}
.main-menu a{white-space:nowrap;}
.header-account-icon{height:32px;}
 }

/* mobil_1080 */
@media (max-width: 1080px) {  .hamburger-btn{display:flex;}
.main-menu{display:none;}
.main-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;width:80%;margin-top:8px;margin-left:10%;margin-right:10%;background-color:#000000;padding:12px;border-radius:9px;z-index:6500;}
.main-menu.active li{width:100%;}
.main-menu.active a{display:block;padding:8px 12px;}
.main-menu.active *{color:#ffffff;}
.logo img{height:40px;}
.shop-mainmenu form.fo{width:56px;overflow:hidden;transition:width 200ms ease;flex-shrink:0;}
.shop-mainmenu form.fo:focus-within{position:absolute;left:0;right:0;top:0;bottom:0;z-index:6800;background-color:#000000;display:flex;align-items:center;padding:12px;overflow:visible;width:auto;}
.p0r_1080{padding-right:0px;}
.visible-from-1080{display:flex;}
 body, * {font-size: 13px; } 
 /* div-sel - zabaleni na tabletu-mobilu (2026-09-01) */
.client-admin-menu{position:relative;}
.div-sel-current{display:flex;background-color:#1c1c1c;border:1px solid #262626;border-radius:6px;width:100%;box-sizing:border-box;}
.div-sel-arrow{margin-left:auto;transition:transform 200ms linear;}
.div-sel-current.active .div-sel-arrow{transform:rotate(180deg);}
.div-sel-options{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#1c1c1c;border:1px solid #262626;border-radius:6px;z-index:500;overflow:hidden;}
.div-sel-options.active{display:flex;}
.div-sel-options .client-menu-link{width:100%;box-sizing:border-box;}
.client-menu-box{border-bottom:0px;}
.client-admin-menu{padding:0px;}
 }

/* mobil_800 */
@media (max-width: 800px) {  .order-box{flex-direction:column;justify-content:flex-start;}
.category-wrap{flex-direction:column;}
.category-menu{flex:1 1 auto;width:100%;order:2;}
.category-wrap .side{flex:1 1 auto;width:100%;padding-left:0;margin-top:16px;order:1;}
.layer-menu.layer-2{position:static;left:auto;top:auto;width:100%;max-height:none;overflow:visible;border-radius:9px;}
li.active .layer-2{box-shadow:none;border:0;margin:0;padding:0;}
.layer-menu li.active.has-sub > a, .layer-menu li.active.has-sub > .cat-row{border-color:#0000002a;border-radius:9px;}
.cat-menu-closer.active{display:none;}
.is-full .layer-2{width:100%;flex-direction:column;flex-wrap:nowrap;}
.is-full .layer-2 > li{flex:1 1 auto;width:100%;}
.layer-menu.layer-1{display:none;}
.layer-menu.layer-1.active{display:flex;flex-direction:column;position:fixed;top:24px;left:24px;right:24px;bottom:24px;max-height:calc(100vh - 48px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;background-color:#ffffff;z-index:7000;border-radius:9px;padding:0;border:0;width:calc(100% - 48px);box-shadow:0 12px 40px rgba(0,0,0,.3);}
.multimenu-close.active{display:flex;align-items:center;justify-content:center;position:fixed;top:24px;right:24px;width:32px;height:32px;background-color:#ffffff;border-radius:50%;z-index:7001;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.jcsb_800{justify-content:space-between;}
.product-main-row{flex-direction:column;}
.product-main-row > div{flex:1 1 auto;width:100%;}
.static-banner-row{flex-wrap:wrap;}
.cart-wrap{flex-direction:column;}
.cart-left-wrap{width:100%;}
.cart-nav-current{display:flex;}
.cart-nav-current.active .cart-nav-arrow{transform:rotate(90deg);}
.cart-nav-list{display:none;}
.cart-nav-list.active{display:flex;}
.cart-item-row{flex-wrap:wrap;}
.cart-item-row > div:last-child{flex:1 1 100%;width:100%;justify-content:space-between;}
.visible-from-800{display:flex;}
.order_1_800{order:1;}
.order_2_800{order:2;}
.w10_800{width:100%;}
.wp4_800{width:128px;}
.fc_800{flex-direction:column;display:flex;}
.jcs_800{justify-content:start;display:flex;}
.aist_800{align-items:stretch;display:flex;}
.shop-breadcrumbs{position:relative;}
.bc-toggle{display:flex;}
.bc-middle{display:none;}
.bc-middle.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;margin-top:4px;background-color:#ffffff;border-radius:9px;border:1px solid #0000002a;padding:8px;z-index:1000;min-width:200px;box-shadow:0px 9px 24px -12px #00000040;gap:4px;}
/* cely vnoreny strom kategorii (ul/li) musi byt na mobilu pod sebou, ne v radku (2026-07-28) */
.layer-menu{display:flex;flex-direction:column;}
.layer-menu > li{display:flex;flex-direction:column;}
 /* Klientsky portal - mobilni Dashboard (2026-09-01) */
.analytics-tile-full{flex:1 1 100%;max-width:100%;}
 }

/* mobil_640 */
@media (max-width: 640px) {  .subcat-menu a{padding:4px;gap:6px;}
.subcat-menu img:not(.subcat-more-icon){height:48px;}
.category-list > div{flex:1 1 50%;}
.filter-menu{width:100%;margin-right:0;}
.filter-part{position:static;width:100%;}
.filter-part.active{width:100%;}
.quick-cart-layer-content{flex-direction:column;}
.quick-cart-layer-content > div{flex:1 1 auto;width:100%;}
.quick-cart-layer-content .img-wrap img{height:280px;width:auto;}
.product-row-grid > div{flex:1 1 50%;}
.contact-boxes > div{flex:1 1 100%;}
.gift-item{flex:1 1 45%;}
.order-paging-row .paging-wrap{display:none;}
.tin{padding-left:24px;padding-right:24px;}
.tin2{padding-left:24px;padding-right:24px;}
.m1r_640{margin-right:4px;}
.hide-640{display:none;}
.fs5_640{font-size:20px;}
.p3l_640{padding-left:12px;}
/* filtr picker <=640px: head/bottom fixni, jen filter-relative-wrap scrolluje (2026-07-28) */
.static-layer-content{overflow-y:hidden;}
.static-layer .head{flex-shrink:0;}
.static-layer .bottom{flex-shrink:0;}
.filter-relative-wrap{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
.filter-part{max-height:50vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;}
/* multimenu-close <=640px: cely bar misto kolecka, prvni polozka v prvni vrstve dostane misto (2026-07-28) */
.multimenu-close.active{left:24px;width:auto;height:auto;border-radius:0;padding-top:6px;padding-bottom:6px;}
.multimenu-close img{width:24px;height:24px;}
.border-radius-first-last-9 > *:nth-child(1) > a, .border-radius-first-last-9 > *:nth-child(1) > .cat-row{margin-top:36px;}
/* cart-item-row pretekalo doprava pod ~620px (2026-07-28) - 4 pevne sirky sloupcu (160+160+128+64+gapy=548px)
   se do uzsi obrazovky nevesly. Reseni: sloupce zalomit na 2 radky (qty+price / total+remove), pevnou px
   sirku nahradit procentualni flexibilni (krome kose, ten zustava maly pevny), cenam povolit zalomeni textu. */
.cart-item-row > div:last-child{flex-wrap:wrap;gap:8px;}
.cart-item-qty{width:auto;flex:1 1 45%;}
.cart-item-price{width:auto;flex:1 1 45%;white-space:normal;}
.cart-item-total{width:auto;flex:1 1 45%;white-space:normal;}
.cart-item-remove{width:auto;flex:0 0 auto;}
.banner-slide_640{flex:0 0 100%;}
.banner-slide.active .banner-slide-img{border-color:transparent;}
 body, * {font-size: 12px; } 
 /* Klientsky portal - Hlidaci psi (2026-09-01) */
.client-dog-row{align-items:flex-start;}
.client-dog-info{flex-direction:column;align-items:flex-start;}
.client-dog-info .f3,.client-dog-info .f4{flex:none;width:100%;}
 /* Klientsky portal - Hodnoceni (2026-09-01) */
.client-rating-row{align-items:flex-start;}
.client-rating-info{flex-direction:column;align-items:flex-start;}
.client-rating-info .client-rating-name,.client-rating-info .client-rating-type{flex:none;width:100%;}
 }

/* mobil_480 */
@media (max-width: 480px) {  .order-box > div{flex-wrap:wrap;}
.subcat-menu a{flex:1 1 45%;}
.gift-item{flex:1 1 100%;}
.tin{padding-left:18px;padding-right:18px;}
.shop-mainmenu > *{padding-left:0px;padding-right:0px;}
.jcsb_480{justify-content:space-between;display:flex;}
.ico-left-480.ico-menu{background-position:4px center;background-size:20px;padding-left:28px;}
.order-form.ico-left-480 .order-sel{background-position:4px center;background-size:20px;padding-left:28px;}
.p2l_480{padding-left:8px;}
.p2r_480{padding-right:8px;}
.br0_480{border-radius:0px;}
.fs1_480{font-size:12px;}
.bottom-icon-menu{position:fixed;bottom:0;right:0;z-index:6900;background-color:#000000;}
.fr_480{flex-direction:row;display:flex;}
.jcc_480{justify-content:center;display:flex;}
.aic_480{align-items:center;display:flex;}
.hide-480{display:none;}
.w10_480{width:100%;}
.tin_480{padding-left:18px;padding-right:18px;}
.p2t_480{padding-top:8px;}
.gap1_480{gap:6px;}
.p2b_480{padding-bottom:8px;}
.p0tb_480{padding-top:0px;padding-bottom:0px;}
.ico-filter_480.ico-filter{background-position:4px center;background-size:20px;padding-left:28px;}
.search-parts{flex-direction:column;flex-wrap:nowrap;}
.search-parts > *{flex:0 0 auto;}
/* Detail produktu - hlavni obrazek mensi na mobilu (2026-09-09, zadano) - scoped na .product-main-row
   (jedine misto, kde se pouziva - viz shop/product.xml), NE holou .img-abs-wrap, ktera se pouziva i jinde
   (kategorie/listing - viz .square-wrap .img-abs-wrap vyse) a tam se menit nema. */
.product-main-row .img-abs-wrap{width:70%;margin:0px auto;padding-top:70%;}
 /* Klientsky portal - Moje objednavky, skryte akce (2026-09-01) */
.client-order-head{cursor:pointer;}
.client-order-actions{display:none;}
.client-order-actions.active{display:flex;flex-direction:column;}
.client-order-actions.active a{display:flex;width:100%;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;}
 }

/* mobil_400 */
@media (max-width: 400px) {  .subcat-menu a{flex:1 1 100%;}
.category-list > div{flex:1 1 100%;}
.product-row-grid > div{flex:1 1 100%;}
.tin{padding-left:12px;padding-right:12px;}
.hide-400{display:none;}
 }

/* mobil_340 */
@media (max-width: 340px) {  .tin2{padding-left:24px;padding-right:24px;}
.header-contact > *{letter-spacing:-0.025em;}
 }

/* Adm_640 */
@media (max-width: 640px) {  .win-m-rollup{min-width:0;}
 }

/* Adm_480 */
@media (max-width: 480px) {  .win-m-rollup{max-width:256px;}
 }