.product-thumb:focus-within .button-group { opacity:1; visibility:visible; transform:none; }
.sm-gallery-arrow { display:none; }
@media (max-width:899px) {
    .thumbnails.sm-gallery-ready .image-additional { display:none; }
    .thumbnails.sm-gallery-ready .image-main { position:relative; margin-bottom:0; }
    .thumbnails.sm-gallery-ready .image-main > a { display:block; }
    .thumbnails.sm-gallery-ready .image-main img { width:100%; height:auto; aspect-ratio:1000 / 550; object-fit:contain; }
    .sm-gallery-arrow { display:flex; position:absolute; top:50%; transform:translateY(-50%); align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #ddd; border-radius:50%; background:rgba(255,255,255,.94); color:#1b1b1b; z-index:3; cursor:pointer; }
    .sm-gallery-prev { left:8px; }
    .sm-gallery-next { right:8px; }
    .sm-gallery-arrow:active { background:#ff9900; }
    .sm-gallery-arrow:focus-visible { outline:2px solid #ff9900; outline-offset:2px; }
}
.product-thumb .button-group .boc_order_category_btn {
	min-height: 44px;
	padding: 10px 16px;
	border: 1px solid #ff9900;
	border-radius: 6px;
	background: #ff9900;
	color: #1b1b1b;
	font-weight: 700;
	box-shadow: 0 2px 8px #0002;
}

.product-thumb .button-group .boc_order_category_btn:hover,
.product-thumb .button-group .boc_order_category_btn:focus,
.product-thumb .button-group .boc_order_category_btn:active {
	background: #e88b00;
	border-color: #e88b00;
	color: #1b1b1b;
}

.product-thumb .button-group .boc_order_category_btn:focus-visible {
	outline: 2px solid #1b1b1b;
	outline-offset: 2px;
}

@media (hover: none), (pointer: coarse) {
	.product-thumb .button-group { opacity: 1; visibility: visible; transform: none; }
}
.mobile-call { display:none; }
.mobile-call-icon { display:none; }
@media (max-width:899px) {
    #product-category .product-thumb .button-group { display:none!important; }
    .header { gap:8px; padding:10px 12px; }
    .header .header-top__container { display:none; }
    .header .mobile-logo { display:flex; align-items:center; gap:8px; min-width:0; flex:1; }
    .header .mobile-toggle { flex:0 0 44px; min-height:44px; margin:0; padding:10px; }
    .header .mobile-brand { min-width:0; }
    .header .mobile-brand .logo-img { display:block; }
    .header .mobile-brand img { width:100%; max-width:235px; height:auto; }
    .header .mobile-call { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-height:44px; padding:10px 12px; border-radius:6px; background:#ff9900; color:#1b1b1b; font-size:13px; font-weight:700; text-decoration:none; }
    .header .mobile-call:hover,.header .mobile-call:active { background:#e88b00; color:#1b1b1b; }
    .header .mobile-call:focus-visible { outline:2px solid #1b1b1b; outline-offset:2px; }
}
@media (max-width:360px) {
    .header .mobile-call { width:44px; padding:10px; }
    .header .mobile-call-icon { display:block; }
    .header .mobile-call-text { display:none; }
}
@media (max-width:899px) {
    .refine-block { margin-bottom:24px; }
    .refine-block > .row { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -8px; }
    .refine-block > .row::before,.refine-block > .row::after { display:none; }
    .refine-block > .row > div { flex:0 0 50%; max-width:50%; padding:0 8px; float:none; }
    .refine-block .refine-item { margin-bottom:16px; }
    .refine-block .refine-img img { width:100%; max-width:140px; height:auto; }
    .refine-block .refine-name { min-height:0; margin-top:6px; font-size:13px; line-height:1.4; }
}