/* Product page: gallery, buying summary, then details in the actual DOM. */
#product-product .next-product-layout{display:flex;align-items:flex-start;flex-wrap:wrap}
#product-product .next-product-layout:before,#product-product .next-product-layout:after{display:none}
#product-product .next-product-details{background:#fff;border:1px solid var(--next-line);border-radius:18px;padding:20px 24px;margin-bottom:25px}
#product-product .next-product-details .next-product-facts{margin-top:0}
#product-product .next-product-summary{position:relative}
#product-product .next-product-summary h1{padding-inline-end:45px}
#product-product .next-product-wishlist{position:absolute;inset-inline-end:15px;top:18px;z-index:1}
#product-product .next-product-wishlist .btn{width:40px;height:40px;padding:0;border-radius:50%;background:#fff8f1;color:var(--next-orange);border:1px solid #f5e0cd}
#product-product .next-product-price{display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap}
#product-product .next-product-price h2{font-weight:800;margin:0;font-size:30px;line-height:1.4}
#product-product .next-product-price>li:has(h2){order:-1}
#product-product .next-product-price>li:has(span[style]){color:#86918b;font-size:14px}
@media(max-width:767px){
 body:has(#product-product) .shop-header{padding:9px 0}
 body:has(#product-product) #logo img{max-height:40px}
 body:has(#product-product) .shop-header .shop-search-row{padding-top:8px}
 body:has(#product-product) #top{padding:4px 0}
 #product-product.container{width:100%;padding:0 12px}
 #product-product>.breadcrumb{display:flex;align-items:center;gap:5px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:5px 0 10px;padding:6px 0;line-height:1.5}
 #product-product>.breadcrumb li{font-size:10px;flex-shrink:0;padding:0 6px;max-width:230px;overflow:hidden;text-overflow:ellipsis}
 #product-product #content{padding:0 12px}
 body.matjarkom-next #product-product #content>.next-product-layout{display:block;background:#fff;padding:0;margin:0 0 12px;border-radius:18px;overflow:visible;border:1px solid var(--next-line)}
 #product-product .next-product-gallery,#product-product .next-product-summary{width:100%;float:none;padding:0}
 #product-product .next-product-gallery{border-radius:18px 18px 0 0;overflow:hidden;background:#fff}
 body.matjarkom-next #product-product .next-product-gallery .thumbnails{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;gap:0;margin:0;padding:0;list-style:none}
 #product-product .next-product-gallery .thumbnails>li{flex:0 0 100%;width:100%;float:none;margin:0;padding:0;scroll-snap-align:start}
 body.matjarkom-next #product-product .next-product-gallery .thumbnail{margin:0;padding:12px;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;height:270px}
 body.matjarkom-next #product-product .next-product-gallery .thumbnail img{width:100%;height:246px;max-height:246px;object-fit:contain}
 #product-product .next-product-summary{padding:15px 16px 10px;display:flex;flex-direction:column;border-top:1px solid #f0f3ef}
 #product-product .next-product-summary>h1{order:0;font-size:19px;line-height:1.65;margin:0 0 9px;padding-inline-end:38px}
 #product-product .next-product-wishlist{top:17px;inset-inline-end:13px}
 #product-product .next-product-wishlist .btn{width:34px;height:34px;font-size:14px}
 #product-product .next-product-price{order:1;margin:0 0 9px;gap:5px 12px}
 #product-product .next-product-price h2{font-size:28px;color:var(--next-ink)}
 #product-product .next-product-meta{order:2;display:flex;flex-wrap:wrap;gap:5px 14px;color:#718078;font-size:11px;margin:0 0 9px}
 body.matjarkom-next #product-product #product{order:3;margin-top:0}
 #product-product #product>hr{display:none}
 #product-product #product>h3{font-size:14px;margin:10px 0}
 #product-product #product .form-group{margin-bottom:12px}
 #product-product #product .form-control{min-height:44px;border-radius:11px}
 #product-product .next-product-summary>.rating{order:4;font-size:11px;padding-top:8px;border-top:1px solid #edf0ed}
 #product-product .next-product-summary>.rating p{margin:0 0 5px}
 #product-product .next-product-summary>.rating hr{display:none}
 #product-product .next-product-details{padding:14px;border-radius:16px;margin:0 0 20px}
 #product-product .next-product-facts{display:grid;grid-template-columns:1fr 1fr;padding:0;background:transparent;border:0;gap:10px;margin:0 0 14px}
 #product-product .next-product-fact{background:#f6f8f5;border:1px solid #e9eee7;border-radius:12px;padding:11px;gap:8px;min-width:0}
 #product-product .next-product-fact:nth-child(n+3){grid-column:1/-1}
 #product-product .next-product-fact strong{font-size:11px}
 #product-product .next-product-fact span,#product-product .next-product-fact a{font-size:11px;overflow-wrap:anywhere}
 #product-product .next-product-fact>i{font-size:16px;flex:0 0 18px}
 body.matjarkom-next #product-product .nav-tabs{display:flex;gap:5px;margin-top:8px;border:0;background:#f3f6f1;padding:4px;border-radius:12px}
 body.matjarkom-next #product-product .nav-tabs>li{float:none;flex:1;margin:0;text-align:center}
 body.matjarkom-next #product-product .nav-tabs>li>a{padding:9px 5px;font-size:12px;border:0;border-radius:9px;margin:0;white-space:nowrap}
 #product-product .nav-tabs>li.active>a{background:#fff;color:var(--next-ink);box-shadow:0 2px 7px #18342d0a}
 #product-product .tab-content{padding:14px 0 0;font-size:13px;overflow-wrap:anywhere}
 body.matjarkom-next #product-product .next-product-buybar{padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));gap:10px;box-shadow:0 -6px 24px #18342d14;border-top:1px solid #e4e9e5}
 body.matjarkom-next #product-product .next-product-buybar #button-cart{border-radius:13px;font-size:14px;min-height:48px}
 #product-product .next-rec-heading{margin-top:20px}
 #product-product .next-rec-heading h3{font-size:17px}
 #product-product .next-rec-grid .product-thumb{border-radius:14px}
 #product-product .next-rec-grid .product-thumb .image img{height:145px}
 #product-product .next-rec-grid .product-thumb .price{font-size:16px}
}
@media(max-width:360px){body.matjarkom-next #product-product .next-product-gallery .thumbnail{height:230px}body.matjarkom-next #product-product .next-product-gallery .thumbnail img{height:206px}#product-product .next-product-summary>h1{font-size:17px}}


#product-product .next-seller-card{display:flex;align-items:center;gap:11px;margin:12px 0 18px;padding:12px 14px;border:1px solid #e4ebe4;background:#f7faf6;border-radius:13px;order:2}
#product-product .next-seller-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#fff1e5;color:var(--next-orange);font-size:18px}
#product-product .next-seller-caption{display:block;font-size:11px;color:#778680;line-height:1.6}
#product-product .next-seller-card strong{display:block;font-size:14px;color:var(--next-ink);line-height:1.7;overflow-wrap:anywhere}
@media(max-width:767px){#product-product .next-seller-card{margin:2px 0 12px;padding:10px 12px}#product-product .next-seller-card strong{font-size:13px}}


#product-product a.next-seller-card{text-decoration:none;color:inherit;transition:background .2s,border-color .2s,box-shadow .2s;cursor:pointer}
#product-product a.next-seller-card:hover{background:#f0f7ef;border-color:#cbdccd;box-shadow:0 4px 15px #193b3208}
#product-product a.next-seller-card:focus-visible{outline:2px solid var(--next-orange);outline-offset:3px}
#product-product .next-seller-label{flex:1;min-width:0}
#product-product .next-seller-visit{display:block;font-size:11px;color:#c45c16;margin-top:3px}
#product-product .next-seller-arrow{font-size:21px;color:#a1b2a6;margin-inline-start:5px}
