/* CigaretaJinak – vlastní styly Shoptet */

/* 1. Footer bannery */
@media (min-width: 992px) {
.footer-banner:nth-child(11){flex-basis:33.3333%}
.footer-banner:nth-child(11)>a{padding:24px;align-items:center}
.footer-banner:nth-child(11) img{width:auto;order:-2;height:auto;max-height:170px}
.footer-banner:nth-child(11) .extended-banner-texts{width:calc(100% - 167px)}
.footer-banner:nth-child(11) .extended-banner-title{height:auto;text-align:left;padding-left:32px}
.footer-banner:first-child{order:2}
.footer-banner:nth-child(2){order:1}.footer-banner:nth-child(3){order:3}
.footer-banner:nth-child(4){order:4}.footer-banner:nth-child(5){order:5}
.footer-banner:nth-child(6){order:7}.footer-banner:nth-child(7){order:8}
.footer-banner:nth-child(8){order:9}.footer-banner:nth-child(9){order:10}
.footer-banner:nth-child(10){order:6}.footer-banner:nth-child(n+11){order:11}
.footer-banner:nth-child(16){display:none!important}
.footer-banner>a{background:#ebffe3}
.footer-banner:nth-child(n+6)>a{background:#e8fae1}
.footer-banner:nth-child(n+11)>a{background:#e9f4ff}
}
@media (max-width:991px){.footer-banner img{max-width:100px;width:auto;max-height:100%}}
@media (max-width:767px){
.footer-banner img{max-width:32px}
.submenu-arrow{height:66px;line-height:66px}
.submenu-arrow::before{top:24px}
.over18{display:block!important;margin-bottom:0!important;padding-bottom:20px!important;height:78px!important}
}

/* 2. Hlavní navigace – ikony */
.navigation-in>ul>li>a b::before{
background-position:50% 50%;background-repeat:no-repeat;background-size:40px auto;
display:inline-block;width:40px;height:40px;vertical-align:middle;line-height:1;margin-right:12px
}
.navigation-in>ul>li>a[href="/elektronicke-cigarety/"] b::before{background-image:url('/user/documents/upload/Images/cigareta.png');content:""}
.navigation-in>ul>li>a[href="/nahradni-cartridge--atomizery/"] b::before{background-image:url('/user/documents/upload/Images/cartridge.png');content:""}
.navigation-in>ul>li>a[href="/liquidy/"] b::before{background-image:url('/user/documents/upload/Images/liquid.png');content:""}
.navigation-in>ul>li>a[href="/baze-a-boostery/"] b::before{background-image:url('/user/documents/upload/Images/pg vg.png');content:""}
.navigation-in>ul>li>a[href="/prichute-a-aroma/"] b::before{background-image:url('/user/documents/upload/Images/ovoce.png');content:""}
@media (min-width:768px){
.navigation-in>ul>li:not(:hover)>a:not(.active) b::before{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}
}

/* 3. Produktové karty */
[data-testid="productItem"] .availability-amount{display:none!important}

/* 4. Produktový detail */
@media (min-width:1200px){
.type-detail #content-wrapper.container{width:calc(100% - 48px);max-width:1440px}
.type-detail .p-detail-inner{margin-top:18px}
.type-detail .p-detail-inner-header h1{font-size:32px;line-height:1.18;margin-bottom:24px}
.type-detail .p-short-description{font-size:15px;line-height:1.6;margin-bottom:24px}
.type-detail .p-variants-block{margin-top:8px;margin-bottom:20px}
}

/* 5. Obrázkové varianty */
.type-detail #simple-variants.cj-image-variants{
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px
}
.type-detail #simple-variants.cj-image-variants::before,
.type-detail #simple-variants.cj-image-variants::after{content:none!important;display:none!important}
.type-detail #simple-variants.cj-image-variants>span{display:none!important}
.type-detail #simple-variants.cj-image-variants .advanced-parameter{
width:auto!important;height:auto!important;min-width:0!important;min-height:78px;
margin:0!important;padding:7px 9px;box-sizing:border-box;display:flex!important;
align-items:center;gap:9px;border:1px solid #dedede;background:#fff;cursor:pointer;
transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease
}
.type-detail #simple-variants.cj-image-variants .advanced-parameter:hover{border-color:#6ccc43;background:#f8fff5}
.type-detail #simple-variants.cj-image-variants .advanced-parameter-inner{
flex:0 0 56px;width:56px!important;min-width:56px!important;height:64px!important;
display:flex!important;align-items:center;justify-content:center;padding:0!important;
margin:0!important;border:0!important;background:transparent!important
}
.type-detail #simple-variants.cj-image-variants .advanced-parameter-inner img{
width:56px!important;height:64px!important;max-width:56px!important;max-height:64px!important;
object-fit:contain;display:block;margin:0!important
}
.type-detail #simple-variants.cj-image-variants .cj-variant-name{
flex:1 1 auto;min-width:0;font-size:12px;line-height:1.3;font-weight:700;
color:#333;text-align:left;overflow-wrap:normal;word-break:normal;hyphens:none
}
.type-detail #simple-variants.cj-image-variants .advanced-parameter.cj-selected{
border:2px solid #6ccc43!important;background:#f4fff0;box-shadow:0 0 0 1px rgba(108,204,67,.08)
}
.type-detail #simple-variants.cj-image-variants .advanced-parameter.cj-selected .cj-variant-name{color:#222}
.type-detail .variant-list.cj-has-image-variants>.variant-label{display:block;margin-bottom:5px;font-weight:700}
@media (max-width:1199px){
.type-detail #simple-variants.cj-image-variants{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
.type-detail #simple-variants.cj-image-variants{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.type-detail #simple-variants.cj-image-variants .advanced-parameter{min-height:72px;padding:6px;gap:6px}
.type-detail #simple-variants.cj-image-variants .advanced-parameter-inner{flex-basis:48px;width:48px!important;min-width:48px!important;height:58px!important}
.type-detail #simple-variants.cj-image-variants .advanced-parameter-inner img{width:48px!important;height:58px!important;max-width:48px!important;max-height:58px!important}
.type-detail #simple-variants.cj-image-variants .cj-variant-name{font-size:11px}
}

