a.logo{background:url(images/styrahem.png?v=1);display:block;width:100px;height:90px;text-decoration:none;position:absolute; top:-10px; left:10px; }
.payment{background:url(img/paymentInfo2.png) no-repeat;width:161px;height:110px;}
.headermenu {background: none repeat scroll 0 0 green;}
.block .title { background-color: #EEEEEE; }
.opinion .prisjakt {background:url(img/prisjakt.png) no-repeat;width:110px;height:33px; margin: 3px 0px 7px 0px;}
.opinion .stars {background:url(img/stars.png) no-repeat;width:110px;height:10px;margin: 5px 1px 2px 3px;}
.opinion .comment {margin-left: 5px; color: Black; font-style: italic;}
.opinion .more {margin-left: 5px; color: Black; margin-top: 4px; text-align: right;}
.opinion a:hover {text-decoration:none; }
.block-shoppingcart  
{
	background-color: #EEEEEE !important;
	border: 3px solid #00B0D8 !important; 
}
.topicpage .protocol
{	
	height:40px;
	width: 65px !important;
	background-position: center;
	margin-bottom: 10px;
	display: inline-block;
}
.fulldescription .protocol
{	
	background-size: auto 30px;
	min-height: 30px;
	width: 620px !important;
	margin: 10px 0px;
	padding: 0 20px 0 60px;
}
.fulldescription .controller
{	
	background-color: #76b5c5;
	color: White;
	border-radius: 5px;
	padding: 5px 7px;
}
.fulldescription .controllers
{	
	margin-top: 10px;
	margin-bottom: 10px;
	color: Red;	
	border-bottom: 1px solid #E8E6D2;
	padding-bottom: 15px;
}
.fulldescription .controllers .head {
    padding-bottom: 5px;
    font-size: smaller;
    color: #76b5c5;
}
.product-item .attributes
{
	position: absolute;
	top:150px;
	left:150px;	
}
.product-item .protocol 
{
	width:25px;
	height:20px;	
	display: inline-block;
	opacity: 0.8;
}
.product-item .protocol:hover
{
	opacity: 1;
}
.nexa, .nexa433
{
	background: url('img/Nexa.svg') no-repeat;
	width: 29px !important;
}
.zwave
{
	background: url('img/ZWave.svg') no-repeat;
}
.zigbee
{
	background: url('img/Zigbee.svg') no-repeat;
	width: 20px !important;
}
.shellyblu
{
	background: url('img/ShellyBLU.svg') no-repeat;
	width: 29px !important;
}
.shellywifi
{
	background: url('img/ShellyWiFi.svg') no-repeat;
	width: 29px !important;
}
.tuya
{
	background: url('img/Tuya.svg') no-repeat;
	width: 40px !important;
}
.wifi
{
	background: url('img/WiFi.svg') no-repeat;
	width: 29px !important;
}
.broadlink
{
	background: url('img/Broadlink.svg') no-repeat;
}
.switchbot
{
	background: url('img/SwitchBot.svg') no-repeat;
}
.bluetooth
{
	background: url('img/Bluetooth.svg') no-repeat;
	width: 15px !important;
}
.sonoffwifi
{
	background: url('img/SonoffWifi.svg') no-repeat;
	width: 29px !important;
}
.sonoff433, .sonoffrf
{
	background: url('img/Sonoff433.svg') no-repeat;
}
.googleplay
{
	background: url('img/GooglePlay.svg') no-repeat;
}
.appstore
{
	background: url('img/AppStore.svg') no-repeat;
}
.matter
{
	background: url('img/Matter.svg') no-repeat;
	width: 20px !important;
}
.thread
{
	background: url('img/Thread.svg') no-repeat;
	width: 20px !important;
}
.ewelinkremote
{
	background: url('img/eWeLinkRemote.svg') no-repeat;
	width: 40px !important;
}
.fulldescription .ewelinkremote
{
	background-size: auto 40px !important;
}

/* Related products — kompakt kort-layout (matchar mobil-designen) */
.related-products-grid { margin-top: 20px; border-top: 2px solid #eee; padding-top: 14px; }
.related-products-grid .title {
	font-size: 16px; font-weight: 700; color: #222; padding: 0 0 8px; margin-bottom: 12px;
}
.small-product-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 10px;
}
.product-card-small {
	display: flex; flex-direction: column; text-decoration: none;
	border: 1px solid #e3e3e3; border-radius: 8px;
	overflow: hidden; background: #fff; transition: box-shadow 0.15s;
}
.product-card-small:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.product-card-small-img {
	position: relative; width: 100%; height: 140px; background: #f9f9f9;
}
.product-card-small-img img {
	width: 100%; height: 100%; object-fit: contain; display: block; padding: 6px; box-sizing: border-box;
}
.pcs-discount {
	position: absolute; top: 4px; left: 4px;
	background: #e85d04; color: #fff; font-size: 10px; font-weight: 700;
	padding: 2px 5px; border-radius: 4px;
}
.product-card-small-info { padding: 8px 10px 10px; display: flex; flex-direction: column; gap: 4px; }
.product-card-small-name {
	font-size: 13px; color: #222; line-height: 1.35;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.product-card-small-price { font-size: 14px; font-weight: 700; color: #c00; }