/* Sokid Hyva mobile presentation; loaded only through the Hyva layout handle. */
@media(max-width:767px){
body{font-size:14px;line-height:1.45}
.page-main{margin-top:12px;margin-bottom:20px}
.container{padding-left:12px;padding-right:12px}
#header>.container{padding-top:8px;padding-bottom:8px}
#header a[aria-label="Mine avalehele"] img{width:112px;max-width:112px;height:auto;max-height:67px}
#header>.container>div:has(>a[aria-label="Mine avalehele"]){width:auto;padding-bottom:0}
#header button{min-width:44px;min-height:44px}
.sokid-global-delivery-note{padding:6px 12px;font-size:12px;line-height:1.35}
.breadcrumbs{font-size:11px;line-height:1.4}
.breadcrumbs .container{padding-top:6px;padding-bottom:6px}
.page-title{font-size:22px;line-height:1.2;margin-bottom:12px;overflow-wrap:anywhere}
.messages.container{padding-top:8px;padding-bottom:8px}
.message{font-size:13px;line-height:1.4;padding:10px}
#maincontent h2{font-size:19px;line-height:1.25;margin-top:16px;margin-bottom:10px}
#maincontent h3{font-size:16px;line-height:1.3}
.products-grid .sokid-product-grid,.products-grid>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:10px;padding-bottom:20px}
.sokid-product-grid-item,.product-item,.product-info{min-width:0}
.sokid-category-card,.products-grid .product-item{padding:9px;border-radius:6px}
.sokid-category-card-photo,.products-grid .product-item-photo{width:100%;margin-bottom:6px}
.products-grid .product-item-photo img{width:100%;height:clamp(120px,36vw,150px);object-fit:contain}
.sokid-category-card-name{font-size:13px;line-height:1.3;margin-top:4px;margin-bottom:4px;overflow-wrap:anywhere}
.sokid-category-card-price{padding-top:2px}
.products-grid .price{font-size:16px;line-height:1.3;font-weight:700}
.products-grid .old-price .price{font-size:12px;font-weight:400}
.sokid-category-card-actions{padding-top:8px;gap:6px}
.products-grid .product-item .btn{min-height:44px;min-width:44px;padding:8px;font-size:12px;line-height:1.25}
.products-grid .product-item .btn svg{width:20px;height:20px;flex-shrink:0}
.products-grid .product-item [data-addto="cart"]{flex:1}
.products-grid .product-item .py-1:empty{display:none}
.category-image{margin-top:8px;margin-bottom:10px}
.category-image img{display:block;max-height:120px;width:100%;height:auto;object-fit:contain}
.catalog-category-view .category-image{height:auto;max-height:120px}
.catalog-category-view .category-image img{max-height:120px;height:auto;object-fit:contain}
#maincontent .category-image.sokid-category-image--usable{height:auto!important;max-height:120px!important;margin-bottom:10px!important}
#maincontent .category-image.sokid-category-image--usable img{height:auto!important;max-height:120px!important;object-fit:contain!important}
.sokid-category-hero{min-height:0;margin-bottom:12px}
body.catalog-category-view .sokid-category-hero .sokid-category-hero__image{height:180px!important}
.sokid-category-hero .sokid-category-hero__content{padding:12px;max-width:80%}
.sokid-category-hero .sokid-category-hero__headline{font-size:22px;line-height:1.1}
.sokid-category-hero .sokid-category-hero__button{min-height:44px;padding:8px 12px;margin-top:8px;font-size:13px}
.category-description,.sokid-category-intro{font-size:13px;line-height:1.45;margin-top:8px;margin-bottom:12px}
.category-description p,.sokid-category-intro p{margin-top:6px;margin-bottom:6px}
#product-list{padding-top:10px;padding-bottom:16px}
.toolbar-products{gap:6px;margin-top:6px;margin-bottom:8px;font-size:12px}
.toolbar-products .sidebar-main .block{margin-top:0;margin-bottom:0;padding:4px 6px}
body.catalog-category-view .toolbar-products{flex-wrap:wrap!important;gap:6px!important}
.toolbar-products .limiter{min-width:0;max-width:100%}
.toolbar-products .limiter select{width:64px}
#maincontent .sokid-category-card-name{height:51px;min-height:51px!important;max-height:51px;overflow:hidden;line-height:17px!important}
#maincontent .sokid-category-card-name .product-item-link{display:-webkit-box!important;-webkit-box-orient:vertical;font-size:13px!important;line-height:17px!important;-webkit-line-clamp:3!important;overflow:hidden;max-height:51px}
#maincontent .sokid-category-card-price{margin-top:auto!important;padding-top:4px;min-height:28px!important;height:auto!important}
#maincontent .products-grid .product-item .btn{min-height:44px!important;min-width:44px!important}
#maincontent .toolbar-products .sidebar-main .block{padding:0!important;border:0;background:transparent}
#maincontent .sokid-merino-filter-bar #filters-heading button{padding:8px!important;gap:6px;min-height:44px}
#maincontent .sokid-merino-filter-icon{margin-right:0}
#maincontent .sokid-merino-filter-bar #filters-heading button>span:last-child{padding:2px}
#maincontent .sokid-merino-filter-bar #filters-heading button>span:last-child svg{width:16px;height:16px}
.toolbar-products:has(.sidebar-main) .toolbar-sorter select{width:110px}
.toolbar-products select{min-height:44px;max-width:100%;padding-top:8px;padding-bottom:8px;font-size:16px}
.toolbar-products button,.toolbar-products a{min-height:44px;min-width:44px}
#filters-heading{margin:0!important;font-size:14px!important;line-height:1.3!important}
#filters-heading button{min-height:44px;padding:8px 10px}
.catalog-product-view .sokid-product-layout{gap:8px;padding-top:0;padding-bottom:12px}
.catalog-product-view .sokid-product-layout #gallery #gallery-main{height:clamp(210px,64vw,250px);max-height:250px;aspect-ratio:auto}
.catalog-product-view #gallery #gallery-main>[role="tabpanel"],.catalog-product-view #gallery #gallery-main>div{height:100%}
.catalog-product-view #gallery #gallery-main button[data-media-type]{height:100%;width:100%}
.catalog-product-view #gallery #gallery-main img{width:100%;height:100%;max-height:250px;object-fit:contain}
.catalog-product-view .sokid-product-layout #gallery>.snap-pager{padding-block:2px;min-height:24px}
.catalog-product-view #gallery .snap-pager{gap:4px}
.catalog-product-view #gallery .snap-marker{width:24px;height:24px;padding:8px;background-clip:content-box}
.catalog-product-view #gallery [data-prev],.catalog-product-view #gallery [data-next]{min-width:44px;min-height:44px;width:44px;height:44px;padding:10px}
.catalog-product-view #gallery [data-prev] svg,.catalog-product-view #gallery [data-next] svg{width:20px;height:20px}
.catalog-product-view .sokid-product-info{padding:12px;margin-bottom:12px;min-width:0}
.catalog-product-view #product-details{font-size:12px;line-height:1.4;margin-bottom:10px}
.catalog-product-view #product_addtocart_form{margin-bottom:8px}
.catalog-product-view #product_addtocart_form [role="group"],.catalog-product-view #product_addtocart_form [data-product-id]{margin-bottom:10px}
.catalog-product-view #product_addtocart_form label{font-size:13px;line-height:1.4;margin-bottom:4px}
.catalog-product-view #product_addtocart_form .form-select,.catalog-product-view #product_addtocart_form .form-input{min-height:44px;padding:8px 10px;font-size:16px;line-height:1.4}
.catalog-product-view .sokid-product-purchase{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:6px}
.catalog-product-view .sokid-product-purchase>div:last-child{margin-top:0;gap:6px;min-width:0}
.catalog-product-view .sokid-product-purchase .price{font-size:22px;line-height:1.2;font-weight:700}
.catalog-product-view .sokid-product-purchase .price-label{font-size:12px}
.catalog-product-view .sokid-product-purchase input[name="qty"]{width:50px;height:44px;min-height:44px;padding:8px;font-size:16px}
.catalog-product-view #product-addtocart-button{min-height:44px;padding:8px 12px;font-size:14px;gap:6px}
.catalog-product-view #product-addtocart-button span{display:inline}
.catalog-product-view #product-addtocart-button svg{width:20px;height:20px;flex-shrink:0}
.catalog-product-view .sokid-product-stock{margin-top:4px;margin-bottom:6px;font-size:12px;line-height:1.4}
.product-description,.product.attribute.description,.product.attribute.overview{font-size:14px;line-height:1.45;min-width:0;max-width:100%;overflow-wrap:anywhere}
.product-description p,.product.attribute.description p{margin-top:8px;margin-bottom:8px}
.product-description ul,.product-description ol{margin-top:8px;margin-bottom:8px;padding-left:20px}
.product-description li{margin-top:3px;margin-bottom:3px}
.catalog-product-view #description,.catalog-product-view #description .card,.catalog-product-view #description .prose{min-width:0;max-width:100%}
.catalog-product-view #description .card{padding:12px}
.catalog-product-view #description .prose{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.catalog-product-view #description .prose p{margin-top:8px;margin-bottom:8px}
.catalog-product-view #description>h2{font-size:18px;margin-bottom:10px}
.sokid-table-scroll{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin:10px 0}
.sokid-table-scroll:focus-visible{outline:2px solid #0067d8;outline-offset:2px}
.sokid-table-scroll table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:auto;margin:0;font-size:12px;line-height:1.4}
.sokid-table-scroll col{width:auto!important}
.sokid-table-scroll colgroup>col:first-child:nth-last-child(2){width:5rem!important}
.sokid-table-scroll th,.sokid-table-scroll td{padding:6px 8px!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;min-width:5rem!important}
.sokid-table-scroll img{max-width:100%;height:auto}
.sokid-option-error{margin:4px 0 0;color:#b91c1c;font-size:13px;line-height:1.35}
.sokid-option-invalid{border-color:#b91c1c}
footer{font-size:13px;line-height:1.4}
}
@media(min-width:768px){.sokid-table-scroll{display:contents}}
