*{box-sizing:border-box}
body{margin:0;font-family:Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.43;color:#666;background:#fff}
a{color:#23a1d1;text-decoration:none}a:hover{color:#1b7fa6;text-decoration:underline}
h1,h2,h3,h4,h5{color:#444;font-weight:500;margin:0 0 10px}
h1{font-size:30px;margin:20px 0 15px}h3{font-size:22px;margin:20px 0 12px;color:#444}
.container{max-width:1170px;margin:0 auto;padding:0 15px}
#top{background:#f9f9f9;border-bottom:1px solid #e2e2e2;padding:4px 0;font-size:12px;min-height:34px}
#top .container{display:flex;justify-content:flex-end;gap:18px;align-items:center;min-height:26px}
#top a{color:#888}#top a:hover{color:#444;text-decoration:none}
#top svg{vertical-align:-2px;margin-right:4px}
header{padding:20px 0}
header .container{display:grid;grid-template-columns:4fr 5fr 3fr;gap:30px;align-items:center}
#logo img{max-width:100%;height:auto;display:block}
#logo .txt{font:800 28px/1 Arial,sans-serif;letter-spacing:-.5px}
#logo .txt .r{color:#e3141b}#logo .txt .k{color:#111}
#search{display:flex}
#search input{flex:1;height:40px;border:1px solid #ccc;border-right:0;border-radius:4px 0 0 4px;padding:0 12px;font-size:12px;color:#555}
#search button{height:40px;width:68px;border:1px solid #ccc;background:linear-gradient(#fff,#e0e0e0);border-radius:0 4px 4px 0;color:#333;cursor:pointer}
#cart a{display:block;text-align:center;height:40px;line-height:38px;border:1px solid #ccc;border-radius:4px;background:#f5f5f5;color:#333;font-size:12px}
#cart a:hover{background:#e6e6e6;text-decoration:none}
#cart svg{vertical-align:-2px;margin-right:4px}
#menu{background:#e2e6e9;border-radius:4px;margin-bottom:20px;min-height:40px}
#menu > ul{list-style:none;margin:0;padding:0 15px;display:flex;flex-wrap:wrap}
#menu > ul > li{position:relative}
#menu > ul > li > a{display:block;padding:10px 15px 11px;color:#1a1a1a;font-size:15px}
#menu > ul > li > a:hover{background:rgba(0,0,0,.06);text-decoration:none}
#menu .dd{display:none;position:absolute;left:0;top:100%;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:0 0 4px 4px;box-shadow:0 6px 12px rgba(0,0,0,.175);min-width:200px;z-index:20;padding:8px 0}
#menu li:hover .dd{display:block}
#menu .dd a{display:block;padding:6px 18px;color:#333;font-size:13px}
#menu .dd a:hover{background:#229ac8;color:#fff;text-decoration:none}
#menu .toggle{display:none}
.slideshow{position:relative;border:1px solid #ddd;border-radius:4px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.08);background:#fff;aspect-ratio:1140/380}
.slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.slideshow img.on{opacity:1}
.dots{text-align:center;margin:12px 0 10px}
.dots span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#000;opacity:.2;margin:0 4px;cursor:pointer}
.dots span.on{opacity:.75}
.row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:20px}
.product-thumb{border:1px solid #ddd;display:flex;flex-direction:column}
.product-thumb .image{text-align:center;padding:0}
.product-thumb .image a{display:block;aspect-ratio:1/1;padding:4px}
.product-thumb .image img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.product-thumb .image a:hover img{opacity:.8}
.product-thumb .caption{padding:0 20px;min-height:180px;flex:1}
.product-thumb h4{font-size:14px;font-weight:700;margin:6px 0 10px;line-height:1.35}
.product-thumb h4 a{color:#444}
.product-thumb .caption p{font-size:13px;margin:0 0 10px}
.price{color:#444;margin:10px 0}
.button-group{border-top:1px solid #ddd;background:#eee;display:flex}
.button-group a{flex:1;text-align:center;background:#f2f2f2;color:#888;line-height:38px;font-weight:700;font-size:12px;text-transform:uppercase;border-left:1px solid #ddd}
.button-group a:first-child{border-left:0}
.button-group a:hover{background:#ddd;color:#444;text-decoration:none}
.carousel{border:1px solid #ddd;border-radius:4px;padding:18px 10px;margin:20px 0 10px;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.carousel img{height:60px;width:auto;max-width:130px;object-fit:contain}
.breadcrumb{list-style:none;margin:0 0 20px;padding:8px 0;border:1px solid #ddd;border-radius:4px;background:#f5f5f5;display:flex;flex-wrap:wrap}
.breadcrumb li{padding:0 20px 0 10px;position:relative;font-size:13px}
.breadcrumb li:after{content:"";position:absolute;right:-5px;top:-3px;width:26px;height:26px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(-45deg) scale(.7)}
.breadcrumb li:last-child:after{display:none}
.product{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-bottom:20px}
.thumbnail{display:block;max-width:500px;border:1px solid #ddd;border-radius:4px;padding:4px;aspect-ratio:1/1;background:#fff}
.thumbnail img{width:100%;height:100%;object-fit:contain}
.product h1{font-size:22px;margin-top:0;line-height:1.3}
.list-unstyled{list-style:none;padding:0;margin:0 0 10px}
.product .bigprice{font-size:30px;color:#444;margin:10px 0 15px}
.btn-primary{display:inline-block;width:100%;text-align:center;padding:10px 16px;font-size:16px;color:#fff;border-radius:4px;background:linear-gradient(#23a1d1,#1f90bb);border:1px solid #1f90bb;text-shadow:0 -1px 0 rgba(0,0,0,.25)}
.btn-primary:hover{color:#fff;background:#1f90bb;text-decoration:none}
.tabs{border-bottom:1px solid #ddd;margin:25px 0 15px}
.tabs span{display:inline-block;padding:10px 15px;border:1px solid #ddd;border-bottom-color:#fff;border-radius:4px 4px 0 0;margin-bottom:-1px;background:#fff;color:#555}
.desc{color:#666}
footer{background:#f1f3f4;color:#595959;border-top:1px solid #ddd;padding-top:30px;margin-top:30px}
footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
footer h5{font-size:14px;font-weight:700;color:#444;margin:0 0 10px}
footer ul{list-style:none;padding:0;margin:0}
footer a{color:#595959}footer a:hover{color:#222}
footer hr{border:0;border-top:1px solid #ddd;margin:20px 0}
footer p{margin:0;padding-bottom:20px}
.noresult{padding:30px 0}
@media (max-width:991px){.row{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){
 header .container{grid-template-columns:1fr;gap:12px}#logo{text-align:center}#logo img{margin:0 auto}
 .row{grid-template-columns:repeat(2,1fr);gap:15px}.product{grid-template-columns:1fr}
 footer .cols{grid-template-columns:repeat(2,1fr)}
 #menu .toggle{display:block;padding:10px 15px;color:#1a1a1a;font-size:15px;cursor:pointer}
 #menu > ul{display:none;flex-direction:column}#menu.open > ul{display:flex}
 #menu .dd{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 15px;background:transparent}
}
@media (max-width:480px){.row{grid-template-columns:1fr}}