
/* Barefoot Store – sjednocený detail pouze pro označené skladové modely obuvi. */
body.bf-koel-pilot #content-wrapper .sidebar-left{display:none}
body.bf-koel-pilot #content{width:100%;float:none}
body.bf-koel-pilot .content-wrapper-in{display:block}
body.bf-koel-pilot .p-detail{font-family:"Source Sans 3",sans-serif;color:#272727;font-size:17px;line-height:1.65}
body.bf-koel-pilot .p-detail h1,body.bf-koel-pilot .p-detail h2,body.bf-koel-pilot .p-detail h3{font-family:"Exo 2",sans-serif;text-transform:none;letter-spacing:0;color:#272727;font-weight:600}
body.bf-koel-pilot .p-detail h1{font-size:34px;line-height:1.22;margin:0 0 18px}
body.bf-koel-pilot .p-short-description{margin:0 0 24px;font-size:18px}
body.bf-koel-pilot .p-detail-inner>.row{margin:0}
body.bf-koel-pilot .p-detail-inner>.row>div{min-width:0}
body.bf-koel-pilot .p-detail-inner .p-image-wrapper{padding:0}
body.bf-koel-pilot .p-image-wrapper>.row{margin:0}
body.bf-koel-pilot .p-image-wrapper .p-image{width:100%;padding:0}
body.bf-koel-pilot .p-thumbnails-wrapper{padding:0;margin-top:20px}
body.bf-koel-pilot .p-thumbnail{border-radius:12px;overflow:hidden}
body.bf-koel-pilot .flags-default .flag{border-radius:20px;padding:5px 13px;min-height:0;line-height:1.4}
body.bf-koel-pilot .variant-list{margin:12px 0 24px}
body.bf-koel-pilot .variant-list select{min-height:48px;border-radius:10px;font-size:17px}
body.bf-koel-pilot .price-final{font-size:32px;line-height:1.25}
body.bf-koel-pilot .order-availability{font-size:17px;margin:10px 0}
body.bf-koel-pilot .add-to-cart .btn{border-radius:10px;background:#199f89;border-color:#199f89;color:#fff;text-transform:none;font-size:19px;min-height:52px;padding:12px 28px}
body.bf-koel-pilot .add-to-cart .btn:hover{background:#147d6d;border-color:#147d6d}
body.bf-koel-pilot .quantity{border-radius:10px;min-height:52px}
body.bf-koel-pilot .bf-size-picker__label{font-weight:600;margin:0 0 10px}
body.bf-koel-pilot .bf-size-picker__grid{display:flex;flex-wrap:wrap;gap:8px}
body.bf-koel-pilot .bf-size-button{font:600 18px "Source Sans 3",sans-serif;border:1px solid #dedede;background:#f5f5f5;color:#272727;border-radius:12px;min-width:49px;min-height:48px;padding:9px 12px;cursor:pointer}
body.bf-koel-pilot .bf-size-button:hover{border-color:#199f89}
body.bf-koel-pilot .bf-size-button[aria-pressed="true"]{background:#199f89;border-color:#199f89;color:white}
body.bf-koel-pilot .bf-size-button.is-unavailable{color:#777;background:#fff;text-decoration:line-through}
body.bf-koel-pilot .bf-size-button:focus-visible,body.bf-koel-pilot .bf-detail-nav a:focus-visible{outline:3px solid #147d6d;outline-offset:3px}
body.bf-koel-pilot .bf-size-button:disabled{cursor:not-allowed;opacity:.5}
body.bf-koel-pilot #simple-variants-select.bf-size-picker-ready{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important}
body.bf-koel-pilot .bf-size-picker__note{font-size:14px;color:#666;margin:10px 0 0}
body.bf-koel-pilot #description>.row{margin:0}
body.bf-koel-pilot #description .descr-text{width:100%;padding:0;float:none}
body.bf-koel-pilot .bf-detail-nav{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 36px}
body.bf-koel-pilot .bf-detail-nav a{display:block;padding:9px 17px;background:#f2f2f2;border-radius:24px;color:#272727;text-decoration:none;font-size:16px;font-weight:600}
body.bf-koel-pilot .bf-detail-nav a:hover{background:#e5f4f0;color:#147d6d}
body.bf-koel-pilot .bf-detail-section{margin:0 0 38px;scroll-margin-top:32px}
body.bf-koel-pilot .bf-detail-section h2{font-size:27px;line-height:1.3;margin:0 0 18px}
body.bf-koel-pilot .bf-detail-section ul{padding-left:24px;margin:0}
body.bf-koel-pilot .bf-detail-section li{padding-left:5px;margin-bottom:8px}
body.bf-koel-pilot .bf-detail-section p{margin:0 0 14px}
body.bf-koel-pilot .bf-detail-section .bf-table-scroll{max-width:100%;overflow-x:auto}
body.bf-koel-pilot .bf-detail-section table{border-collapse:collapse;width:100%!important;height:auto!important;min-width:700px}
body.bf-koel-pilot .bf-detail-section td,body.bf-koel-pilot .bf-detail-section th{width:auto!important;padding:11px 14px;border-bottom:1px solid #e4e4e4;text-align:center}
body.bf-koel-pilot .bf-detail-section tr:first-child{background:#eef6f3}
body.bf-koel-pilot .bf-detail-section td:first-child{text-align:left;white-space:nowrap}
body.bf-koel-pilot .bf-detail-section tr:nth-child(3){background:#fafafa}
body.bf-koel-pilot .shp-tabs-wrapper{margin-top:40px}
@media(min-width:992px){
body.bf-koel-pilot .p-detail-inner>.row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);grid-template-rows:auto 1fr;column-gap:48px;row-gap:0}
body.bf-koel-pilot .p-detail-inner>.row:before,body.bf-koel-pilot .p-detail-inner>.row:after{display:none}
body.bf-koel-pilot .p-detail-inner>.row>.col-md-4:not(.pull-left){grid-column:2;grid-row:1;width:auto;padding:0;float:none}
body.bf-koel-pilot .p-detail-inner>.row>.p-image-wrapper{grid-column:1;grid-row:1/3;width:auto;float:none}
body.bf-koel-pilot .p-detail-inner>.row>.pull-left{grid-column:2;grid-row:2;width:auto;padding:0;float:none}
}
@media(max-width:991px){
body.bf-koel-pilot .p-detail-inner>.row{display:flex;flex-direction:column;gap:22px}
body.bf-koel-pilot .p-detail-inner>.row>div{width:100%;padding:0;float:none}
body.bf-koel-pilot .p-detail h1{font-size:28px}
body.bf-koel-pilot .p-image-wrapper{align-self:stretch}
body.bf-koel-pilot .p-detail{font-size:16px}
body.bf-koel-pilot .bf-detail-section h2{font-size:24px}
body.bf-koel-pilot .bf-detail-nav{gap:8px;margin-bottom:28px}
body.bf-koel-pilot .bf-detail-nav a{padding:8px 13px;font-size:15px}
}

body.bf-koel-pilot .p-detail-tabs-wrapper>.row>div{width:100%;float:none}
body.bf-koel-pilot .p-detail-tabs-wrapper [role="tablist"]{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 18px}
body.bf-koel-pilot .bf-detail-section table{display:table!important}
body.bf-koel-pilot .bf-detail-section tbody{display:table-row-group!important}
body.bf-koel-pilot .bf-detail-section tr{display:table-row!important}
body.bf-koel-pilot .bf-detail-section td,body.bf-koel-pilot .bf-detail-section th{display:table-cell!important;float:none!important;position:static!important;white-space:nowrap}

/* Keep the two benefits together and align size-chart numbers. */
body.bf-koel-pilot .benefitBanner.position--benefitProduct{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:16px 48px}
body.bf-koel-pilot .benefitBanner.position--benefitProduct>.benefitBanner__item{flex:0 1 auto;width:auto;max-width:100%;margin:0}
body.bf-koel-pilot #bf-sizes{overflow-x:auto}
body.bf-koel-pilot #bf-sizes td:not(:first-child),body.bf-koel-pilot #bf-sizes th:not(:first-child){text-align:center!important;font-variant-numeric:tabular-nums}


body.bf-koel-pilot .bf-product-detail-v1{color:#272727}
body.bf-koel-pilot .bf-parameters-title{font-size:27px;line-height:1.3;margin:0 0 18px}
body.bf-koel-pilot #description .descr-info{margin-top:28px}
body.bf-koel-pilot .bf-size-picker{margin:12px 0 24px}
body.bf-koel-pilot .bf-size-table{font-variant-numeric:tabular-nums}


/* Load after barefoot-product-detail-v1.css. Only imported shoe details. */
body.bf-koel-pilot #bf-sizes { overflow:visible; }
body.bf-koel-pilot #bf-sizes .bf-chart {
  position:relative; max-width:760px; min-width:0; background:#eee;
  border-radius:20px; overflow:hidden; padding:20px 24px;
}
body.bf-koel-pilot #bf-sizes .bf-chart-viewport {
  overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin;
  scrollbar-color:#aaa transparent; -webkit-overflow-scrolling:touch;
}
/* Shoptet may wrap tables after initialization. Keep one scroll container. */
body.bf-koel-pilot #bf-sizes .bf-chart-viewport .scroll-wrapper {
  overflow:visible!important; max-width:none!important; width:max-content;
  min-width:100%; margin:0;
}
body.bf-koel-pilot #bf-sizes .bf-chart table {
  width:max-content!important; min-width:100%; table-layout:auto;
  border-collapse:separate; border-spacing:0; margin:0;
}
body.bf-koel-pilot #bf-sizes .bf-chart tr { background:transparent; }
body.bf-koel-pilot #bf-sizes .bf-chart td,
body.bf-koel-pilot #bf-sizes .bf-chart th {
  min-width:72px; padding:14px 20px; border:0; border-bottom:1px solid #d0d0d0;
  background:#eee; font-variant-numeric:tabular-nums;
}
body.bf-koel-pilot #bf-sizes .bf-chart tr:last-child>* { border-bottom:0; }
body.bf-koel-pilot #bf-sizes .bf-chart tr>:first-child {
  position:sticky!important; left:0; z-index:2; min-width:146px; text-align:left;
  padding-left:8px; font-weight:600; box-shadow:8px 0 10px -10px #888;
}
body.bf-koel-pilot #bf-sizes .bf-chart-next,
body.bf-koel-pilot #bf-sizes .bf-chart-prev {
  position:absolute; top:50%; transform:translateY(-50%); z-index:4;
  width:44px; height:44px; padding:0; border:0; border-radius:50%;
  background:#292929; color:#fff; font:28px/1 sans-serif; cursor:pointer;
}
body.bf-koel-pilot #bf-sizes .bf-chart-next { right:8px; }
body.bf-koel-pilot #bf-sizes .bf-chart-prev { left:170px; }
body.bf-koel-pilot #bf-sizes .bf-chart button[hidden] { display:none; }
body.bf-koel-pilot #bf-sizes .bf-chart.can-next:after {
  content:""; position:absolute; right:0; top:0; bottom:0; width:65px; z-index:3;
  background:linear-gradient(90deg,transparent,#eee); pointer-events:none;
}
body.bf-koel-pilot .bf-color-variants { margin:20px 0 26px; }
body.bf-koel-pilot .bf-color-variants h2 { font:600 16px/1.4 "Source Sans 3",sans-serif; margin:0 0 10px; }
body.bf-koel-pilot .bf-color-grid { display:flex; flex-wrap:wrap; gap:8px; }
body.bf-koel-pilot .bf-color-tile {
  display:flex; align-items:center; justify-content:center; width:80px; height:80px;
  border:1px solid #d5d5d5; border-radius:16px; background:#fff; overflow:hidden;
}
body.bf-koel-pilot .bf-color-tile[aria-current="page"] { border-color:#292929; border-width:2px; }
body.bf-koel-pilot .bf-color-tile:hover { border-color:#292929; }
body.bf-koel-pilot .bf-color-tile img { width:100%; height:100%; object-fit:contain; }
body.bf-koel-pilot .bf-color-tile:focus-visible,
body.bf-koel-pilot .bf-chart button:focus-visible,
body.bf-koel-pilot .bf-chart-viewport:focus-visible { outline:3px solid #147d6d; outline-offset:2px; }
@media(max-width:480px) {
  body.bf-koel-pilot #bf-sizes .bf-chart { padding:14px 12px; }
  body.bf-koel-pilot #bf-sizes .bf-chart tr>:first-child { min-width:118px; padding-right:12px; }
  body.bf-koel-pilot .bf-color-tile { width:70px; height:70px; }
}

@media(max-width:480px){body.bf-koel-pilot #bf-sizes .bf-chart-prev{left:130px;}}

/* Venus adapter: keep the reference detail typography and geometry. */
body.bf-koel-pilot .p-detail{font-family:"Source Sans 3",sans-serif!important;font-size:17px;color:#272727}
body.bf-koel-pilot .p-detail h1,body.bf-koel-pilot .p-detail h2,body.bf-koel-pilot .p-detail h3,body.bf-koel-pilot .p-detail .h1{font-family:"Exo 2",sans-serif!important;font-weight:600!important;letter-spacing:0;text-transform:none;color:#272727}
body.bf-koel-pilot .p-detail h1{font-size:34px!important;line-height:1.22!important;margin:0 0 18px!important}
body.bf-koel-pilot .p-detail .price-final{font-family:"Source Sans 3",sans-serif!important;font-size:32px;line-height:1.25}
body.bf-koel-pilot .bf-color-variants h2{font:600 16px/1.4 "Source Sans 3",sans-serif!important}
body.bf-koel-pilot .p-detail-inner-header{margin-bottom:0}
body.bf-koel-pilot .p-short-description{font:400 18px/1.65 "Source Sans 3",sans-serif;margin:0 0 24px}
body.bf-koel-pilot .product-top>.p-info-wrapper>.flags{display:none}
body.bf-koel-pilot .product-top>.p-image-wrapper>.flags{display:flex;position:absolute;top:0;left:0;z-index:2;gap:6px}
body.bf-koel-pilot .product-top>.p-image-wrapper{position:relative}
body.bf-koel-pilot .p-detail-info{margin:0 0 24px;font:400 15px/1.5 "Source Sans 3",sans-serif}
body.bf-koel-pilot .detail-parameters{width:100%;margin:0 0 24px}
body.bf-koel-pilot .bf-size-picker{margin:0}
body.bf-koel-pilot .bf-size-picker__label{display:block}
body.bf-koel-pilot .detail-parameters tr.bf-size-row{display:block}
body.bf-koel-pilot .detail-parameters tr.bf-size-row>th{display:none}
body.bf-koel-pilot .detail-parameters tr.bf-size-row>td{display:block;width:100%;padding:0;border:0}
body.bf-koel-pilot #parameter-id-5.bf-size-picker-ready{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;border:0!important}
body.bf-koel-pilot .buy-box{background:transparent!important;padding:0!important;margin:0 0 24px}
body.bf-koel-pilot .buy-box>.top,body.bf-koel-pilot .buy-box>.bottom{background:transparent!important;padding:0!important}
body.bf-koel-pilot .buy-box>.bottom{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
body.bf-koel-pilot .p-final-price-wrapper{width:100%;margin:0}
body.bf-koel-pilot .add-to-cart{width:100%;display:flex;align-items:center;gap:10px}
body.bf-koel-pilot .add-to-cart .btn{font-family:"Source Sans 3",sans-serif!important;letter-spacing:0}
body.bf-koel-pilot .p-detail-tabs-wrapper>.row>div{background:#fff!important}
body.bf-koel-pilot #description .description-inner{display:block}
body.bf-koel-pilot #description .basic-description{width:100%;max-width:none;float:none}
body.bf-koel-pilot #description .popis-nadpis{display:none}
body.bf-koel-pilot .bf-product-detail-v1{font:400 17px/1.65 "Source Sans 3",sans-serif}
body.bf-koel-pilot .bf-detail-section{scroll-margin-top:130px}
body.bf-koel-pilot .bf-detail-section h2{font-size:27px!important;line-height:1.3!important}
body.bf-koel-pilot .bf-chart tr>:first-child{min-width:160px!important}
body.bf-koel-pilot #bf-sizes .bf-chart-prev{left:182px}
body.bf-koel-pilot .p-thumbnails-wrapper .p-thumbnail{border-radius:12px;overflow:hidden}
@media(min-width:992px){
body.bf-koel-pilot .product-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(330px,1fr);gap:48px;margin:0}
body.bf-koel-pilot .product-top:before,body.bf-koel-pilot .product-top:after,body.bf-koel-pilot .product-top>.col-xs-12:first-child:empty{display:none}
body.bf-koel-pilot .product-top>.p-image-wrapper,body.bf-koel-pilot .product-top>.p-info-wrapper{width:auto;float:none;padding:0;min-width:0}
}
@media(max-width:991px){
body.bf-koel-pilot .p-detail h1{font-size:28px!important}
body.bf-koel-pilot .bf-product-detail-v1{font-size:16px}
body.bf-koel-pilot .bf-detail-section h2{font-size:24px!important}
}
@media(max-width:480px){
body.bf-koel-pilot .bf-chart tr>:first-child{min-width:130px!important;font-size:13px}
body.bf-koel-pilot #bf-sizes .bf-chart-prev{left:142px}
body.bf-koel-pilot .bf-size-button{min-width:46px;padding:9px 10px}
}