/* 6. Submenu – větší obrázky kategorií */
@media (min-width:992px){
.navigation-in .menu-level-2 li{
min-height:112px!important;padding:12px 18px!important;box-sizing:border-box;
display:flex!important;align-items:center!important;transition:background .15s ease
}
.navigation-in .menu-level-2 li:hover{background:#f7fff4}
.navigation-in .menu-level-2 .menu-image{
flex:0 0 108px!important;width:108px!important;min-width:108px!important;height:88px!important;
margin:0 18px 0 0!important;padding:0!important;display:flex!important;
align-items:center!important;justify-content:center!important;overflow:hidden!important;
background:#fafafa;border-radius:4px
}
.navigation-in .menu-level-2 .menu-image img{
width:100px!important;height:82px!important;max-width:none!important;max-height:none!important;
object-fit:contain!important;display:block!important;margin:0!important;
transform:scale(1.28)!important;transform-origin:center!important
}
.navigation-in .menu-level-2 li div{flex:1 1 auto;min-width:0}
.navigation-in .menu-level-2 li div a{
display:flex;align-items:center;min-height:50px;font-size:15px!important;
line-height:1.25!important;font-weight:700!important;color:#282828!important;text-decoration:none!important
}
.navigation-in .menu-level-2 li:hover div a{color:#53c934!important}
}
@media (min-width:768px) and (max-width:991px){
.navigation-in .menu-level-2 .menu-image{width:76px!important;min-width:76px!important;height:72px!important;margin-right:12px!important}
.navigation-in .menu-level-2 .menu-image img{width:68px!important;height:68px!important;object-fit:contain!important}
}