/* Minification failed. Returning unminified contents.
(582,114): run-time error CSS1039: Token not allowed after unary operator: '-fly-dx'
(582,128): run-time error CSS1039: Token not allowed after unary operator: '-fly-dy'
(2381,44): run-time error CSS1030: Expected identifier, found '.'
(2381,61): run-time error CSS1031: Expected selector, found ')'
(2381,61): run-time error CSS1025: Expected comma or open brace, found ')'
(2383,39): run-time error CSS1030: Expected identifier, found '.'
(2383,53): run-time error CSS1031: Expected selector, found ')'
(2383,53): run-time error CSS1025: Expected comma or open brace, found ')'
*/
.foo{}
/* Contributor(s): RetroViz Design. */
/* HTML GENERAL */
body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,form{margin:0;padding:0;}
input{margin:0;padding:4px;border-radius:2px;border:1px solid #E3E3E3;}
body{font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:12px;text-align:center;color:black/*#3A4045*/;background:#E6E6E6;}
a{color:#0073C1/*#3664A5*/;text-decoration:none;}
a:hover{color:#0073C1/*#3664A5*/;text-decoration:underline;}
a img{border:0;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;}
h2,h3{font-size:16px;}
/* MASTER PAGE WRAPPERS */
.master-wrapper-page{margin:0 auto;width:960px;transform-origin:left top;}
.master-wrapper-content{float:left;width:960px;margin:15px 0 0;text-align:left;background:#FFF;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: 0 0 4px 4px rgba(1, 1, 1, 0.05);}
/* one column master page */
.master-wrapper-center-1{float:left;width:960px;background:#FFF;display:inline;}
.master-wrapper-cph-1{float:left;width:940px;color:#000;min-height:600px;padding:10px;}
/* two column master page */
.master-wrapper-side-2{float:left;width:180px;margin:0 0 0 10px;display:inline;}
.master-wrapper-center-2{float:left;width:760px;margin:0 0 0 10px;background:#FFF;display:inline;}
.master-wrapper-cph-2{float:left;width:740px;background:#FFF;color:#000;min-height:400px;padding:10px;}
/* three column master page */
.master-wrapper-leftside-3{float:left;width:180px;margin:0 0 0 10px;display:inline;}
.master-wrapper-center-3{float:left;width:560px;margin:0 0 0 10px;background:#FFF;display:inline;}
.master-wrapper-cph-3{float:left;width:540px;background:#FFF;color:#000;min-height:400px;padding:10px;}
.master-wrapper-rightside-3{float:right;width:180px;margin:0 10px;display:inline;position:sticky;top:90px;align-self:flex-start;}
/* MASTER HEADER */
.header{padding:6px 6px 10px 5px;height:60px;position:sticky;top:0;z-index:100;background:#fff;}
.header .icon{vertical-align:bottom;}
/*
.header .ico-register{background:url(images/ico-register.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
.header .ico-login{background:url(images/ico-login.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
.header .ico-logout{background:url(images/ico-logout.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
.header .ico-inbox{background:url(images/ico-inbox.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
.header .ico-cart{background:url(images/ico-cart.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
.header .ico-wishlist{background:url(images/ico-wishlist.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
.header .ico-admin{background:url(images/ico-admin.gif) no-repeat;padding-left:20px;padding-bottom:5px;}
*/
.header-logo{margin-top:5px;float:left;text-align:left;}
.header-selectors-wrapper{text-align:right;float:right;width:500px;}
.header-currencyselector{float:right;}
.header-languageselector{float:right;}
.header-taxDisplayTypeSelector{float:right;}
.header-links-wrapper{float:right;text-align:right;width:670px;}
.header-like-wrapper{float:right;text-align:right;width:670px;}
.header-links{border:solid 1px #FFF;padding:5px;margin-bottom:5px;display:inline-table;}
.header-links ul{padding:0;margin:0;}
.header-links ul li{list-style:none;display:inline;padding-right:5px; border-right: 1px solid gray; padding-left:2px;}
.header-links ul li:last-child{border:none;padding-right:0px;}
.header-links a{color:#3664A5;text-decoration:none;}
.header-links a:hover{color:#3664A5;}
.header-links a.account{color:#3664A5;}
.header-links span.impersonate{color:#E44097;font-weight:700;}
.header-links span.impersonate .finish-impersonation{color:#58DE81;}
.headermenu{color:#FFF;background:#7692B9;padding:3px 5px 5px;text-align:center;height:100%;vertical-align:middle;letter-spacing:1px;margin:0 5px;border-radius: 5px;position:sticky;top:60px;z-index:99;}
.headermenu ul{padding:0;margin:0;}
.headermenu li{list-style:none;display:inline;white-space:nowrap;}
.headermenu a{color:#FFF;text-decoration:none;text-transform:uppercase;font-size:.9em;font-weight:700;vertical-align:middle;padding-left:10px;padding-right:10px;}
.searchbox{width:200px;display:inline;position:absolute; top: 20px; left: 350px;border:solid 2px #7692B9;border-radius: 3px;padding:6px; background-color: White;} /* float:left */
.searchbox ul{margin:0;padding:0;}
.searchbox ul li{list-style:none;float:left;}
.searchbox input { border: none; padding:0px;}
.headermenu ul.topmenu{text-align:right;}
.footer{clear:both;height:60px;border-top:4px solid #666;background:#FFF;padding:5px;}
.footer a{text-decoration:none;}
.footer-disclaimer{font-size:11px; color: #888888;}
.footer-menu{font-size:11px; padding-bottom: 5px;}
.footer-info{font-size:11px; padding-bottom: 5px;}
.footer-poweredby {font-size:11px; color: #BBBBBB; padding-top: 20px; color: Gray;}
.footer-poweredby a {color: Gray;}
.footer-storetheme{float:right;margin:0 100px 0 10px;font-size:11px;}
.changedevice{clear:both;text-align:right;}
/* MISC. CLASSES */
.page-title{border-bottom:1px solid;margin:10px 0 0 3px;overflow:hidden;width:100%;}
.checkout-page .page-title{margin:10px 0 0 15px;}
.page-title h1,.page-title h2{padding:5px 5px 5px 0;font-size:20px;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:400;}
td{vertical-align:middle;}
td.fieldname{font-size:12px;}
.table-container{}
.table-container .row{}
.table-container .row .item-name{padding:3px 10px 0 0;display:block;white-space:nowrap;padding-right:10px;vertical-align:middle;}
.table-container .row .item-value{padding:3px 0 0;vertical-align:middle;}
.htmlcontent{padding-bottom:5px;}
.htmlcontent-title{padding:0 0 5px;clear:both;}
.htmlcontent-header{font-size:1.2em;font-weight:700;}
.htmlcontent-body{}
.topicpage{}
.topicpage .topicpage-body{}
.user-agreement-page{}
.user-agreement-page .page-title{}
.user-agreement-page .page-body{}
.clear{border:medium none;clear:both;float:none;font-size:0;height:0;line-height:0;}
.nobr{white-space:nowrap!important;}
.linkButton{color:#3664A5;background-color:inherit;text-decoration:underline;font-weight:700;}
a.linkButton:hover{}
.dropDownLists{height:17px;font-size:10px;padding-left:2px;}
.textBox{margin:1px;border-right:#dfe5e7 1px solid;border-top:#a8bac2 1px solid;border-left:#a8bac2 1px solid;border-bottom:#dfe5e7 1px solid;background:url(Images/bg_textbox.gif) #FFF repeat-x left top;color:#11354A;font-family:verdana;font-size:8pt;padding:1px;height:15px;}
.message-error{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;}
.validation-summary-errors{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;}
.field-validation-error{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;}
.copyright{float:right;padding-right:10px;font-size:10px;}
.copyright a{color:#3664A5;background-color:inherit;}
/* sitemap */
.sitemap-page{margin-left:auto;margin-right:auto;width:100%;}
.sitemap-page .entity{margin:5px 0 30px;}
.sitemap-page .topic-box,.sitemap-page .manufacturer-box,.sitemap-page .category-box,.sitemap-page .product-box{text-align:center;vertical-align:bottom;}
.sitemap-page .topic-box .item,.sitemap-page .manufacturer-box .item,.sitemap-page .category-box .item,.sitemap-page .product-box .item{text-align:left;margin:3px 10px;width:150px;border-bottom:1px dotted #ADACAC;}
checkbox,input,radio,select,button{font-family:Verdana, Arial, sans-serif;font-size:11px;}
/* fix ie button padding bug - apply to all buttons to reduce extra padding applied by ie!
input
{
width: auto;
overflow: visible;
} */
textarea{width:100%;font-family:Verdana, Arial, sans-serif;font-size:11px;}
.textbox{}
.searchtext{border:solid 1px #d3d3d3;vertical-align:top;font-size:12px;width:100%;}
.searchboxtext{width:180px;padding: 2px; font-size:14px;}
.newsaddcommenttitletext{width:500px;border:solid 1px #E3E3E3;vertical-align:top;font-size:12px;}
.newsaddcommentcommenttext{height:150px;width:500px;border:solid 1px #E3E3E3;vertical-align:top;font-size:12px;}
.blogaddcommentcommenttext{height:150px;width:500px;border:solid 1px #E3E3E3;vertical-align:top;font-size:12px;}
.accountsignaturetext{height:100px;width:500px;border:solid 1px #E3E3E3;vertical-align:top;}
.numerictextboxtext{border:solid 1px #E3E3E3;vertical-align:top;font-size:12px;}
.forumtopictitletext,.pmtitletext{width:500px;border:1px solid #acacac;vertical-align:top;font-size:12px;}
.forumposttext,.bbeditortext{width:100%;height:300px;}
.privatemessagesubjecttext{width:500px;border:1px solid #acacac;vertical-align:top;font-size:12px;}
.forumsearchtext{width:500px;border:1px solid #acacac;font-size:14px;}
.forumsearchboxtext{border:1px solid #acacac;font-size:12px;}
.bbeditortext{border:#cec6b5 1px solid;}
.edittopiclinkbutton{padding-right:5px;padding-left:18px;background:url(images/ico-edit.gif) no-repeat;}
.deletetopiclinkbutton{padding-right:5px;padding-left:18px;background:url(images/ico-delete.gif) no-repeat;}
.movetopiclinkbutton{padding-right:5px;padding-left:18px;background:url(images/ico-move-topic.gif) no-repeat;}
.replytopiclinkbutton{padding-right:5px;padding-left:18px;padding-bottom:3px;background:url(images/ico-forum-post-add.gif) no-repeat;}
.watchtopiclinkbutton{padding-left:18px;background:url(images/ico-forum-watch.gif) no-repeat;}
.editpostlinkbutton{padding-right:5px;padding-left:18px;background:url(images/ico-edit.gif) no-repeat;}
.deletepostlinkbutton{padding-right:5px;padding-left:18px;background:url(images/ico-delete.gif) no-repeat;}
.quotepostlinkbutton,.postlink{color:#000;float:right;padding:1px 3px;border:solid 1px #ccc;line-height:15px;font-size:11px;}
.postlink{padding:1px 3px;margin-right:5px;border:none;}
.searchboxbutton{margin:0px;}
.productlistproductdetailbutton,.productgridproductdetailbutton,
/*.searchbutton,.contactusbutton,.newsitemaddcommentbutton,.blogpostaddcommentbutton,.productvariantaddtocartbutton,.productwritereviewbutton,.loginbutton,.registerbutton,.checkoutasguestbutton,.savecustomerinfobutton,.addaddressbutton,.changepasswordbutton,.registernextstepbutton,.completeregistrationbutton,.passwordrecoverybutton,.newpasswordbutton,.saveaddressbutton,.sendemailafriendbutton,.checkoutbutton,.selectshippingaddressbutton,.newaddressnextstepbutton,.selectbillingaddressbutton,.sameasshippingaddressbutton,.shippingmethodnextstepbutton,.paymentmethodnextstepbutton,.paymentinfonextstepbutton,.confirmordernextstepbutton,.submitforumtopicbutton,.submitpmbutton,.replypmbutton,.deleteselectedpmbutton,.reorderbutton,.minicartcheckoutbutton,.newsletterbox-subscribebutton,.useragreementbutton,.deleteselectedfsbutton,.submitreturnrequestbutton,.uploadavatarbutton,.checkavailabilitybutton,.productlistaddtocartbutton,.productgridaddtocartbutton,.productemailafriendbutton,.productaddtocomparelistbutton,.productvariantaddtowishlistbutton,.editaddressbutton,.deleteaddressbutton,.cancelrecurringorderbutton,.orderdetailsbutton,.returnitemsbutton,.orderdetailsprintbutton,.estimateshippingbutton,.updatewishlistbutton,.applycouponcodebutton,.updatecartbutton,.continueshoppingbutton,.orderprocessedcontinuebutton,.submitpollvotebutton,.cancelforumtopicbutton,.forumsearchbutton,.forumsearchboxbutton,.cancelpmbutton,.deletepmbutton,.backpmbutton,.removeavatarbutton*/
.smallbutton
{
margin-bottom:3px;
margin-top: 3px;
padding: 3px 10px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
box-shadow:inset 0px 1px 0px 0px #bee2f9;
background-color:#C5CFDB;
text-indent:0;
border:1px solid #838587;
display:inline-block;
color:#14396a;
text-decoration:none;
text-align:center;
min-width: 100px;
}
.minicartcheckoutbutton
{
margin-top: 5px;
margin-left: 5px;
width : 161px;
height : 33px;
background : url(img/toCart.png) no-repeat;
cursor: pointer;
}
.checkoutbutton
{
margin-top: 5px;
margin-left: 5px;
width : 200px;
height : 39px;
background : url(img/checkout.png) no-repeat;
cursor: pointer;
}
.productlistaddtocartbutton
{
margin-top: -8px;
float: right;
display:inline-block;
width : 203px;
height : 41px;
background : url(img/addCartBig.png) no-repeat;
cursor: pointer;
}
.productlistaddtocartbutton:active, .productlistaddtocartbuttonsmall:active, .minicartcheckoutbutton:active, .checkoutbutton:active
{
background-position: 2px 2px;
}
.productlistaddtocartbuttonsmall
{
margin-top: 5px;
width : 167px;
height : 34px;
background : url(img/addCartSmall.png) no-repeat;
cursor: pointer;
}
.bigbutton
{
margin-bottom:3px;
margin-top: 5px;
padding: 6px 10px;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
box-shadow:inset 0px 1px 0px 0px #bee2f9;
background-color:#73c8fe;
text-indent:0;
border:1px solid #3866a3;
display:inline-block;
color:#14396a;
text-decoration:none;
text-align:center;
min-width: 100px;
cursor: pointer;
}
/*.searchbutton:hover,.contactusbutton:hover,.newsitemaddcommentbutton:hover,.blogpostaddcommentbutton:hover,.productvariantaddtocartbutton:hover,.productwritereviewbutton:hover,.loginbutton:hover,.registerbutton:hover,.checkoutasguestbutton:hover,.savecustomerinfobutton:hover,.addaddressbutton:hover,.changepasswordbutton:hover,.registernextstepbutton:hover,.completeregistrationbutton:hover,.passwordrecoverybutton:hover,.newpasswordbutton:hover,.saveaddressbutton:hover,.sendemailafriendbutton:hover,.checkoutbutton:hover,.selectshippingaddressbutton:hover,.newaddressnextstepbutton:hover,.selectbillingaddressbutton:hover,.sameasshippingaddressbutton:hover,.shippingmethodnextstepbutton:hover,.paymentmethodnextstepbutton:hover,.paymentinfonextstepbutton:hover,.confirmordernextstepbutton:hover,.submitforumtopicbutton:hover,.submitpmbutton:hover,.replypmbutton:hover,.deleteselectedpmbutton:hover,.reorderbutton:hover,.minicartcheckoutbutton:hover,.newsletterbox-subscribebutton:hover,.useragreementbutton:hover,.deleteselectedfsbutton:hover,.submitreturnrequestbutton:hover,.uploadavatarbutton:hover,.checkavailabilitybutton:hover,.productlistaddtocartbutton:hover,.productgridaddtocartbutton:hover,.productemailafriendbutton:hover,.productaddtocomparelistbutton:hover,.productvariantaddtowishlistbutton:hover,.editaddressbutton:hover,.deleteaddressbutton:hover,.cancelrecurringorderbutton:hover,.orderdetailsbutton:hover,.returnitemsbutton:hover,.orderdetailsprintbutton:hover,.estimateshippingbutton:hover,.updatewishlistbutton:hover,.applycouponcodebutton:hover,.updatecartbutton:hover,.continueshoppingbutton:hover,.orderprocessedcontinuebutton:hover,.submitpollvotebutton:hover,.cancelforumtopicbutton:hover,.forumsearchbutton:hover,.forumsearchboxbutton:hover,.cancelpmbutton:hover,.deletepmbutton:hover,.backpmbutton:hover,.removeavatarbutton:hover*/
.smallbutton:hover,.bigbutton:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
background-color:#468ccf;
}
ul.languagelist{display:inline;line-height:25px;}
ul.languagelist li{list-style:none;display:inline;padding:0 5px;}
ul.languagelist li .selected{border:solid 1px #ccc!important;}
ul.languagelist li:hover{cursor:pointer;}
.storethemelist{border:solid 1px #E3E3E3;}
.forumtopicoptionscheck{}
.forumtopicoptionscheck label{color:#000;font-size:.9em;padding-left:5px;vertical-align:top;}
/* PAGER — compact modern pagination */
/* "Visa fler" load-more button (desktop) */
.load-more-wrap { text-align: center; padding: 16px 0 20px; }
.load-more-btn {
display: inline-block; padding: 10px 28px; font-size: 14px; font-weight: 600;
color: #fff; background: #007f00; border: none; border-radius: 5px; cursor: pointer;
}
.load-more-btn:hover { background: #006600; }
.load-more-count { display: block; font-size: 11px; font-weight: 400; opacity: 0.8; margin-top: 3px; }
.load-more-spinner { font-size: 13px; color: #666; padding: 10px; }
.pager {
text-align: center;
padding: 18px 0 22px;
display: flex;
justify-content: center;
align-items: center;
gap: 3px;
flex-wrap: wrap;
}
.pager a, .pager span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 30px;
height: 30px;
padding: 0 8px;
font-size: 13px;
font-weight: 500;
border-radius: 4px;
text-decoration: none;
transition: background 0.15s, color 0.15s;
line-height: 1;
}
.pager a {
color: #555;
background: transparent;
border: 1px solid #ddd;
}
.pager a:hover {
background: #f0f0f0;
border-color: #bbb;
color: #222;
}
.pager span {
color: #fff;
background: #333;
border: 1px solid #333;
font-weight: 600;
}
/* NAVIGATIONS */
/* #7692B9*/
.block{margin-top:10px;margin-bottom:0px;padding-bottom:0px;padding-left:0; border: 1px solid #E8E6D2; border-radius:5px; }
.block .title{font-size:12px;font-weight:700;text-transform:uppercase;padding:4px 8px 0px; border-bottom: 1px solid #E8E6D2; padding-bottom: 3px; background-color: #EEEEFF; margin-bottom: 5px;}
.block .listbox{font-size:12px;padding:2px 8px 10px;margin:0;}
.block .listbox ul{margin:0;padding:0 0 0 0px;/*color:#3664A5*/;background-color:inherit;}
.block a{}
.block li{list-style:none; padding-bottom: 2px;}
.block li.separator{height:1px;background:#E8E6D2;width:140px;margin:5px 0; padding-bottom: 0px;}
.block-category-navigation,.block-manufacturer-navigation,.block-recently-viewed-products,.block-info,.block-shoppingcart,.block-newsletter,.block-livechat,.block-popular-tags,.block-popular-blogtags,.block-blog-archive,.block-poll,.block-account-navigation{}
.block-livechat .listbox{text-align:center;}
/* Sidebar mini-cart doljs — header-cart-ikon + popup ersatter den. Behalls i DOM som
datakalla for stepper-counts (cardCart_GetCount / detailCart_RefreshCount laser harifran). */
.block-shoppingcart { display: none !important; }
.block-shoppingcart .items{margin-top:10px;}
.block-shoppingcart .items ul{padding : 0px; }
.block-shoppingcart .items li{border-top: 1px solid #CCCCCC; padding: 0px 5px; position: relative; }
.block-shoppingcart .product{font-size:13px; color:#0073C1; font-weight: bold; width:147px;overflow: hidden; text-overflow: ellipsis;}
.block-shoppingcart .listbox {padding: 2px 0px 5px 0px; white-space: nowrap;}
.block-shoppingcart .buttons{text-align:center;padding-top:5px; border-top: 1px solid #CCCCCC;}
.block-shoppingcart .title{font-size:1.3em; font-weight: bold; padding-left: 60px; background: none !important; border:none !important;}
.block-shoppingcart .summary{padding-left: 60px;margin-top:2px;}
.block-shoppingcart .quantity{font-size: small; font-weight: normal;}
.block-shoppingcart .price{font-size: small; font-weight: normal; position:absolute; right: 5px;}
.block-shoppingcart .removeCart{position: absolute; right: 3px; top: 1px;}
.removeCart{width:16px; height: 16px; background: url(img/remove.png); cursor:pointer;}
.removeCart:hover {background: url(img/remove-hl.png)}
.block-category-navigation a, .block-category-navigation a:hover { color:Black; }
.block-category-navigation .active a,.block-manufacturer-navigation .active a{}
.block-category-navigation .listbox ul .active,.block-manufacturer-navigation .listbox ul .active{font-weight:700;}
.block-category-navigation .listbox ul .inactive,.block-manufacturer-navigation .listbox ul .inactive{}
.block-account-navigation a.active{font-weight:700;}
.block-account-navigation a{white-space:nowrap;}
.block-account-navigation a.inactive{}
.block-category-navigation li {text-overflow: ellipsis; white-space:nowrap; overflow: hidden;}
.block-category-navigation .level0 { font-size: 14px; }
.block-category-navigation .level1 { font-size: 13px; margin-left: 10px }
.block-category-navigation .level2 { font-size: 12px; margin-left: 20px }
.block-manufacturer-navigation .listbox .viewall a{}
.block-newsletter .options{margin-top:5px;}
.block-newsletter .buttons{margin-top:5px;}
.block-recently-viewed-products a:hover{}
.block-popular-tags li,.block-popular-blogtags li{display:inline!important;}
.block-blog-archive .year{font-weight:700;}
/* ORDER SUMMARY, SHOPPING CART, WISHLIST */
.shoppingcart-page,.wishlist-page{}
.shoppingcart-page .page-title,.wishlist-page .page-title{border-bottom:0 none;}
.shoppingcart-page .body,.wishlist-page .body{margin:0;padding:0;font-size:11px;color:#000;}
.order-summary-content{margin:0;padding:10px;font-size:14px;color:#000;}
.order-summary-content::after{content:"";display:block;clear:both;}
.wishlist-content{margin:0;font-size:11px;color:#000;background-color:inherit;}
.order-summary-content .totals{float:left;padding:23px 5px 0;width:200px;}
.order-summary-content .cart-collaterals{padding:20px 0 10px;width:550px;float:right;}
.order-summary-content .deals{display:inline;float:right;margin:0 0 0 20px;width:250px;}
.order-footer .shipping,
.order-summary-content .shipping{display:inline;float:left;margin:0;width:280px;}
.order-summary-content .coupon-box, .order-summary-content .giftcard-box{padding:10px;font-size:12px;color:#000;margin:0 0 10px;border:solid 2px #d3d3d3;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;}
.order-summary-content .coupon-box .head {font-size:18px;margin-bottom:5px;}
.order-summary-content .coupon-box input {margin: 4px 0;}
.order-summary-content .coupon-box .current-code{font-size:16px;}
.order-summary-content .giftcard-box{position:relative;z-index:1;}
.order-summary-content .giftcard-box .head {font-size:18px;margin-bottom:5px;}
.order-summary-content .giftcard-box input {margin: 4px 0;}
.order-summary-content .cart,.wishlist-content .cart{width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;}
.wishlist-content .cart{margin-bottom:25px;}
.order-summary-content .cart td,.wishlist-content .cart td{padding:10px;}
.order-summary-content .cart .cart-header-row,.wishlist-content .cart .cart-header-row{font-weight:700;}
.order-summary-content .cart .cart-header-row th,.wishlist-content .cart .cart-header-row th{background:url(images/cart_line_y.gif) repeat-y right;padding:2px 8px;vertical-align:middle;white-space:nowrap;}
.order-summary-content .cart .cart-header-row th.picture,.wishlist-content .cart .cart-header-row th.picture{background:none;border:none;}
.order-summary-content .cart .cart-header-row th.end,.wishlist-content .cart .cart-header-row th.end{background:none;padding-right:5px;}
.order-summary-content .cart .cart-item-row,.wishlist-content .cart .cart-item-row{}
.order-summary-content .cart .cart-item-row td,.wishlist-content .cart .cart-item-row td{background:url(images/cart_line_y.gif) repeat-y right;border-top:1px dotted #c5c5c5;vertical-align:middle;line-height:30px;}
.order-summary-content .cart .cart-item-row td.productpicture,.wishlist-content .cart .cart-item-row td.productpicture{padding:5px;background:none;}
.order-summary-content .cart .cart-item-row td.product,.wishlist-content .cart .cart-item-row td.product{text-align:left;padding:0 10px;}
.order-summary-content .cart .cart-item-row td.end,.wishlist-content .cart .cart-item-row td.end{border-top:1px dotted #c5c5c5;background:none;text-align:right;font-weight:700;color:Green;}
.order-summary-content .total-info{margin:0;}
.cart_total_left{width:100%;text-align:right;vertical-align:middle;height:21px;font-weight:700;color:#353434;}
.cart_total_left_below{width:100%;text-align:right;vertical-align:top;height:30px;}
.cart_total_right{text-align:right;vertical-align:middle;padding-left:5px;}
.order-summary-content .removegiftcardbutton,.order-summary-content .removediscountbutton{padding-right:5px;padding-left:18px;background:url(images/ico-delete.gif) no-repeat;border:0;width:32px;height:15px;}
.order-summary-content .removegiftcardbutton:hover,.order-summary-content .removediscountbutton:hover{cursor:pointer;}
.order-summary-content .selected-checkout-attributes{margin:0;padding:10px 0;width:100%;text-align:right;vertical-align:middle;color:#353434;}
.order-summary-content .checkout-attributes{margin:10px 0;padding:10px 20px;background:none repeat scroll 0 0 #F7F5E8;border:1px dotted #D3D3D3;}
.order-summary-content .min-amount-warning{margin:0;padding:10px 0 10px 10px;}
.order-summary-content .terms-of-service{margin:0;padding:10px 0 10px 10px;}
.order-summary-content .terms-of-service .read{text-decoration:underline;}
.order-summary-content .terms-of-service .read:hover{cursor:pointer;}
.order-summary-content .common-buttons{margin:0;padding:10px 10px 10px 0;float:left;}
.order-summary-content .checkout-buttons{float:right;margin:0;padding:10px 0 10px 10px;}
.order-summary-content .addon-buttons{clear:both;float:right;margin:0;padding:10px 0 10px 10px;text-align:right;}
.order-summary-content .crosssells-title{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;padding:5px 5px 5px 0;border-bottom:0 none;margin:0 0 10px;width:100%;}
.order-summary-content .giftcard-card { border: 1px gray solid; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; position: relative; }
.order-summary-content .giftcard-card .head { background-color: Gray; color: White; display: block; margin: -5px -5px 0 -10px; padding: 5px 10px; text-align: left;}
.order-summary-content .giftcard-card #removegiftcard { position: absolute; right: -14px; top: 1px; }
.order-summary-content .giftcard-card span { padding: 5px; line-height: 20px; }
.estimate-shipping{margin:0;padding:10px;font-size:12px;color:#000;border:solid 2px #d3d3d3;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;}
.estimate-shipping b {font-size: 18px; font-weight:normal;}
.estimate-shipping .shipping-options{text-align:left;margin:10px 0;/*border:1px solid #E8E6D2;*/height:auto;}
.estimate-shipping .shipping-options .shipping-option-item{text-align:left;vertical-align:text-top;}
.estimate-shipping .shipping-options .shipping-option-item .option-name{font-weight:700;}
.estimate-shipping .shipping-options .shipping-option-item .option-description{padding:5px 0 5px 0px;}
/* CHECKOUT, ORDER DETAILS */
.checkout-page,.checkout-one-page{}
.checkout-page .page-title,.checkout-one-page .page-title{border-bottom:0 none;}
.checkout-page .checkout-data,.checkout-one-page .checkout-data{margin:0;padding:0;font-size:12px;color:#000;background-color:inherit;}
.checkout-one-page .checkout-data .progress{position:absolute;top:100px;width:180px;left:0;right:0;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #FFF;padding:5px 10px;text-align:center;z-index:2147483647;}
.checkoutstep{}
.checkoutstep .steptitle{border:1px solid #2F4F4F;color:#FFF;background-color:#2E4d7B;font-family:Arial, Sans-Serif;font-size:12px;font-weight:700;padding:5px;margin-top:5px;}
.checkoutstep .stepcontent{border:dashed 1px #2F4F4F;border-top:none;padding:5px;}
.order-summary-title{padding:10px 10px 5px 0;font-size:11px;color:#000;font-weight:700;clear:both;}
.order-summary-body{text-align:center;margin:10px 0;border:1px solid #e5e7eb;border-radius:10px;height:auto;overflow:hidden;}
.checkout-data .rounded { -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; }
.checkout-data .select-address-title{padding:10px 10px 5px 0;font-weight:700;clear:both;}
.checkout-data .address-grid{margin-bottom:15px;padding:0;}
.checkout-data .address-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;}
.checkout-data .address-grid .address-item{text-align:center;margin:10px;border:1px solid #E8E6D2;width:200px;height:auto;}
.checkout-data .address-grid .address-item .select-button{margin-bottom:5px;margin-top:5px;text-align:center;}
.checkout-data .address-grid .address-item .address-box{text-align:left;}
.checkout-data .enter-address-title{padding:10px 10px 5px 0;font-weight:700;clear:both;}
.checkout-data .enter-address{text-align:center;margin:0;border:none;height:auto;padding:0;}
.checkout-data .enter-address .enter-address-body{text-align:left;margin:0;}
.checkout-data .enter-address .buttons{margin:10px;text-align:left;}
.checkout-data .enter-address .the-same-address{text-align:left;margin:10px;}
.checkout-data .shipping-options{text-align:left;margin:10px;border:1px solid #E8E6D2;height:auto;padding:10px;}
.checkout-data .shipping-options .shipping-option-item{text-align:left;vertical-align:text-top;padding:5px 0 0 5px;position:relative;}
.checkout-data .shipping-options .shipping-option-item .option-name{font-weight:700;padding:0 0 0 20px;}
.checkout-data .shipping-options .shipping-option-item .option-name input {position:absolute; top:7px; left:6px;}
.checkout-data .shipping-options .shipping-option-item .option-description{padding:5px 0 5px 20px;}
.checkout-data .shipping-options .select-button{margin:10px;text-align:left;}
.checkout-data .shipping-options .message-error{margin:10px;text-align:left;}
.checkout-data .userewardpoints{margin:0;padding:10px;font-size:11px;color:#000;background:#F7F5E8;margin-bottom:10px;border:dotted 1px #d3d3d3;}
.payment-methods{text-align:left;margin:10px;}
.payment-methods .payment-method-item{padding:10px;text-align:left;vertical-align:text-top;border:1px solid #E8E6D2;height:auto;margin:5px;width:400px;position:relative;}
.payment-methods .selected { background-color: #DDFFDD;}
.payment-methods .cost { position:absolute; right:10px; top:10px; font-weight:700;}
.payment-methods .free {font-weight:normal;color:Gray;}
.payment-methods .payment-method-item .option-name{font-weight:700;padding:0 0 0 20px;}
.payment-methods .payment-method-item .option-name input {position:absolute; top:12px; left:10px;}
.payment-methods .payment-method-item .option-description{padding:5px 0 5px 20px;}
.payment-methods .payment-method-item .option-form{padding :10px 0 5px 24px; display:none;}
.payment-methods .selected .option-form{display:block;}
.payment-methods .hide{display:none;}
.payment-methods .selected .hide{display:inline-flex;}
.payment-methods .select-button{margin:10px;text-align:left;}
.payment-methods .message-error{padding:10px 10px 5px 0;font-weight:700;clear:both;}
.checkout-data .payment-info{text-align:left;margin:10px;border:1px solid #E8E6D2;height:auto;}
.checkout-data .payment-info .body{padding:10px;text-align:left;vertical-align:text-top;}
.checkout-data .payment-info .select-button{margin:10px;text-align:left;}
.checkout-data .confirm-order{text-align:left;margin:10px;border:1px solid #E8E6D2;height:auto;}
.checkout-data .confirm-order .select-button{margin:10px;text-align:left;}
.checkout-data .confirm-order .message-error{margin:10px;text-align:left;}
.checkout-data .order-completed{text-align:left;margin:10px;border:1px solid #E8E6D2;height:auto;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius: 5px;}
.checkout-data .order-completed .body{padding:10px;text-align:left;vertical-align:text-top;}
.checkout-data .order-completed .select-button{margin:10px;text-align:left;}
.order-details{}
.order-details .page-title{border-bottom:0 none;text-align:left;}
.order-details .print-buttons{text-align:right;}
.order-details .info{border:1px solid #E8E6D2;padding:10px;}
.order-details .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;}
.order-details .order-overview{text-align:left;padding-bottom:10px;}
.order-details .order-overview .order-total-top{text-align:right;}
.order-details .order-details-box{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.order-details .products-box,.order-details .ordernotes-box{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.order-details .checkout-attributes{text-align:right;vertical-align:middle;padding:10px;height:auto;}
.order-details .cart_total_left{color:#000;}
.order-details .products-box .sku{}
.order-details .products-box .product{}
.order-details .products-box .unitprice{text-align:right;}
.order-details .products-box .qty{text-align:center;}
.order-details .products-box .subtotal{text-align:right;}
.downloable-products{margin:0;padding:5px;font-size:11px;color:#000;background-color:inherit;}
.downloable-products .info{padding:10px;}
.order-progress{height:40px;margin:0 auto;text-align:center;border-bottom:solid 2px #f3f3f3;}
.order-progress ul{padding:0;margin:0;}
.order-progress ul li{list-style:none;display:inline;padding:5px 20px 0;}
.order-progress ul li .active-step{color:#6a6a6a;background:url(images/progress-step-active.gif) no-repeat 50% 50%;padding-bottom:40px;padding-right:1px;}
.order-progress ul li .inactive-step{color:#d7d7d7;background:url(images/progress-step-inactive.gif) no-repeat 50% 50%;padding-bottom:40px;padding-right:1px;}
.return-request{}
.return-request .page-title{border-bottom:0 none;}
.return-request .section-addinfo{padding:10px 10px 5px 0;font-weight:700;}
.return-request .products-box{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.return-request .why{}
.return-request .buttons{}
.customer-return-request-list{margin:0;padding:5px;font-size:11px;color:#000;background-color:inherit;}
.customer-return-request-list .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.customer-return-request-list .request-item{text-align:left;margin-bottom:10px;padding:10px;border:1px solid #E8E6D2;height:auto;}
/* ONE PAGE CHECKOUT */
/* OPC — modern design */
.opc { position: relative; padding: 0; margin: 0; }
.opc ul, .opc ol, ul.opc, ol.opc { list-style: none; padding: 0; margin: 0; }
.opc li.section { margin-bottom: 12px; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; transition: border-color 0.2s, box-shadow 0.2s; }
/* Step title (rubrik med numrerad cirkel) */
.opc .step-title { display: flex; align-items: center; gap: 12px; padding: 14px 18px; background: #f9fafb; border: none; cursor: default; text-align: left; }
.opc .step-title:after { display: none; }
.opc .step-title .number { float: none; background: #d1d5db; color: #fff; border: none; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; font: 700 14px/1 inherit; padding: 0; margin: 0; }
.opc .step-title h2 { float: none; margin: 0; font: 600 16px/1.3 inherit; color: #6b7280; text-transform: none; flex: 1; }
/* Allow (klickbar, ej aktiv) */
.opc .allow .step-title { background: #f9fafb; cursor: pointer; }
.opc .allow .step-title:hover { background: #f3f4f6; }
.opc .allow .step-title .number { background: #007f00; color: #fff; }
.opc .allow .step-title h2 { color: #374151; }
/* Kompakta hopfallda steg (modernt summary-rad-monster): tunnare rad, ✓ i cirkeln, "Ändra"-affordance */
.opc .section:not(.active) .step-title { padding: 8px 16px; gap: 10px; }
.opc .section:not(.active) .step-title .number { width: 22px; height: 22px; font-size: 12px; }
.opc .section:not(.active) .step-title h2 { font-size: 14px; font-weight: 500; }
.opc .allow:not(.active) .step-title .number { font-size: 0; }
.opc .allow:not(.active) .step-title .number::after { content: "✓"; font-size: 12px; font-weight: 700; color: #fff; }
.opc .allow:not(.active) .step-title::after { display: inline-block; content: "Ändra"; color: #007f00; font-size: 12.5px; font-weight: 600; text-decoration: underline; }
/* Active (öppen) */
.opc .active { border-color: #007f00; box-shadow: 0 4px 12px rgba(0,127,0,0.08); }
.opc .active .step-title { background: #f0fdf4; cursor: default; }
.opc .active .step-title .number { background: #007f00; color: #fff; transform: scale(1.05); }
.opc .active .step-title h2 { color: #15803d; }
/* Step content */
.opc .step { border: none; border-top: 1px solid #e5e7eb; background: #fff; padding: 20px 18px; position: relative; }
/* Buttons */
.opc .buttons { margin-top: 0; padding-top: 16px; display: flex; align-items: center; gap: 12px; }
.opc .buttons .back-link small { display: none; }
.opc .buttons .back-link a { background: none; padding-left: 0; color: #6b7280; text-decoration: none; font-size: 14px; }
.opc .buttons .back-link a::before { content: "‹ "; }
.opc .buttons .back-link a:hover { color: #374151; }
.opc .buttons.disabled button { display: none; }
.opc .buttons .please-wait { height: auto; line-height: 1.4; color: #6b7280; font-size: 13px; }
.opc .buttons button.newaddressnextstepbutton, .opc .buttons button.shippingmethodnextstepbutton, .opc .buttons button.paymentmethodnextstepbutton, .opc .buttons button.paymentinfonextstepbutton, .opc .buttons button.confirmordernextstepbutton { background: #007f00; color: #fff; border: none; padding: 10px 24px; border-radius: 6px; font-weight: 600; font-size: 14px; cursor: pointer; transition: background 0.15s; margin-left: auto; }
.opc .buttons button.newaddressnextstepbutton:hover, .opc .buttons button.shippingmethodnextstepbutton:hover, .opc .buttons button.paymentmethodnextstepbutton:hover, .opc .buttons button.paymentinfonextstepbutton:hover, .opc .buttons button.confirmordernextstepbutton:hover { background: #006600; }
.opc .buttons button.confirmordernextstepbutton { padding: 12px 32px; font-size: 16px; box-shadow: 0 2px 8px rgba(0,127,0,0.25); }
.opc .buttons button.confirmordernextstepbutton:hover { box-shadow: 0 4px 12px rgba(0,127,0,0.35); }
/* Confirm info text under button */
.confirm-info { margin-top: 14px; padding: 12px 14px; background: #f9fafb; border-left: 3px solid #d1d5db; border-radius: 4px; font-size: 12px; color: #6b7280; line-height: 1.5; }
.confirm-info a { color: #007f00; text-decoration: underline; }
/* Confirm-footer: terms-texten till vanster + knappen till hoger pa samma rad,
cleared under totals sa de inte krockar. */
/* Stackad layout: terms-texten overst (fullbredd), knapp-raden under till hoger.
Kan inte overlappa (block-stacking). */
.confirm-footer { clear: both; margin-top: 16px; }
.confirm-footer .confirm-info { margin: 0 0 14px 0; }
.confirm-footer .buttons { display: flex; align-items: center; gap: 12px; }
.confirm-footer .buttons .confirmordernextstepbutton { margin-left: auto; }
/* Review-block pa confirm-steget: leverans-/betalningsadress + leverans-/betalsatt */
.opc-review { display: flex; flex-wrap: wrap; gap: 12px 16px; margin: 4px 0 16px; }
.opc-review-item { flex: 1 1 200px; min-width: 180px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 10px; padding: 12px 14px; box-sizing: border-box; }
.opc-review-label { display: block; font-size: 11px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: .03em; margin-bottom: 5px; }
.opc-review-value { font-size: 13px; color: #222; line-height: 1.5; }
.opc-review-sub { color: #6b7280; font-size: 12px; }
.opc .ul { list-style: disc outside; padding-left: 18px; }
/* HOME PAGE */
.home-page-product-grid{margin-left:auto;margin-right:auto;width:520px;}
/* Cart stepper on desktop product cards — storre; gron bakgrund bara pa cart-ikonen */
.product-grid .card-stepper, .product-list .card-stepper {
display: inline-flex; align-items: center; gap: 0;
border: 1px solid #ddd; border-radius: 8px; overflow: hidden;
height: 38px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.product-grid .card-stepper .stepper-icon, .product-list .card-stepper .stepper-icon {
display: flex; align-items: center; justify-content: center;
width: 46px; height: 38px; background: #007f00; cursor: pointer;
}
.product-grid .card-stepper .stepper-icon img, .product-list .card-stepper .stepper-icon img { width: 24px; height: 24px; filter: brightness(0) invert(1); }
.product-grid .card-stepper .qty-btn, .product-list .card-stepper .qty-btn {
display: flex; align-items: center; justify-content: center;
width: 32px; height: 38px; font-size: 18px; font-weight: 700;
cursor: pointer; user-select: none; background: #f5f5f5; color: #333;
transition: background 0.12s;
}
.product-grid .card-stepper .qty-btn:hover, .product-list .card-stepper .qty-btn:hover { background: #e8e8e8; }
.product-grid .card-stepper .qty-btn.disabled, .product-list .card-stepper .qty-btn.disabled { color: #ccc; cursor: default; }
.product-grid .card-stepper .qty-btn.disabled:hover, .product-list .card-stepper .qty-btn.disabled:hover { background: #f5f5f5; }
.product-grid .card-stepper .card-cart-count, .product-list .card-stepper .card-cart-count {
display: flex; align-items: center; justify-content: center;
min-width: 28px; height: 38px; font-size: 16px; font-weight: 700; color: #333;
background: #fff;
}
/* A/B morph-variant: "Kop"-knapp pa kort (visas nar tom), morphar till gron stepper */
.card-buy-row { display: inline-flex; align-items: center; }
.card-buy-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
height: 38px; padding: 0 16px; background: #007f00; color: #fff; border: none;
border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap;
box-shadow: 0 2px 6px rgba(0,127,0,0.25); transition: background 0.12s, box-shadow 0.12s;
}
.card-buy-btn:hover { background: #006600; box-shadow: 0 4px 10px rgba(0,127,0,0.35); }
.card-buy-btn:active { transform: translateY(1px); }
.card-buy-btn svg { width: 18px; height: 18px; }
/* Default + stepper-variant: alltid steppern, ingen knapp */
.card-buy-row .card-buy-btn { display: none; }
.card-buy-row .card-stepper { display: inline-flex; }
/* Morph-variant: knapp nar tom, stepper nar i kundvagn (.has-items satts av cardCart_Init) */
html.ab-buy-morph .card-buy-row:not(.has-items) .card-buy-btn { display: inline-flex; }
html.ab-buy-morph .card-buy-row:not(.has-items) .card-stepper { display: none; }
.out-of-stock-desktop { color: #c00; font-size: 12px; margin-top: 4px; }
/* Fly-dot animation (add/remove from cart) */
.fly-dot { position:fixed; width:22px; height:22px; border-radius:50%; pointer-events:none; z-index:99999; background:#007f00; box-shadow:0 2px 8px rgba(0,0,0,0.3); }
.fly-dot-red { background:#c00; }
@keyframes flyDot { 0%{transform:translate(0,0) scale(1);opacity:1} 80%{opacity:1} 100%{transform:translate(var(--fly-dx),var(--fly-dy)) scale(0.3);opacity:0} }
.fly-dot-go { animation:flyDot 0.85s cubic-bezier(0.25,0.46,0.45,0.94) forwards; }
/* Toast notifications */
.toast { position:fixed; top:70px; left:50%; transform:translateX(-50%) translateY(-20px); padding:12px 24px; border-radius:8px; color:#fff; font-size:14px; font-weight:500; box-shadow:0 4px 16px rgba(0,0,0,0.2); z-index:99998; opacity:0; pointer-events:none; transition:opacity 0.25s,transform 0.25s; max-width:480px; min-width:240px; text-align:center; }
.toast.toast-show { opacity:1; transform:translateX(-50%) translateY(0); }
.toast-success { background:#007f00; }
.toast-error { background:#c00; }
.toast-info { background:#333; }
/* Detail-sidan: Lagg-i-varukorg-knapp + stepper sida vid sida */
.detail-buy-row { display: flex; align-items: center; gap: 12px; margin: 10px 0; }
/* Default + stepper-variant (A): alltid steppern synlig, ingen knapp */
.detail-buy-row .detail-buy-btn { display: none; }
.detail-buy-row .detail-stepper { display: inline-flex; }
.detail-buy-row .detail-incart-label { display: none; }
.detail-buy-row.has-items .detail-incart-label { display: inline-flex; align-items: center; gap: 4px; color: #15803d; font-size: 14px; font-weight: 600; }
/* Morph-variant (B): count=0 -> bara knapp, count>0 -> stepper + "I varukorgen" */
html.ab-buy-morph .detail-buy-row:not(.has-items) .detail-buy-btn { display: inline-flex; }
html.ab-buy-morph .detail-buy-row:not(.has-items) .detail-stepper { display: none; }
.detail-buy-btn { flex: 1; max-width: 320px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 20px; height: 52px; background: #007f00; color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.15s, box-shadow 0.15s; box-shadow: 0 2px 8px rgba(0,127,0,0.25); white-space: nowrap; }
.detail-buy-btn:hover { background: #006600; box-shadow: 0 4px 12px rgba(0,127,0,0.35); }
.detail-buy-btn:active { transform: translateY(1px); }
.detail-buy-icon { width: 22px; height: 22px; filter: brightness(0) invert(1); }
/* Detail page stepper — storre (52px = matchar buy-knappen); gron bakgrund bara pa cart-ikonen */
.detail-stepper {
display: inline-flex; align-items: center; border: 1px solid #ddd; border-radius: 8px; overflow: hidden; height: 52px; margin: 0;
flex-shrink: 0; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.detail-stepper .stepper-cart-icon { display: flex; align-items: center; justify-content: center; width: 60px; height: 52px; background: #007f00; border-right: 1px solid #006a00; }
.detail-stepper .stepper-cart-icon img { width: 32px; height: 32px; filter: brightness(0) invert(1); opacity: 1; }
.detail-stepper .qty-btn { display: flex; align-items: center; justify-content: center; width: 46px; height: 52px; font-size: 24px; font-weight: 700; cursor: pointer; user-select: none; background: #f5f5f5; color: #333; transition: background 0.12s; }
.detail-stepper .qty-btn:hover { background: #e8e8e8; }
.detail-stepper .qty-btn.disabled { color: #ccc; cursor: default; }
.detail-stepper .qty-btn.disabled:hover { background: #f5f5f5; }
.detail-stepper .detail-cart-count { display: flex; align-items: center; justify-content: center; min-width: 44px; height: 52px; font-size: 20px; font-weight: 700; color: #333; background: #fff; }
/* Header cart icon + count badge + hover popup — samma design som mobil */
/* Position: absolute top-right av .header (som har position:sticky) */
.header { position: sticky; } /* säkerställ stacking-context for absolute child */
.header-cart-wrap { position: absolute; top: 4px; right: 13px; width: 52px; height: 44px; z-index: 50; list-style: none; padding: 0 !important; border: none !important; }
/* Goa plats för cart-ikonen — flytta user-links något åt vänster så de inte krockar */
.header-links-wrapper { padding-right: 60px; box-sizing: border-box; }
.header-cart-icon { display: flex; align-items: center; justify-content: center; width: 52px; height: 44px; text-decoration: none; position: relative; cursor: pointer; }
.header-cart-icon:hover { text-decoration: none; }
.header-cart-img { display: inline-block; width: 34px; height: 34px; background: url(/Themes/Mobile/Content/images/cart.svg) no-repeat center; background-size: contain; }
.header-cart-count { position: absolute; top: 2px; right: 0; background: green; color: #fff; font-size: 14px; font-weight: 600; min-width: 22px; height: 22px; border-radius: 11px; display: flex; align-items: center; justify-content: center; padding: 0 5px; box-sizing: border-box; line-height: 1; text-shadow: none; }
.header-cart-count[data-count="0"] { display: none; }
/* Popup vid hover/klick */
.header-cart-popup { display: none; position: absolute; top: 100%; right: 0; width: 320px; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); z-index: 1000; margin-top: 6px; max-height: calc(100vh - 64px); overflow-y: auto; }
.header-cart-popup.open { display: block; }
/* Pil ovanför popup */
.header-cart-popup::before { content: ""; position: absolute; top: -7px; right: 16px; width: 12px; height: 12px; background: #fff; border-left: 1px solid #ddd; border-top: 1px solid #ddd; transform: rotate(45deg); }
/* Header mini-cart (hmc) — modern popup design */
.hmc { font-family: inherit; color: #333; text-align: left; }
.header-cart-popup { text-align: left; }
.hmc-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid #eee; background: #fafafa; border-radius: 6px 6px 0 0; }
.hmc-title { font-size: 15px; font-weight: 700; color: #333; }
.hmc-count-text { font-size: 12px; color: #888; }
.hmc-empty { padding: 32px 16px; text-align: center; }
.hmc-empty-icon { display: inline-block; width: 48px; height: 48px; background: url(/Themes/Mobile/Content/images/cart.svg) no-repeat center; background-size: contain; opacity: 0.4; }
.hmc-empty p { margin: 10px 0 0; color: #888; font-size: 13px; }
.hmc-items { max-height: 360px; overflow-y: auto; padding: 4px 0; }
.hmc-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 16px; border-bottom: 1px solid #f0f0f0; position: relative; }
.hmc-item:last-child { border-bottom: none; }
.hmc-item-pic { flex-shrink: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: #f8f8f8; border-radius: 4px; overflow: hidden; }
.hmc-item-pic img { max-width: 100%; max-height: 100%; object-fit: contain; }
.hmc-item-info { flex: 1; min-width: 0; padding-right: 24px; }
.hmc-item-name { display: block; font-size: 13px; font-weight: 500; color: #333; text-decoration: none; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.hmc-item-name:hover { color: #007f00; text-decoration: none; }
.hmc-item-meta { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; font-size: 12px; gap: 8px; }
.hmc-price { color: #c00; font-weight: 600; font-size: 13px; white-space: nowrap; }
/* Popup-stepper */
.hmc-stepper { display: inline-flex; align-items: center; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; height: 30px; }
.hmc-stepper .qty-btn { display: flex; align-items: center; justify-content: center; width: 28px; height: 30px; font-size: 15px; font-weight: 700; cursor: pointer; user-select: none; background: #f5f5f5; color: #333; padding: 0; }
.hmc-stepper .qty-btn:hover { background: #e8e8e8; }
.hmc-stepper .qty-minus { color: #c00; }
.hmc-stepper .qty-minus:hover { background: #ffe0e0; color: #800; }
.hmc-stepper .qty-minus.disabled { color: #ccc; cursor: default; }
.hmc-stepper .qty-minus.disabled:hover { background: #f5f5f5; color: #ccc; }
.hmc-stepper .hmc-qty-count { display: flex; align-items: center; justify-content: center; min-width: 24px; height: 30px; font-size: 13px; font-weight: 600; color: #333; padding: 0 4px; }
.hmc-footer { padding: 12px 16px; border-top: 1px solid #eee; background: #fafafa; border-radius: 0 0 6px 6px; }
.hmc-subtotal { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 14px; }
.hmc-subtotal-value { font-weight: 700; color: #c00; font-size: 16px; }
.hmc-buttons { display: flex; flex-direction: column; gap: 8px; }
.hmc-view-cart-btn { display: flex; align-items: center; justify-content: center; padding: 8px 16px; background: #fff; color: #374151 !important; text-decoration: none; border: 1px solid #d1d5db; border-radius: 5px; font-weight: 500; font-size: 13px; transition: all 0.15s; }
.hmc-view-cart-btn:hover { background: #f9fafb; border-color: #9ca3af; text-decoration: none; }
.hmc-checkout-btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 16px; background: #007f00; color: #fff !important; text-decoration: none; border-radius: 5px; font-weight: 600; font-size: 14px; transition: background 0.15s; }
.hmc-checkout-btn:hover { background: #006600; text-decoration: none; color: #fff !important; }
/* Cart-page stepper */
.cart-page-stepper { display: inline-flex; align-items: center; border: 1px solid #ddd; border-radius: 5px; overflow: hidden; height: 32px; }
.cart-page-stepper .qty-btn { display: flex; align-items: center; justify-content: center; min-width: 30px; height: 32px; font-size: 15px; font-weight: 700; cursor: pointer; user-select: none; background: #f5f5f5; color: #333; padding: 0 2px; }
.cart-page-stepper .qty-btn:hover { background: #e8e8e8; }
.cart-page-stepper .qty-minus { color: #c00; }
.cart-page-stepper .qty-minus:hover { background: #ffe0e0; color: #800; }
.cart-page-stepper .qty-minus.disabled { color: #ccc; cursor: default; }
.cart-page-stepper .qty-minus.disabled:hover { background: #f5f5f5; color: #ccc; }
/* Checkout-progress-bar ovanpa login/checkoutasguest-sidan */
.checkout-steps-bar { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 16px 0; margin-bottom: 16px; border-bottom: 1px solid #eee; }
.checkout-step { display: flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 20px; background: #f5f5f5; color: #888; font-size: 13px; }
.checkout-step.checkout-step-active { background: #007f00; color: #fff; font-weight: 600; }
.checkout-step-num { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,0.25); font-size: 12px; font-weight: 700; }
.checkout-step:not(.checkout-step-active) .checkout-step-num { background: #ddd; color: #666; }
.checkout-step-arrow { color: #ccc; font-size: 18px; user-select: none; }
@media (max-width: 720px) {
.checkout-step-label { display: none; }
.checkout-step { padding: 6px 10px; }
}
/* Login-page: ny gust-checkout-design */
.login-page .page-title h1 { font-size: 26px; font-weight: 700; margin-bottom: 4px; }
.login-page .page-subtitle { color: #666; font-size: 14px; margin-top: 0; }
.guest-checkout-options { display: flex; gap: 16px; margin: 24px 0; }
.guest-option { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 22px 16px; border-radius: 10px; text-decoration: none; transition: all 0.2s; cursor: pointer; box-sizing: border-box; }
.guest-option:hover { transform: translateY(-3px); text-decoration: none; }
.guest-option h3 { margin: 10px 0 6px; font-size: 16px; font-weight: 700; }
.guest-option p { font-size: 12px; color: #666; margin: 0 0 14px; line-height: 1.4; }
.guest-option-icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 4px; }
.guest-option-icon svg { width: 30px; height: 30px; }
/* PRIMARY — guest checkout (rekommenderat) */
.guest-option-primary { background: #f0fdf4; border: 2px solid #22c55e; }
.guest-option-primary:hover { box-shadow: 0 8px 24px rgba(34,197,94,0.18); }
.guest-option-primary h3 { color: #15803d; }
.guest-option-primary .guest-option-icon { background: #22c55e; color: #fff; }
.guest-btn { display: inline-block; padding: 10px 24px; border-radius: 6px; font-weight: 600; font-size: 14px; }
.guest-btn-primary { background: #22c55e; color: #fff !important; }
.guest-option-primary:hover .guest-btn-primary { background: #15803d; }
/* SECONDARY — skapa konto */
.guest-option-secondary { background: #fff; border: 2px solid #e5e7eb; }
.guest-option-secondary:hover { border-color: #6b7280; }
.guest-option-secondary h3 { color: #374151; }
.guest-option-secondary .guest-option-icon { background: #f3f4f6; color: #6b7280; }
.guest-btn-secondary { background: #fff; color: #374151 !important; border: 1px solid #d1d5db; }
.guest-option-secondary:hover .guest-btn-secondary { background: #f9fafb; border-color: #6b7280; }
/* Returning customer block med ikon */
.login-title-wrap { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.login-title-wrap .login-title { font-size: 17px; font-weight: 700; color: #007f00; }
/* Guest-checkout (desktop): returning-customer fullbredd, vansterstalld, floating labels
(slar legacy .returning-wrapper{float:right;width:50%} via djupare selektorer) */
.login-page.checkout-guest .wrapper { width: 100%; max-width: 680px; }
.login-page.checkout-guest .wrapper .returning-wrapper { float: none; width: 100%; margin: 10px 0 0; }
.login-page.checkout-guest .wrapper .returning-wrapper .login-title { text-align: left; }
.login-page.checkout-guest .wrapper .returning-wrapper .login-block {
border: 1px solid #e5e7eb; border-radius: 10px; margin: 0; padding: 22px; min-height: 0; max-width: 440px; box-sizing: border-box; text-align: left;
}
/* Login-kort-header: cirkel-ikon + titel INOM ramen (matchar guest-option-panelerna) */
.login-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.login-card-icon { width: 44px; height: 44px; border-radius: 50%; background: #f0fdf4; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.login-card-head .login-title { font-size: 16px; font-weight: 700; color: #15803d; }
/* Register (desktop): required-stjarna i label, for/efternamn-par, Privat/Foretag-pill, gron knapp */
.fl-field label .req-star { color: #c00; font-weight: 700; }
.reg-pair { display: flex; gap: 14px; }
.reg-pair .fl-field { flex: 1 1 0; min-width: 0; margin-bottom: 14px; }
/* Register ateranvander den delade .addr-tabs / .addr-tab-toggeln (se _CreateOrUpdateAddress) */
.registration-page .registernextstepbutton { background: #007f00 !important; color: #fff !important; border: none !important; padding: 13px 34px !important; border-radius: 8px !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer; box-shadow: 0 2px 8px rgba(0,127,0,0.25); transition: background .15s; }
.registration-page .registernextstepbutton:hover { background: #006600 !important; box-shadow: 0 4px 12px rgba(0,127,0,0.35); }
/* Modern flat register: en sammanhangande form i huvudinnehallet (inga boxiga paneler) */
.registration-page .body { max-width: 520px; }
.registration-page .section-body { border: none !important; padding: 0 !important; background: transparent; height: auto; }
.registration-page .section-title { font-size: 15px !important; font-weight: 700; color: #222; padding: 0 !important; margin: 24px 0 12px !important; border: none; clear: both; }
.registration-page .section-title:first-of-type { margin-top: 8px !important; }
.reg-newsletter { display: inline-flex; align-items: center; gap: 8px; margin: 16px 0 6px; font-size: 14px; font-weight: 400; color: #333; cursor: pointer; }
.reg-newsletter, .reg-newsletter * { font-size: 14px; font-weight: 400; }
.reg-newsletter input[type="checkbox"] { width: auto; min-height: 0; margin: 0; }
/* Vanlig /login (ej checkout): bada kolumner som matchande kort + gron "Skapa konto" */
.login-page:not(.checkout-guest) .wrapper { width: 100%; max-width: 720px; }
.login-page:not(.checkout-guest) .login-block { border: 1px solid #e5e7eb !important; border-radius: 10px !important; padding: 22px !important; min-height: 0 !important; background: #fff; margin: 10px !important; box-sizing: border-box; text-align: left; }
.login-page:not(.checkout-guest) .new-wrapper, .login-page:not(.checkout-guest) .returning-wrapper { width: 50%; box-sizing: border-box; }
.new-customer-text { font-size: 14px; color: #555; line-height: 1.5; margin: 0 0 18px; }
.new-customer-btn { display: inline-block; padding: 12px 26px; background: #007f00; color: #fff !important; border-radius: 8px; font-size: 15px; font-weight: 700; text-decoration: none !important; transition: background .15s; }
.new-customer-btn:hover { background: #006600; color: #fff !important; text-decoration: none !important; }
/* === Konto-/kontaktsidor: modern flat form (fl-auto) + floating textarea + knappar === */
.fl-auto .section-body { border: none !important; padding: 0 !important; background: transparent; height: auto; }
.fl-auto .section-title { font-size: 15px !important; font-weight: 700; color: #222; padding: 0 !important; margin: 22px 0 12px !important; border: none; }
.fl-auto .table-container { width: 100%; max-width: 520px; }
.fl-auto .table-container .item-value { padding: 0 0 2px; }
.fl-field textarea { width: 100% !important; box-sizing: border-box !important; padding: 22px 12px 8px !important; min-height: 150px; border: 1px solid #d1d5db !important; border-radius: 8px !important; background: #fafafa !important; font-size: 14px; font-family: inherit; transition: border-color .15s, background .15s; }
.fl-field textarea:focus { outline: none; border-color: #22c55e !important; background: #f5fbf5 !important; }
.fl-field textarea::placeholder { color: transparent; }
.fl-field textarea:focus ~ label, .fl-field textarea:not(:placeholder-shown) ~ label { top: 5px; font-size: 10.5px; color: #15803d; font-weight: 500; }
/* Grona primarknappar (solid) pa konto-/kontaktsidor */
.savecustomerinfobutton, .changepasswordbutton, .contactusbutton, .addaddressbutton, .contact-form .registernextstepbutton {
background: #007f00 !important; color: #fff !important; border: none !important; padding: 12px 28px !important;
border-radius: 8px !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer;
box-shadow: 0 2px 8px rgba(0,127,0,0.25); transition: background .15s;
}
.savecustomerinfobutton:hover, .changepasswordbutton:hover, .contactusbutton:hover, .addaddressbutton:hover, .contact-form .registernextstepbutton:hover { background: #006600 !important; }
/* Sekundara (outline) knappar */
.editaddressbutton, .orderdetailsbutton, .returnitemsbutton, .reorderbutton, .orderdetailsprintbutton {
background: #fff !important; color: #007f00 !important; border: 2px solid #007f00 !important; padding: 8px 18px !important;
border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer; text-decoration: none !important; transition: background .15s;
}
.editaddressbutton:hover, .orderdetailsbutton:hover, .returnitemsbutton:hover, .reorderbutton:hover, .orderdetailsprintbutton:hover { background: #f0fdf4 !important; }
.deleteaddressbutton {
background: #fff !important; color: #c00 !important; border: 2px solid #e5b4b4 !important; padding: 8px 18px !important;
border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer; transition: background .15s, border-color .15s;
}
.deleteaddressbutton:hover { background: #fff5f5 !important; border-color: #c00 !important; }
/* Moderna checkboxar/radios pa konto-/registersidor */
.fl-auto input[type="checkbox"], .fl-auto input[type="radio"], .reg-newsletter-row input[type="checkbox"], .reg-newsletter input[type="checkbox"] { accent-color: #007f00; width: 17px; height: 17px; cursor: pointer; }
.reg-newsletter-row { display: inline-flex; align-items: center; gap: 9px; margin: 14px 0 6px; }
.reg-newsletter-row label { margin: 0; font-size: 14px; font-weight: 400; color: #333; cursor: pointer; }
/* Kund-adresskort (Mina adresser) */
.cust-address-grid { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 18px; }
.cust-address-card { flex: 1 1 320px; max-width: 420px; border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px; background: #fff; display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; }
.cust-address-company { font-weight: 700; }
.cust-address-cols { display: flex; gap: 18px; }
.cust-address-body { flex: 1 1 55%; font-size: 13px; line-height: 1.55; color: #222; }
.cust-address-contact { flex: 1 1 45%; font-size: 12.5px; line-height: 1.55; color: #6b7280; word-break: break-word; }
.cust-address-contact .lbl { display: block; font-size: 10.5px; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .03em; }
.cust-address-contact > div + div { margin-top: 8px; }
.cust-address-muted { color: #6b7280; font-size: 12px; }
.cust-address-actions { display: flex; gap: 8px; margin-top: auto; }
/* Order-kort (Mina ordrar) — flera per rad i flex-grid */
.order-list { display: flex; flex-wrap: wrap; gap: 12px; }
.cust-order-card { flex: 1 1 300px; max-width: 400px; box-sizing: border-box; display: flex; flex-direction: column; border: 1px solid #e5e7eb; border-radius: 10px; padding: 16px; background: #fff; }
.cust-order-head { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.cust-order-num { font-size: 15px; font-weight: 700; color: #222; }
.cust-order-status { margin-left: auto; font-size: 12px; font-weight: 600; color: #374151; background: #f3f4f6; border-radius: 999px; padding: 4px 12px; white-space: nowrap; }
.cust-order-status.complete { color: #15803d; background: #f0fdf4; }
.cust-order-meta { font-size: 13px; color: #6b7280; margin-bottom: 12px; }
.cust-order-actions { display: flex; gap: 8px; margin-top: auto; }
/* === Orderdetaljer: ren kort-baserad layout (ett kort per sektion, inga dubbla ramar) === */
/* .info ar bara en transparent wrapper - ingen egen ram (annars dubbel ram runt korten) */
.order-details .info { border: none !important; padding: 0 !important; }
/* Order-header (nummer + status-pill + meta) - ren rad ovanfor korten */
.order-details .order-overview { margin: 0 0 22px; }
.order-details .od-head { display: flex; align-items: center; gap: 12px; }
.order-details .od-num { font-size: 20px; font-weight: 700; color: #111827; }
.order-details .od-status { font-size: 12px; font-weight: 600; color: #374151; background: #f3f4f6; border-radius: 999px; padding: 5px 13px; margin-left: auto; white-space: nowrap; }
.order-details .od-status.complete { color: #15803d; background: #f0fdf4; }
.order-details .od-status.cancelled { color: #b91c1c; background: #fef2f2; }
.order-details .od-meta { font-size: 13px; color: #6b7280; margin-top: 5px; }
.order-details .od-meta b { color: #111827; font-size: 14px; }
.order-details .od-pickup { margin-top: 8px; color: #15803d; font-weight: 600; font-size: 13px; }
.order-details .od-invoice { margin-top: 10px; display: flex; align-items: center; gap: 12px; font-size: 13px; flex-wrap: wrap; }
.order-details .od-invoice b { font-weight: 700; }
/* Ett enda kort per sektion */
.order-details .order-details-box,
.order-details .products-box,
.order-details .ordernotes-box { border: 1px solid #e5e7eb !important; border-radius: 12px; padding: 22px !important; background: #fff; margin-bottom: 20px; }
/* Sektionsrubrik nara sitt kort */
.order-details .section-title { font-size: 12px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: .04em; margin: 4px 0 10px !important; }
/* Adressblock: feta rubriker -> mini-etiketter, tatt intill sin text */
.order-details .order-details-box td { font-size: 14px; line-height: 1.6; color: #222; vertical-align: top; }
.order-details .order-details-box b { display: block; font-size: 11px; font-weight: 700; color: #9ca3af; text-transform: uppercase; letter-spacing: .04em; margin: 22px 0 6px; }
.order-details .order-details-box td > b:first-child { margin-top: 0; }
/* Produkter + noteringar: ren tabell (overstyrar border=1-attributet) */
.order-details .products-box table, .order-details .ordernotes-box table { border: none !important; }
.order-details .products-box th, .order-details .ordernotes-box th { background: transparent; padding: 0 10px 12px !important; border: none !important; border-bottom: 2px solid #eceef1 !important; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: #9ca3af; text-align: left; }
.order-details .products-box th:nth-last-child(-n+3) { text-align: right; }
.order-details .products-box td, .order-details .ordernotes-box td { padding: 13px 10px !important; border: none !important; border-bottom: 1px solid #f3f4f6 !important; font-size: 14px; vertical-align: middle; }
.order-details .products-box tr:last-child td, .order-details .ordernotes-box tr:last-child td { border-bottom: none !important; }
.order-details .products-box td.unitprice, .order-details .products-box td.qty, .order-details .products-box td.subtotal { text-align: right; white-space: nowrap; }
.order-details .products-box .product a { color: #007f00; font-style: normal; font-weight: 600; }
.order-details .products-box .product em { font-style: normal; }
/* Totaler: subtilt kort, hogerstallt */
.order-details .total-info { display: flex; justify-content: flex-end; }
.order-details .total-info .cart-total { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px 20px; background: #fafafa; min-width: 300px; }
.order-details .total-info .cart-total td { font-size: 14px; padding: 5px 0; }
.order-details .total-info .cart_total_left { color: #6b7280; padding-right: 28px; }
.order-details .total-info .cart_total_left b { font-weight: 500; }
.order-details .total-info .cart_total_right { text-align: right; color: #222; white-space: nowrap; }
.order-details .total-info .cart-total tr:last-child td { padding-top: 12px; border-top: 1px solid #e5e7eb; font-size: 16px; }
.order-details .total-info .cart-total tr:last-child .cart_total_left b { font-weight: 700; color: #111827; }
/* Bevakningar (back in stock): modern tabell + rod outline-delete */
.backinstock-subscriptions-grid { border: 1px solid #e5e7eb !important; border-radius: 10px; border-collapse: separate !important; border-spacing: 0; overflow: hidden; }
.backinstock-subscriptions-grid th { background: #f9fafb; padding: 10px !important; border: none !important; border-bottom: 1px solid #e5e7eb !important; font-size: 13px; text-align: left; }
.backinstock-subscriptions-grid td { padding: 10px !important; border: none !important; border-bottom: 1px solid #f3f4f6 !important; font-size: 13px; }
.backinstock-subscriptions-grid tr:last-child td { border-bottom: none !important; }
.deleteselectedbissbutton {
background: #fff !important; color: #c00 !important; border: 2px solid #e5b4b4 !important; padding: 8px 18px !important;
border-radius: 8px !important; font-size: 13px !important; font-weight: 600 !important; cursor: pointer; transition: background .15s, border-color .15s;
}
.deleteselectedbissbutton:hover { background: #fff5f5 !important; border-color: #c00 !important; }
/* Tom-tillstand (konto-sidor): ikon + rubrik + text + CTA */
.empty-state { text-align: center; padding: 48px 24px; border: 1px dashed #d1d5db; border-radius: 12px; background: #fafafa; max-width: 520px; box-sizing: border-box; }
.empty-state-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: #f0fdf4; color: #007f00; margin-bottom: 14px; }
.empty-state-title { font-size: 16px; font-weight: 700; color: #222; margin-bottom: 6px; }
.empty-state-text { font-size: 13.5px; color: #6b7280; line-height: 1.55; margin: 0 auto 18px; max-width: 360px; }
/* Floating-label-falt (login + register, desktop) */
.fl-field { position: relative; margin-bottom: 14px; }
.fl-field input { width: 100% !important; box-sizing: border-box !important; padding: 18px 12px 6px !important; min-height: 50px !important; border: 1px solid #d1d5db !important; border-radius: 8px !important; background: #fafafa !important; font-size: 14px; transition: border-color .15s, background .15s; }
.fl-field input:focus { outline: none; border-color: #22c55e !important; background: #f5fbf5 !important; }
.fl-field label { position: absolute; top: 15px; left: 12px; color: #6b7280; font-size: 14px; font-weight: 400; pointer-events: none; transition: all .15s ease; transform-origin: left top; margin: 0; background: transparent; }
.fl-field input::placeholder { color: transparent; }
.fl-field input:focus ~ label, .fl-field input:not(:placeholder-shown) ~ label { top: 5px; font-size: 10.5px; color: #15803d; font-weight: 500; }
.fl-field .field-validation-error { display: block; font-size: 11px; color: #c00; margin-top: 3px; }
/* Login meta + outline-knapp (sekundar, sa gast-kortet forblir primar) */
.login-meta-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 0 16px; font-size: 13px; }
.login-remember { display: inline-flex; align-items: center; gap: 6px; color: #444; }
.login-remember label { margin: 0; cursor: pointer; font-weight: 400; }
.login-forgot { color: #007f00; white-space: nowrap; }
.login-submit-btn { width: 100%; padding: 13px; background: #fff; color: #007f00; border: 2px solid #007f00; border-radius: 8px; font-size: 15px; font-weight: 700; cursor: pointer; transition: background .15s; }
.login-submit-btn:hover { background: #f0fdf4; }
/* Modern address-form (anvands i OPC, registrering, customer info) */
/* Tabs-row: pill-toggle till vanster + Sverige-info till hoger */
.addr-tabs-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; flex-wrap: wrap; gap: 8px; }
/* Pill-toggle for Privatperson/Foretag */
.addr-tabs { display: inline-flex; padding: 3px; background: #f3f4f6; border-radius: 8px; gap: 2px; margin: 0; }
.addr-tab { padding: 8px 20px; cursor: pointer; font-weight: 500; font-size: 14px; color: #6b7280; border-radius: 6px; transition: all 0.15s; user-select: none; }
.addr-tab:hover { color: #374151; }
.addr-tab.active { background: #007f00; color: #fff; font-weight: 600; box-shadow: 0 1px 3px rgba(0,127,0,0.25); }
.addr-form { display: flex; flex-direction: column; gap: 10px; }
/* 2-col grid: person-info (left) + address (right) */
.addr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
/* foretagsfalt ligger nu i vanster kolumn (addr-col-person), inga grid-tricks behovs */
.addr-col { display: flex; flex-direction: column; gap: 10px; }
@media (max-width: 720px) {
.addr-grid { grid-template-columns: 1fr; gap: 10px; }
}
.addr-row { display: flex; gap: 10px; }
.addr-row-2col .addr-field { flex: 1; }
.addr-row-zip-city { gap: 10px; }
.addr-row-zip-city .addr-field-zip { flex: 0 0 120px; }
.addr-row-zip-city .addr-field-city { flex: 1; }
.addr-field { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.addr-field input[type="text"], .addr-field input[type="email"], .addr-field input[type="tel"] {
width: 100%; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 5px;
font-size: 14px; line-height: 1.4; background: #fff; color: #1f2937;
transition: border-color 0.15s, box-shadow 0.15s; box-sizing: border-box; min-height: 32px;
}
.addr-field input[type="text"]:focus, .addr-field input[type="email"]:focus, .addr-field input[type="tel"]:focus {
outline: none; border-color: #007f00; box-shadow: 0 0 0 3px rgba(0,127,0,0.1);
}
/* Floating labels (Material-style) */
.addr-float { position: relative; padding-top: 0; }
.addr-float input[type="text"], .addr-float input[type="email"], .addr-float input[type="tel"] {
padding: 14px 10px 6px; min-height: 44px;
}
.addr-float label {
position: absolute; top: 13px; left: 11px;
font-size: 14px; color: #6b7280; font-weight: 400;
pointer-events: none; transition: all 0.15s ease;
background: transparent; padding: 0;
transform-origin: left top;
}
.addr-float input:focus ~ label,
.addr-float input:not(:placeholder-shown) ~ label {
top: 4px; font-size: 10px; color: #007f00; font-weight: 500;
}
.addr-float input:focus ~ label { color: #007f00; }
.addr-helper { font-size: 11px; color: #6b7280; margin-top: 2px; }
.addr-sweden-info {
display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px;
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border: 1px solid #fbbf24; border-radius: 999px;
font-size: 13px; font-weight: 600; color: #92400e;
box-shadow: 0 2px 6px rgba(251, 191, 36, 0.3);
animation: swedenPulse 2.5s ease-in-out infinite;
}
.addr-sweden-info svg { stroke: #92400e; flex-shrink: 0; }
@keyframes swedenPulse {
0%, 100% { transform: scale(1); box-shadow: 0 2px 6px rgba(251, 191, 36, 0.3); }
50% { transform: scale(1.03); box-shadow: 0 4px 12px rgba(251, 191, 36, 0.5); }
}
.addr-field .field-validation-error { color: #c00; font-size: 12px; margin-top: 2px; }
/* Payment methods — card-based selection (likt shipping-methods) */
.payment-methods-list { display: flex; flex-direction: column; gap: 10px; }
.payment-method-card { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border: 2px solid #e5e7eb; border-radius: 8px; cursor: pointer; transition: all 0.15s; background: #fff; position: relative; }
.payment-method-card:hover { border-color: #9ca3af; background: #f9fafb; }
.payment-method-card.selected { border-color: #007f00; background: #f0fdf4; }
.payment-method-card.recommended { border-color: #007f00; box-shadow: 0 2px 8px rgba(0,127,0,0.08); }
.payment-method-card.recommended.selected { box-shadow: 0 4px 14px rgba(0,127,0,0.18); }
.payment-method-badge { position: absolute; top: -10px; right: 12px; background: linear-gradient(135deg, #fbbf24, #f59e0b); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; box-shadow: 0 2px 6px rgba(245,158,11,0.4); letter-spacing: 0.3px; }
.payment-method-card input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.payment-method-icon { width: 40px; height: 40px; border-radius: 50%; background: #f3f4f6; color: #6b7280; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s; }
.payment-method-card.selected .payment-method-icon { background: #007f00; color: #fff; }
/* Swish-loggan: behall vit bg aven nar vald (sa loggan syns) */
.payment-method-card .payment-icon-swish { background: #fff; padding: 4px; }
.payment-method-card.selected .payment-icon-swish { background: #fff; }
.payment-method-card .payment-icon-swish img { width: 100%; height: 100%; object-fit: contain; }
.payment-method-body { flex: 1; min-width: 0; }
.payment-method-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.payment-method-name { font-size: 15px; font-weight: 600; color: #374151; }
.payment-method-logo { height: 36px; width: auto; max-width: 140px; }
.payment-method-fee { font-size: 14px; font-weight: 700; color: #15803d; white-space: nowrap; }
.payment-method-fee.free { color: #6b7280; font-weight: 500; font-style: italic; }
.payment-method-desc { font-size: 12px; color: #6b7280; line-height: 1.5; margin-top: 2px; }
/* Extra fields i payment-card — bara visa nar valt */
.payment-method-card .option-form { display: none; margin-top: 10px; }
.payment-method-card.selected .option-form { display: block; }
.payment-method-card .option-form table { width: auto; border-collapse: collapse; }
.payment-method-card .option-form tr { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.payment-method-card .option-form td { padding: 0; font-size: 13px; color: #374151; }
.payment-method-card .option-form td:first-child { white-space: nowrap; flex: 0 0 160px; font-weight: 500; }
.payment-optional-hint { color: #9ca3af; font-weight: 400; font-size: 11px; margin-left: 4px; font-style: italic; }
.payment-method-card .option-form input[type="text"] { padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 5px; font-size: 14px; min-height: 32px; box-sizing: border-box; width: 220px; }
.payment-method-card .option-form input[type="text"]:focus { outline: none; border-color: #007f00; box-shadow: 0 0 0 3px rgba(0,127,0,0.1); }
.payment-method-card .credmsg { margin-top: 10px; padding: 10px; background: #fef2f2; border-left: 3px solid #c00; border-radius: 4px; font-size: 12px; color: #7f1d1d; display: flex; align-items: flex-start; gap: 10px; }
.payment-method-card .credmsg svg { width: 32px; height: 32px; flex-shrink: 0; }
.payment-method-card .credmsg.hide { display: none; }
.payment-method-card.selected .credmsg.hide { display: flex; }
/* Shipping methods — card-based selection (likt adress-cards) */
.shipping-methods-list { display: flex; flex-direction: column; gap: 10px; }
.shipping-method-card { display: flex; align-items: flex-start; gap: 14px; padding: 14px 16px; border: 2px solid #e5e7eb; border-radius: 8px; cursor: pointer; transition: all 0.15s; background: #fff; position: relative; }
.shipping-method-card:hover { border-color: #9ca3af; background: #f9fafb; }
.shipping-method-card.selected { border-color: #007f00; background: #f0fdf4; }
.shipping-method-card input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.shipping-method-icon { width: 40px; height: 40px; border-radius: 50%; background: #f3f4f6; color: #6b7280; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s; }
.shipping-method-card.selected .shipping-method-icon { background: #007f00; color: #fff; }
.shipping-method-body { flex: 1; min-width: 0; }
.shipping-method-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
.shipping-method-name { font-size: 15px; font-weight: 600; color: #374151; }
.shipping-method-fee { font-size: 15px; font-weight: 700; color: #15803d; white-space: nowrap; }
.shipping-method-desc { font-size: 12px; color: #6b7280; line-height: 1.5; }
/* Product gallery modal (zoom + visa-alla) */
.gallery-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.85); z-index: 99998; display: flex; align-items: center; justify-content: center; padding: 40px; cursor: zoom-out; }
.gallery-modal-close { position: absolute; top: 20px; right: 24px; width: 44px; height: 44px; border: none; background: rgba(255,255,255,0.1); color: #fff; font-size: 28px; line-height: 1; cursor: pointer; border-radius: 50%; z-index: 1; transition: background 0.15s; }
.gallery-modal-close:hover { background: rgba(255,255,255,0.25); }
.gallery-modal-stage { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.gallery-modal-stage img { max-width: 100%; max-height: 90vh; object-fit: contain; cursor: default; }
body.gallery-modal-open { overflow: hidden; }
/* Grid-modal: alla bilder samtidigt */
.gallery-modal-grid { padding: 60px 24px 24px; align-items: flex-start; cursor: default; overflow-y: auto; }
.gallery-modal-grid-wrap { background: #fff; max-width: 1000px; width: 100%; border-radius: 8px; padding: 24px; }
.gallery-modal-grid-wrap h2 { font-size: 20px; font-weight: 700; margin: 0 0 16px; color: #1f2937; }
.gallery-modal-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.gallery-modal-img-card { display: block; aspect-ratio: 1 / 1; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; cursor: zoom-in; transition: border-color 0.15s, transform 0.15s; }
.gallery-modal-img-card:hover { border-color: #007f00; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.1); }
.gallery-modal-img-card img { width: 100%; height: 100%; object-fit: contain; padding: 12px; }
/* Lens-zoom modal (klickad bild fran grid eller annan lens-context) */
.gallery-modal-lens { z-index: 99999; }
.gallery-modal-lens .gallery-modal-stage { display: flex; align-items: center; justify-content: center; gap: 20px; cursor: default; width: auto; max-width: 92vw; max-height: 85vh; }
.gallery-modal-lens-img-wrap { position: relative; display: inline-flex; align-items: center; justify-content: center; background: #fff; border-radius: 8px; padding: 8px; flex: 0 1 auto; min-width: 0; }
.gallery-modal-img { max-width: 50vw; max-height: 80vh; width: auto; height: auto; display: block; cursor: crosshair; }
.gallery-modal-lens-lens { position: absolute; display: none; border-radius: 6px; background: rgba(0,127,0,0.08); pointer-events: none; box-sizing: border-box; box-shadow: inset 0 0 0 2px #007f00, inset 0 0 0 3px rgba(255,255,255,0.7); }
/* Pane alltid synlig — empty state innan hover, bild vid hover */
.gallery-modal-lens-pane { width: 420px; height: 420px; background-repeat: no-repeat; background-color: #fff; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); flex-shrink: 0; position: relative; }
.gallery-modal-lens-empty { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: #9ca3af; text-align: center; pointer-events: none; }
.gallery-modal-lens-empty p { margin: 0; font-size: 14px; color: #6b7280; }
.gallery-modal-lens-pane.has-zoom .gallery-modal-lens-empty { display: none; }
@media (max-width: 1100px) {
.gallery-modal-lens-pane { display: none !important; }
.gallery-modal-lens-lens { display: none !important; }
.gallery-modal-img { cursor: default; }
}
/* Product gallery — modern thumb-grid + main image */
.product-gallery .gallery-main-wrap { position: relative; }
.product-gallery .gallery-main { width: 100%; height: 340px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid #f3f4f6; border-radius: 8px; overflow: hidden; position: relative; }
/* Hover-zoom lens (visas pa muspos) */
.product-gallery .gallery-zoom-lens { position: absolute; display: none; border-radius: 6px; background: rgba(0,127,0,0.08); pointer-events: none; box-sizing: border-box; cursor: crosshair; box-shadow: inset 0 0 0 2px #007f00, inset 0 0 0 3px rgba(255,255,255,0.7); z-index: 5; }
/* Pane som visar zoomad del till hoger */
.product-gallery .gallery-zoom-pane { display: none; position: absolute; top: 0; left: calc(100% + 16px); width: 380px; height: 380px; background-repeat: no-repeat; background-color: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); z-index: 50; pointer-events: none; }
.product-gallery .gallery-main-btn:hover { cursor: crosshair; }
@media (max-width: 1100px) {
.product-gallery .gallery-zoom-pane { display: none !important; }
.product-gallery .gallery-zoom-lens { display: none !important; }
}
.product-gallery .gallery-main img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; transition: transform 0.2s; }
.product-gallery .gallery-main a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; cursor: zoom-in; }
.product-gallery .gallery-main a:hover img { transform: scale(1.02); }
/* Main image button med zoom-hint */
.product-gallery .gallery-main-btn { width: 100%; height: 100%; background: none; border: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: center; cursor: zoom-in; position: relative; outline: none; -webkit-tap-highlight-color: transparent; }
.product-gallery .gallery-main-btn:focus { outline: none; }
.product-gallery .gallery-main-btn:focus-visible { outline: 2px solid #007f00; outline-offset: 2px; }
/* Ingen hover-scale — den andrar img:s rect och stor lens-positionering */
.product-gallery .gallery-zoom-hint { position: absolute; bottom: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; background: rgba(0,0,0,0.55); color: #fff; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.15s; pointer-events: none; }
.product-gallery .gallery-main-btn:hover .gallery-zoom-hint { opacity: 1; }
/* Thumb-row med "Visa alla"-knapp */
.product-gallery .gallery-thumbs-row { display: flex; align-items: center; justify-content: space-between; margin-top: 14px; }
.product-gallery .gallery-count { font-size: 12px; color: #6b7280; }
.product-gallery .gallery-show-all-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: #fff; color: #374151; border: 1px solid #d1d5db; border-radius: 5px; font-size: 12px; font-weight: 500; cursor: pointer; transition: all 0.15s; }
.product-gallery .gallery-show-all-btn:hover { background: #f9fafb; border-color: #007f00; color: #007f00; }
/* Thumbs: 4-col grid, max 2 rows synliga, scroll vid fler */
.product-gallery .gallery-thumbs {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px;
padding: 2px;
}
.product-gallery .gallery-thumbs .hidden-thumb { display: none; }
.product-gallery .gallery-thumb-btn.has-overlay { position: relative; }
.product-gallery .gallery-thumb-btn .thumb-overlay {
position: absolute; inset: 2px; background: rgba(0,0,0,0.65); color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 18px; font-weight: 700; border-radius: 4px;
cursor: pointer; transition: background 0.15s;
}
.product-gallery .gallery-thumb-btn .thumb-overlay:hover { background: rgba(0,0,0,0.8); }
.product-gallery .gallery-thumb-btn {
aspect-ratio: 1 / 1; padding: 4px; border: 2px solid #e5e7eb; border-radius: 6px;
background: #fff; cursor: pointer; transition: border-color 0.15s, background 0.15s;
display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.product-gallery .gallery-thumb-btn:hover { border-color: #9ca3af; }
.product-gallery .gallery-thumb-btn.active { border-color: #007f00; background: #f0fdf4; }
.product-gallery .gallery-thumb-btn img { width: 100%; height: 100%; object-fit: contain; }
/* Ta bort focus-outline (krockade med active-border) — anvand bara border for indication */
.product-gallery .gallery-thumb-btn:focus { outline: none; }
.product-gallery .gallery-thumb-btn:focus-visible { border-color: #007f00; box-shadow: 0 0 0 2px rgba(0,127,0,0.2); }
/* Address cards (saved addresses + Ny adress) — card-based radio selection */
.address-cards { display: flex; flex-direction: column; gap: 10px; margin-bottom: 10px; }
/* Saved addresses i 2-col grid */
.address-cards.saved-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 720px) {
.address-cards.saved-grid { grid-template-columns: 1fr; }
}
.address-card { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 2px solid #e5e7eb; border-radius: 8px; cursor: pointer; transition: all 0.15s; background: #fff; position: relative; }
.address-card:hover { border-color: #9ca3af; background: #f9fafb; }
.address-card.selected { border-color: #007f00; background: #f0fdf4; }
.address-card input[type="radio"] { position: absolute; opacity: 0; pointer-events: none; }
.address-card-icon { width: 36px; height: 36px; border-radius: 50%; background: #f3f4f6; color: #6b7280; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.15s; }
.address-card.selected .address-card-icon { background: #007f00; color: #fff; }
.address-card-body { flex: 1; min-width: 0; }
.address-card-title { font-size: 14px; font-weight: 600; color: #374151; }
.address-card-name { font-size: 14px; font-weight: 600; color: #374151; margin-bottom: 2px; }
.address-card-addr { font-size: 13px; color: #6b7280; line-height: 1.4; }
.address-card-city { font-size: 13px; color: #6b7280; line-height: 1.4; }
.address-card-new { border-style: dashed; margin-bottom: 20px; }
.address-card-new .address-card-icon { background: #dbeafe; color: #2563eb; }
.address-card-new.selected .address-card-icon { background: #007f00; color: #fff; }
.address-card-new .address-card-title { color: #2563eb; }
.address-card-new.selected .address-card-title { color: #15803d; }
/* Modern select-dropdown for existing addresses */
.address-select-wrap { margin-bottom: 16px; }
.address-select-label { display: block; font-size: 13px; color: #6b7280; margin-bottom: 6px; font-weight: 500; }
.address-select-container { position: relative; }
.modern-select {
width: 100%; padding: 10px 36px 10px 14px; border: 1px solid #d1d5db; border-radius: 6px;
font-size: 14px; line-height: 1.4; background: #fff; color: #1f2937;
appearance: none; -webkit-appearance: none; -moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat; background-position: right 12px center; background-size: 16px;
cursor: pointer; min-height: 40px; box-sizing: border-box;
transition: border-color 0.15s, box-shadow 0.15s;
}
.modern-select:hover { border-color: #9ca3af; }
.modern-select:focus { outline: none; border-color: #007f00; box-shadow: 0 0 0 3px rgba(0,127,0,0.1); }
.modern-select option { padding: 8px 12px; }
/* OPC: "Samma som leveransadress"-checkbox */
.same-as-shipping-wrap { padding: 12px 16px; margin-bottom: 16px; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 6px; }
.same-as-shipping-label { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14px; color: #15803d; font-weight: 500; }
.same-as-shipping-label input[type="checkbox"] { width: 18px; height: 18px; accent-color: #007f00; cursor: pointer; }
/* Empty-state pa /cart-sidan */
.cart-empty-state { text-align: center; padding: 60px 24px; max-width: 480px; margin: 24px auto; }
.cart-empty-icon { width: 96px; height: 96px; background: url(/Themes/Mobile/Content/images/cart.svg) no-repeat center; background-size: contain; opacity: 0.3; margin: 0 auto 20px; }
.cart-empty-state h2 { font-size: 24px; font-weight: 700; color: #333; margin: 0 0 10px; }
.cart-empty-state p { color: #666; font-size: 15px; line-height: 1.5; margin: 0 0 28px; }
.cart-empty-cta { display: inline-block; padding: 12px 28px; background: #007f00; color: #fff !important; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 15px; transition: background 0.15s; }
.cart-empty-cta:hover { background: #006600; text-decoration: none; }
/* Stepper + trash sida vid sida i Antal-kolumnen */
.cart-qty-cell { display: inline-flex; align-items: center; gap: 6px; }
/* Trash-knapp pa /cart-sidan — matchar stepper-höjd 32px */
.cart-trash { background: #f5f5f5; border: 1px solid #ddd; padding: 0; cursor: pointer; color: #888; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; transition: all 0.15s; width: 32px; height: 32px; box-sizing: border-box; }
.cart-trash:hover { background: #ffe0e0; color: #c00; border-color: #ffcccc; }
/* Trash-knapp i mini-cart popup — matchar hmc-stepper höjd 30px */
.hmc-trash { background: #f5f5f5; border: 1px solid #ddd; padding: 0; cursor: pointer; color: #888; border-radius: 5px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; align-self: center; width: 30px; height: 30px; box-sizing: border-box; }
.hmc-trash:hover { background: #ffe0e0; color: #c00; border-color: #ffcccc; }
.cart-page-stepper .cart-qty-count { display: flex; align-items: center; justify-content: center; min-width: 26px; height: 32px; font-size: 14px; font-weight: 600; color: #333; padding: 0 4px; }
/* Product card — bild + beskrivning klickbar */
.product-link-area{display:block;text-decoration:none;color:inherit;cursor:pointer;}
.product-link-area .description{color:#000;}
.product-grid .item-box{transition:box-shadow 0.2s,transform 0.2s;}
.product-grid .item-box:hover{box-shadow:0 4px 16px rgba(0,0,0,0.12);transform:translateY(-2px);}
.product-grid .product-item a{text-decoration:none;}
.product-grid .product-item a:hover{text-decoration:none;}
.product-grid .product-item .product-title a:hover{color:#007f00;}
.home-page-product-grid .title{padding:10px 0 1px;margin:0 5px 10px;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;border-bottom:solid 1px #C4C6C8;text-align:center;}
.home-page-category-grid{margin-left:auto;margin-right:auto;width:520px;}
.home-page-category-grid a{}
.home-page-category-grid .item-box{text-align:center;vertical-align:text-top;}
.home-page-category-grid .category-item{text-align:center;margin:10px;width:150px;height:auto;border:1px solid #E8E6D2;}
.home-page-category-grid .category-item .title{text-align:center;font-weight:700;font-size:.9em;display:block;overflow:hidden;height:1.8em;padding:8px 0 5px;}
.home-page-category-grid .category-item .picture{text-align:center;padding:10px 0;}
.bestsellers{margin-left:auto;margin-right:auto;width:520px;}
.bestsellers .title{padding:10px 0 1px;margin:0 5px 10px;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;border-bottom:solid 1px #C4C6C8;text-align:center;}
/* PRODUCTS IN GRID - TEMPLATE */
.product-grid{margin-bottom:15px;margin-left:auto;margin-right:auto;width:520px;text-align:center;}
.product-grid .item-box{padding-bottom:0px;text-align:center;vertical-align:text-top;border:1px solid #E8E6D2;position:relative;border-radius: 5px;overflow:hidden;}
.product-grid .product-item{text-align:center;margin:10px 5px;width:250px;display:flex;flex-direction:column;min-height:310px;}
.product-grid .product-item .product-title{font-weight:600;font-size:13px;padding-left:5px;display:flex;align-items:center;justify-content:center;height:2.6em;flex-shrink:0;}
.product-grid .product-item .product-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3em;padding:4px 5px 2px;color:#3A4045;text-overflow:ellipsis;}
.product-grid .product-item .picture{display:flex;align-items:center;justify-content:center;margin-top:6px;height:90px;flex-shrink:0;}
.product-grid .product-item .picture img{max-height:90px;max-width:100%;object-fit:contain;}
.product-grid .product-item .description{margin:8px 5px 0;text-align:left;padding:6px 5px 0;border-top:solid 1px #E8E6D2;color:#000;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:5.6em;}
.product-grid .product-item .add-info{width:250px;position:relative;padding:4px 0;margin-top:auto;}
.product-grid .product-item .add-info .prices{text-align:left;padding-left:5px;}
.product-grid .product-item .add-info .buttons{padding:0 5px;}
.product-grid .product-item .add-info .prices .productPrice{color:#c00;font-size:20px;font-weight:700;white-space:nowrap;display:block;letter-spacing:-0.3px;}
.product-grid .product-item .add-info .prices .oldproductPrice{color:#666;text-decoration:line-through;display:block;font-size:12px;margin-top:1px;}
.product-grid .small-product-item{text-align:center;margin:0px;width:165px;height:185px;overflow:hidden;}
.product-grid .small-product-item .product-title{margin:5px;text-align:center;font-weight:700;font-size:12px;}
.product-grid .small-product-item .picture{text-align:center;}
/* PRODUCTS IN LINES - TEMPLATE */
.product-list{width:520px;margin:0 auto;padding:0;list-style-type:none;}
.product-list .item-box{text-align:left;clear:both;position:relative;margin-bottom:10px;}
.product-list .product-item{width:520px;height:177px;margin-top:10px;border:1px solid #E8E6D2;position:relative;border-radius: 5px;overflow:hidden;}
.product-list .product-item .product-title{font-weight:700;font-size:12px;padding-left:10px;}
.product-list .product-item .product-title a{display:block;/*height:2em;line-height:1.3em;*/overflow:hidden;padding:4px 10px 0px 0;color:#3A4045;font-size:17px;white-space:nowrap;margin-right:10px;}
.product-list .product-item .picture{float:left;margin:10px 0 10px 10px;}
.product-list .product-item .description{padding:0 0 0 10px;margin:10px 170px 0 140px;text-align:left;border-left:solid 1px #E8E6D2;color:#000;font-7ize:14px;height:140px;overflow:hidden;}
.product-list .product-item .add-info{float:right;text-align:right;position:absolute;bottom:5px;right:5px;}
/* Brand-/protokoll-ikoner forst nere till vanster i product-list-cards */
.product-list .product-item .attributes { position: absolute; bottom: 8px; left: 8px; text-align: left; z-index: 1; }
.product-sku-row { display: flex; align-items: center; justify-content: space-between; padding: 6px 10px; margin: 9px 5px 4px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; text-decoration: none; color: inherit; }
.product-sku-row:hover { background: #f9f9f9; }
.product-sku-row .product-sku { font-size: 11px; color: #888; }
.product-info-link { font-size: 11px; color: #007f00; text-decoration: none; font-weight: 600; white-space: nowrap; margin-right: 3px; }
.product-info-link:hover { text-decoration: underline; }
.product-grid .product-item .description .sku { display: none; }
.product-grid .product-item .add-info { position: relative; width: 250px; }
.product-grid .product-item .price-row { display: flex; align-items: flex-end; justify-content: space-between; padding: 0 5px 2px; }
.product-grid .product-item .price-row .prices { flex: 1; }
.product-grid .product-item .price-row .card-buy-row, .product-grid .product-item .price-row .card-stepper { flex-shrink: 0; }
.product-list .product-item .prices{}
.product-list .product-item .prices .productPrice{color:red;font-size:24px;font-weight:700;padding-right:5px;}
.product-list .product-item .prices .oldproductPrice{color:gray;}
.product-list .product-item .buttons{padding-top:12px;}
.product-list .product-item .sku{color:#888;font-size:11px;padding-top: 10px;}
/* FAQ - TEMPLATE */
/* === FAQ list / index (desktop) === */
.faq-page { max-width: 720px; margin: 0 auto; }
.faq-page h1 { font-size: 24px; font-weight: 700; color: #222; margin: 0 0 16px; }
/* Sokbox */
.faq-search-wrap { position: relative; margin: 0 0 20px; }
.faq-search-wrap input {
width: 100%;
box-sizing: border-box;
padding: 10px 36px 10px 14px;
font-size: 14px;
border: 1px solid #d0d4d9;
border-radius: 6px;
outline: none;
transition: border-color .15s, box-shadow .15s;
}
.faq-search-wrap input:focus { border-color: #2c3e50; box-shadow: 0 0 0 3px rgba(44,62,80,0.12); }
.faq-search-clear {
position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
width: 20px; height: 20px; line-height: 20px; text-align: center;
font-size: 18px; color: #999; cursor: pointer; display: none;
border-radius: 50%;
}
.faq-search-clear:hover { background: #eee; color: #555; }
.faq-no-results { display: none; padding: 16px; color: #888; font-style: italic; text-align: center; }
/* 2-kolumn responsivt grid */
.faq-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.faq-card {
display: block;
padding: 14px 16px;
border: 1px solid #e3e6ea;
border-radius: 8px;
background: #fff;
color: #222;
text-decoration: none;
transition: border-color .15s, box-shadow .15s, transform .15s;
}
.faq-card:hover {
border-color: #2c3e50;
box-shadow: 0 4px 12px rgba(0,0,0,0.06);
text-decoration: none;
}
.faq-card-title { font-size: 16px; font-weight: 700; color: #2c3e50; margin: 0 0 6px; line-height: 1.3; }
.faq-card-desc { font-size: 13px; color: #5a6573; line-height: 1.5; max-height: 60px; overflow: hidden; }
/* Smal kolumn: en-kolumn-fallback */
@media (max-width: 600px) {
.faq-grid { grid-template-columns: 1fr; }
}
.faq { }
/* Innehallskort — speglar .faq-toc-sidobarens stil sa de tva ser ut som ett par.
Vit bg, ljus border, mjuk skugga, generosa marginaler. Bredd 700px behalls
for att hela layouten (700+220 + gap) ska rymmas i container. */
.faq-details {
padding: 24px 28px;
line-height: 1.6;
float: left;
display: inline;
width: 660px;
box-sizing: content-box;
background: #fff;
border: 1px solid #e3e6ea;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0,0,0,0.04);
margin-bottom: 18px;
}
.faq-details .title { font-weight: 700; font-size: 24px; color: #1a2332; margin: 0 0 4px; line-height: 1.25; }
.faq-details .faq-summary { font-size: 15px; color: #4a5568; margin: 0 0 14px; line-height: 1.55; padding-bottom: 14px; border-bottom: 1px solid #f0f2f4; }
.faq-details .faq-body { font-size: 14px; color: #2c3e50; }
.faq-details .faq-body p:first-child { margin-top: 0; }
.faq-details .faq-body p:last-child { margin-bottom: 0; }
.faq-details .faq-body pre { margin: 0; border-radius: 6px; overflow: auto; font-size: 13px; background: #000 !important; }
.faq-details .faq-body pre code { font-family: Consolas, "Courier New", monospace; white-space: pre; display: block; background: transparent !important; color: #f5f5f5 !important; text-shadow: none !important; }
.faq-details .faq-body code { font-family: Consolas, "Courier New", monospace; font-size: 0.9em; background: #f4f4f4; padding: 1px 4px; border-radius: 3px; }
.faq-details .faq-body .code-block-wrapper { position: relative; margin: 0 0 16px; }
.faq-details .faq-body .code-block-wrapper pre { max-height: 300px; }
.faq-details .faq-body .code-block-wrapper.expanded pre { max-height: none; }
.faq-details .faq-body .code-copy-btn,
.faq-details .faq-body .code-expand-btn {
position: absolute; top: 8px; background: rgba(255,255,255,0.92); color: #2c3e50;
border: 1px solid #d0d7de; border-radius: 4px; padding: 3px 10px;
font-size: 12px; cursor: pointer; font-family: inherit; z-index: 1;
}
.faq-details .faq-body .code-copy-btn { right: 8px; }
.faq-details .faq-body .code-expand-btn { right: 90px; }
.faq-details .faq-body .code-copy-btn:hover,
.faq-details .faq-body .code-expand-btn:hover { color: #1a73e8; border-color: #1a73e8; }
.faq-details p {font-size:14px; margin: 0 0 8px 0;}
/* FAQ headers — underline-accent stil for tydligare sektions-uppdelning.
h2 = stor sektionsrubrik med border-bottom, generos margin-top.
h3/h4 = subordinerade rubriker, gradvis mindre. */
.faq-details h2 {
font-size: 19px;
font-weight: 700;
color: #ffffff;
margin: 32px 0 14px 0;
padding: 10px 16px;
background: #2c3e50;
border-radius: 4px;
clear: both;
}
.faq-details h2:first-child { margin-top: 0; }
.faq-details h3 {
font-size: 16px;
font-weight: 600;
color: #34495e;
margin: 20px 0 6px 0;
padding: 0;
}
.faq-details h4 {
font-size: 14px;
font-weight: 600;
color: #555;
margin: 14px 0 4px 0;
padding: 0;
}
.faq-details .script {padding: 5px; border: 1px solid #DDDDDD; background-color: #F2F2F2; line-height: 100%;}
.faq-details .script div {padding: 5px; margin:0px;}
.faq-infobar { /*position:absolute; right:0px; top:0px;*/ float:right; width:220px; background: white; display:inline;}
.emb-img { max-width: 400px; }
.emb-img-m { max-width: 300px; max-height: 300px; }
.emb-img-s { max-width: 200px; max-height: 200px; }
.emb-img-xs { max-width: 100px; max-height: 100px; }
.emb-img-xxs { max-width: 50px; max-height: 50px; }
.emb-img-float { float: right; margin-left: 10px;}
.emb-img-ingress { float: left; margin-right: 10px;}
.emb-img-frm1 { border: 1px sold black; border-radius: 5px; }
.emb-img-frm2 { border: 2px sold black; border-radius: 5px; }
/* Callout boxes — {*info:...*} / {*warning:...*} / {*tip:...*} / {*note:...*} */
.callout { padding: 12px 16px; border-left: 4px solid #ccc; margin: 12px 0; border-radius: 4px; background: #f5f5f5; overflow: hidden; }
.callout-info { background: #e7f3ff; border-left-color: #2980b9; }
.callout-warning { background: #fff4e5; border-left-color: #e67e22; }
.callout-tip { background: #e8f5e8; border-left-color: #27ae60; }
.callout-note { background: #f5f5f5; border-left-color: #777; }
/* TextFormatter-genererade lankar — hall ihop sa de inte bryts mitt i ordet ("Zigbee-\nbrygga") */
a.prodRef, a.catRef, a.faqRef { white-space: nowrap; }
/* FAQ meta-rad (lastid + senast uppdaterad) */
.faq-details .faq-meta {
font-size: 12px;
color: #888;
margin: 6px 0 14px 0;
}
.faq-details .faq-meta-sep { margin: 0 6px; color: #ccc; }
/* TOC i sidebaren (auto-genererad fran h2). Sticky avstangd — krockar med
.faq-infobar float-context (display:inline). Faller tillbaka till statisk
block-flow ovan products-grid. */
.faq-infobar .faq-toc {
border: 1px solid #e3e6ea;
border-radius: 8px;
padding: 12px 14px;
/* Matchar .products-grid .item:s 10px sido-margin sa TOC och produktkort
linjerar med samma inset i 220px-sidobaren. */
margin: 0 10px 14px 10px;
background: #fafbfc;
box-sizing: border-box;
clear: both;
}
.faq-toc-title {
font-size: 12px;
font-weight: 700;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.5px;
margin: 0 0 8px 0;
}
.faq-toc-list { list-style: none; padding: 0; margin: 0; }
.faq-toc-list li { margin: 0 0 6px 0; line-height: 1.4; }
.faq-toc-list a {
display: block;
color: #2c3e50;
text-decoration: none;
font-size: 13px;
padding: 4px 8px;
border-left: 2px solid transparent;
border-radius: 2px;
transition: background .12s, border-color .12s;
}
.faq-toc-list a:hover {
background: #ecf0f4;
border-left-color: #2c3e50;
text-decoration: none;
}
/* Sokhighlight i FAQ-list-cards */
.faq-card mark {
background: #fff3a8;
color: inherit;
padding: 0 2px;
border-radius: 2px;
}
/* FEATURED PRODUCTS */
.featured-product-grid{margin-bottom:15px;margin-left:auto;margin-right:auto;width:520px;text-align:center;}
.featured-product-grid .title{padding:10px 10px 5px 0;font-weight:700;text-transform:uppercase;clear:both;margin:0;color:#3A4045;}
.featured-product-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;}
.featured-product-grid .product-item{text-align:center;margin:10px 5px;width:250px;border:solid 1px #E8E6D2;}
.featured-product-grid .product-item .product-title{font-weight:700;font-size:12px;padding:0 0 0 10px;text-transform:none;}
.featured-product-grid .product-item .product-title a{display:block;height:2em;line-height:1.3em;overflow:hidden;padding:4px 10px 8px 0;}
.featured-product-grid .product-item .picture{text-align:center;margin-top:10px;}
.featured-product-grid .product-item .description{margin:5px 5px 0;text-align:center;padding:10px 5px;border-top:solid 1px #E8E6D2;color:#000;height:50px;}
.featured-product-grid .product-item .add-info{vertical-align:bottom;text-align:right;width:250px;height:85px;position:relative;}
.featured-product-grid .product-item .add-info .prices{text-align:right;vertical-align:middle;position:absolute;bottom:15px;right:10px;}
.featured-product-grid .product-item .add-info .buttons{vertical-align:middle;position:absolute;bottom:15px;left:10px;text-align:left;}
.featured-product-grid .product-item .add-info .prices .productPrice{color:green;}
.featured-product-grid .product-item .add-info .prices .oldproductPrice{color:black;text-decoration:line-through;}
/* PAGES */
.category-page,.manufacturerlist-page,.manufacturer-page,.producttag-page{}
.category-page .page-title,.manufacturerlist-page .page-title,.manufacturer-page .page-title,.producttag-page .page-title{border-bottom:0 none;}
.category-page .category-description,.manufacturer-page .manufacturer-description{color:#0A263C;font-size:1.1em;}
/* Klaviyo compact CTA — only visible when Klaviyo renders form */
.klaviyo-cta-bar { margin: 6px 0 8px; }
.klaviyo-cta-link {
display: inline-block; padding: 6px 14px; font-size: 13px; font-weight: 600;
color: #fff; background: #007f00; border: none; border-radius: 5px;
text-decoration: none; transition: background 0.15s;
}
.klaviyo-cta-link:hover { background: #006600; }
.klaviyo-cta-link:link, .klaviyo-cta-link:visited { color: #fff; }
#klaviyo-form-wrap, #klaviyo-form-wrap-home { margin-bottom: 12px; }
/* Subcategory cards — compact modern grid */
.sub-category-section { margin-bottom: 14px; }
.sub-category-heading { font-size: 13px; font-weight: 800; color: #333; margin: 0 0 6px 2px; }
.sub-category-grid,.manufacturer-grid{margin:0;width:100%;}
.sub-category-grid table{width:100%;border-collapse:separate;border-spacing:3px;}
.sub-category-grid a,.manufacturer-grid a{color:#333;text-decoration:none;}
.sub-category-grid .item-box,.manufacturer-grid .item-box{text-align:center;vertical-align:top;}
.sub-category-grid .sub-category-item,.manufacturer-grid .manufacturer-item{
display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
width:94px;height:86px;margin:0 auto;padding:4px 4px 4px;
background:#fff;border:1px solid #e8e6d2;border-radius:10px;
transition:background 0.15s,border-color 0.15s,box-shadow 0.15s;
}
.sub-category-grid .sub-category-item:hover,.manufacturer-grid .manufacturer-item:hover{
background:#fff;border-color:#bbb;box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.sub-category-grid .sub-category-item .picture,.manufacturer-grid .manufacturer-item .picture{
display:flex;align-items:center;justify-content:center;flex:1;width:100%;padding:0;
}
.sub-category-grid .sub-category-item .picture img,.manufacturer-grid .manufacturer-item .picture img{
width:56px;height:56px;object-fit:contain;
}
.sub-category-grid .sub-category-item .category-title,.manufacturer-grid .manufacturer-item .man-title{
text-align:center;font-weight:600;font-size:10px;line-height:1.2;
padding:3px 0 0;background:none;margin:0;height:1.2em;overflow:hidden;
width:100%;max-width:90px;
}
.sub-category-grid .sub-category-item .category-title a{
display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
color:#333;text-decoration:none;max-width:100%;
}
.product-sorting{margin:0 auto 10px;float:left;}
.product-viewmode{margin:0 auto 10px;float:right;}
.product-page-size{width:165px;margin:0 auto;text-align:center;}
.product-filters{width:520px;margin:0 auto;border:1px solid #E8E6D2;background:#F7F5E8;}
.product-filters .filter-title{font-weight:700;padding-left:10px;color:#3A4045;}
.product-filters .filter-title span{display:block;height:2em;line-height:1.3em;overflow:hidden;padding:4px 10px 8px 0;}
.product-filters .filter-item{padding:5px 10px;}
.price-range-filter{}
.price-range-filter .title{color:#000;font-weight:700;background:url(images/ico-arrow-r.gif) no-repeat;padding:1px 0 5px 20px;}
.price-range-filter ul{margin:0;padding-left:20px;}
.price-range-filter li{list-style:none;padding-bottom:2px;}
.price-range-filter .selected-price-range{padding-left:20px;}
.price-range-filter .remove-price-range-filter{font-weight:700;}
.product-spec-filter{}
.product-spec-filter .title{color:#000;font-weight:700;background:url(images/ico-arrow-r.gif) no-repeat;padding:1px 0 5px 20px;}
.product-spec-filter table.filter{width:100%;}
.product-spec-filter table.filter tr.group{font-weight:700;}
.product-spec-filter table.filter tr.item td{padding:2px 2px 2px 16px;}
.product-spec-filter table.filter tr.filtereditem{}
.product-spec-filter .remove-filter{padding-left:20px;}
.product-spec-filter .remove-product-spec-filter{font-weight:700;}
.compare-products{}
.compare-products .page-title{border-bottom:0 none;}
.compare-products .body{margin:0;padding:0;font-size:11px;color:#000;background-color:inherit;}
.compare-products-table{width:100%;}
.compare-products-table .remove-button{margin:5px 5px 5px 0;}
.compare-products-table tr.product-name{background-color:#CCC;font-weight:700;}
.compare-products-table td{border-width:1px;border-color:#BFBFBF;border-style:solid;padding:3px;}
.login-page{}
.login-page .page-title{border-bottom:0 none;}
.login-page .wrapper{width:600px;margin-top:10px;padding-left:5px;font-size:11px;color:#000;}
.login-page .wrapper .new-wrapper{float:left;width:50%;}
.login-page .wrapper .new-wrapper .register-title{text-align:center;margin:0 10px;font-weight:700;}
.login-page .wrapper .new-wrapper .register-block{text-align:center;margin:10px;padding:15px 5px 5px;border:1px solid #E8E6D2;min-height:240px;vertical-align:top;}
.login-page .wrapper .new-wrapper .checkout-as-guest-or-register-block{text-align:left;margin:10px;padding:15px 5px 5px;border:1px solid #E8E6D2;min-height:240px;vertical-align:top;}
.login-page .wrapper .new-wrapper .buttons{padding-right:20px;padding-top:20px;text-align:right;}
.captcha-enabled{height:310px!important;}
.login-page .wrapper .returning-wrapper{float:right;width:50%;}
.login-page .wrapper .returning-wrapper .login-title{text-align:center;margin:0 10px;font-weight:700;}
.login-page .wrapper .returning-wrapper .login-block{text-align:left;margin:10px;padding:15px 5px 5px;border:1px solid #E8E6D2;min-height:240px;}
.login-page .wrapper .returning-wrapper .buttons{float:right;margin-bottom:5px;margin-top:5px;text-align:center;clear:both;}
.login-table-container{vertical-align:middle;}
.login-table-container .row{}
.login-table-container .row .item-name{padding:10px 10px 10px 0;display:block;white-space:nowrap;padding-right:10px;vertical-align:middle;font-weight:700;}
.login-table-container .row .item-value{padding:10px 0;vertical-align:middle;}
.login-page .forgot-password{font-weight:700;}
.external-auth-errors{text-align:center;border:solid 1px #E8E6D2;vertical-align:top;width:100%;color:Red;}
.external-auth-association{text-align:center;border:solid 1px #E8E6D2;vertical-align:top;width:100%;}
.external-auth-association .identifier{}
.external-auth-association .remove{color:#3664A5;}
.registration-page{}
.registration-page .page-title{border-bottom:0 none;}
.registration-page .body{margin:0;padding:0;font-size:11px;color:#000;background-color:inherit;}
.registration-page .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.registration-page .section-body{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.registration-page .buttons{float:right;margin-bottom:5px;margin-top:5px;text-align:center;clear:both;}
.registration-page .required{color:red;}
.availablestatus{color:green;padding-left:5px;}
.notavailablestatus{color:red;padding-left:5px;}
.password-recovery-page,newsletter-page{}
.password-recovery-page .page-title,newsletter-page .page-title{border-bottom:0 none;}
.password-recovery-page .body,newsletter-page .body{margin:0;padding:0;font-size:11px;color:#000;background-color:inherit;}
.customer-avatar{padding:10px;}
.customer-avatar .buttons{margin:5px 0;}
.account-activation-page{}
.account-activation-page .page-title{border-bottom:0 none;}
.account-activation-page .body{margin:0;padding:0;font-size:11px;color:#000;background-color:inherit;}
.address-edit-page{}
.address-edit-page .page-title{border-bottom:0 none;}
.address-edit-page .body{margin:0;padding:0;font-size:11px;color:#000;background-color:inherit;}
.search-panel{}
.search-panel .page-title{border-bottom:0 none;}
.search-panel .search-input{border:1px solid #E8E6D2;padding:10px;}
.search-panel .search-input .buttons{text-align:right;}
.search-panel .search-results{padding-top:10px;}
.search-panel .search-results .result{font-weight:700;color:#000;}
.search-panel table.basic-search,.search-panel table.adv-search{border-collapse:collapse;color:#333;margin:0;width:100%;vertical-align:middle;text-align:left;table-layout:fixed;}
.search-panel table.adv-search{border-top:solid #D3D3D3 1px;margin-top:10px;}
.search-panel table.adv-search #Cid{width:374px;}
.search-panel table.basic-search td.title,.search-panel table.adv-search td.title{padding:4px;text-align:left;vertical-align:middle;width:130px;}
.search-panel table.basic-search td.data,.search-panel table.adv-search td.data{padding:4px;text-align:left;vertical-align:middle;white-space:nowrap;}
.search-input .warning{text-decoration:underline;}
.contact-form{}
.contact-form .buttons{text-align:right;}
.contact-form .send-email{}
.breadcrumb{float:left;padding:0;margin:10px 0 0;font-weight:700;text-transform:uppercase;font-size:1em;margin-bottom:10px;}
.breadcrumb a{text-decoration:none;color:#3A4045;}
.breadcrumb a:hover{text-decoration:underline;}
/* Product/Category breadcrumb (desktop) — chip-design med multi-path + expander */
.product-breadcrumb-desktop
{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 12px 0 14px;
font-size: 13px;
line-height: 1.3;
text-align: left;
clear: both;
}
.product-breadcrumb-desktop .pb-path
{
display: inline-flex;
align-items: center;
gap: 0;
flex-wrap: wrap;
background: #f1f4f8;
border-radius: 4px;
padding: 5px 12px;
max-width: 100%;
min-width: 0;
}
.product-breadcrumb-desktop .pb-path[hidden] { display: none; }
.product-breadcrumb-desktop .pb-crumb,
.product-breadcrumb-desktop .pb-crumb:link,
.product-breadcrumb-desktop .pb-crumb:visited,
.product-breadcrumb-desktop .pb-crumb:hover,
.product-breadcrumb-desktop .pb-crumb:active
{
display: inline-block;
color: #2b3f5a;
text-decoration: none;
font-weight: 500;
padding: 2px 6px;
border-radius: 3px;
white-space: nowrap;
transition: background 0.12s;
}
.product-breadcrumb-desktop .pb-crumb:hover { background: rgba(0,0,0,0.07); }
.product-breadcrumb-desktop .pb-path.pb-active { background: #e3edfb; }
.category-page .product-breadcrumb-desktop .pb-path .pb-crumb:last-child
{
font-weight: 700;
color: #1a4a99;
font-size: 18px;
}
.category-page > .page-title { display: none; }
.category-page .category-description > h1
{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.product-breadcrumb-desktop .pb-sep
{
color: #b0b8c4;
font-size: 16px;
line-height: 1;
padding: 0 4px;
display: inline-flex;
align-items: center;
align-self: center;
transform: translateY(-2px);
}
.product-breadcrumb-desktop .pb-more
{
background: transparent;
border: 1px dashed #c8d1de;
color: #1565c0;
font-size: 12px;
padding: 4px 12px;
border-radius: 4px;
cursor: pointer;
font-weight: 500;
font-family: inherit;
flex-shrink: 0;
}
.product-breadcrumb-desktop .pb-more:hover { background: #f5f8fc; }
.newslist{margin-bottom:15px;padding-bottom:5px;padding-left:0;}
.newslist .page-title{padding:10px 0 1px;margin:0 5px 10px;font-weight:700;text-transform:uppercase;clear:both;font-size:1.1em;border-bottom:solid 1px #C4C6C8;}
.newslist .page-title .title{text-align:left}
.newslist .page-title .rss{text-align:right}
.newslist .newsitems{margin:0 5px;padding:0;}
.newslist .newsitems .item{border-bottom:dashed 1px #C4C6C8;margin-bottom:10px;padding-bottom:10px;}
.newslist .newsitems .newsdate{color:#9a9a9a;font-style:italic;}
.newslist .newsitems a.newstitle{color:#000;text-decoration:none;font-size:1.2em;}
.newslist .newsitems a.newstitle:hover{text-decoration:underline;}
.newslist .newsitems .newsdetails{margin-top:10px;margin-bottom:10px;}
.newslist .newsitems .readmore{font-weight:700;text-decoration:none;color:#3664A5;background-color:inherit;}
.newsitem{}
.newsitem .page-title{border-bottom:0 none;}
.newsitem .newsdate{color:#9a9a9a;font-style:italic;}
.newsitem .newsbody{margin:0;padding:0;}
.newsitem .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;}
.newscomments{margin-bottom:15px;padding-bottom:5px;padding-left:0;}
.newscomments .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;}
.newscomments .newcomment{margin:0;padding:0;}
.newscomments .newcomment td.leavetitle{padding:0 10px 10px 0;font-weight:700;color:#3a3a3a;}
.newscomments .newcomment td.buttons{text-align:right;}
.newscomments .commentlist{border-top:solid 1px #e3e3e3;margin-top:10px;}
.newscomment{}
.newscomment .commentinfo{width:170px;float:left;padding:5px;height:100%;border-right:solid 1px #F3F3F3;}
.newscomment .commentinfo .userinfo{padding-top:5px;}
.newscomment .commentinfo .userinfo a.username{font-weight:700;margin-bottom:5px;}
.newscomment .commentinfo .userinfo span.username{font-weight:700;margin-bottom:5px;}
.newscomment .commentinfo .userinfo .avatar{margin:5px 0;}
.newscomment .commentinfo .userinfo .avatar .avatar-img{border:solid 2px #CEDBE1!important;}
.newscomment .commentinfo .userinfo .userstats{font-size:.9em;text-align:left;font-weight:700;color:#000;}
.newscomment .commentinfo .userinfo .userstats .statvalue{font-weight:400;}
.newscomment .commentcontent{margin-left:180px;border-left:solid 1px #F3F3F3;}
.newscomment .commentcontent .commenttime{font-weight:700;line-height:20px;padding:3px;background:#e3f3f3;}
.newscomment .commentcontent .commenttime .statvalue{font-weight:400;}
.newscomment .commentcontent .commenttitle{padding:3px;font-weight:700;}
.newscomment .commentcontent .commentbody{padding:3px;}
.blog{}
.blog .page-title{}
.blog .page-title .title{text-align:left;}
.blog .page-title .rss{text-align:right;}
.blog .blogposts .post .blogdate{color:#9a9a9a;font-style:italic;}
.blog .blogposts .post a.blogtitle{color:#444;text-decoration:none;font-size:1.2em;}
.blog .blogposts .post a.blogtitle:Hover{text-decoration:underline;}
.blog .blogposts{margin:0 5px;padding:0;}
.blog .blogposts .post{border-bottom:dashed 1px #C4C6C8;margin-bottom:10px;padding-bottom:10px;}
.blog .blogposts .blogbody,.blog .blogposts .tags{margin-top:10px;margin-bottom:10px;}
.blog .blogposts .blogdetails{font-weight:700;text-decoration:none;color:#3664A5;background-color:inherit;}
.blogpost{}
.blogpost .page-title{border-bottom:0 none;}
.blogpost .postdate{color:#9a9a9a;font-style:italic;}
.blogpost .postbody,.blogpost .tags{margin:0;padding:0;}
.blogpost .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;}
.blogcomments{margin-bottom:15px;padding-bottom:5px;padding-left:0;}
.blogcomments .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;}
.blogcomments .newcomment{margin:0;padding:0;}
.blogcomments .newcomment td.leavetitle{padding:0 10px 10px 0;font-weight:700;}
.blogcomments .newcomment td.buttons{text-align:right;}
.blogcomments .commentlist{margin:10px 0 0;padding:0;font-size:11px;color:#555D65;background-color:inherit;border-top:solid 1px #e3e3e3;margin-top:10px;}
.blogcomment{}
.blogcomment .commentinfo{width:170px;float:left;padding:5px;height:100%;border-right:solid 1px #F3F3F3;}
.blogcomment .commentinfo .userinfo{padding-top:5px;}
.blogcomment .commentinfo .userinfo a.username{font-weight:700;margin-bottom:5px;}
.blogcomment .commentinfo .userinfo span.username{font-weight:700;margin-bottom:5px;}
.blogcomment .commentinfo .userinfo .avatar{margin:5px 0;}
.blogcomment .commentinfo .userinfo .avatar .avatar-img{border:solid 2px #CEDBE1!important;}
.blogcomment .commentinfo .userinfo .userstats{font-size:.9em;text-align:left;font-weight:700;color:#000;}
.blogcomment .commentinfo .userinfo .userstats .statvalue{font-weight:400;}
.blogcomment .commentcontent{margin-left:180px;border-left:solid 1px #F3F3F3;}
.blogcomment .commentcontent .commenttime{font-weight:700;line-height:20px;padding:3px;background:#e3f3f3;}
.blogcomment .commentcontent .commenttime .statvalue{font-weight:400;}
.blogcomment .commentcontent .commentbody{padding:3px;}
.todays-poll-box{margin-bottom:15px;padding-bottom:5px;padding-left:0;}
.todays-poll-box .title{padding:10px 10px 5px 0;font-weight:700;text-transform:uppercase;clear:both;}
.todays-poll-box .todays-poll-box-block{margin:0;padding:0;font-size:11px;color:#000;background-color:inherit;}
.todays-poll-box .poll-item{float:left;text-align:left;vertical-align:top;padding:10px;}
.block-poll .poll-item{margin:0;padding:0;font-size:11px;background-color:inherit;text-align:left;vertical-align:top;}
.poll-item label{margin:0 0 0 5px;}
.poll-take-poll,.poll-results{border:dashed 1px #666;padding:5px;margin-top:10px;}
.poll-display-text{font-weight:700;}
.poll-total-votes{font-style:italic;}
.emailafriend-page{}
.emailafriend-page .page-title{border-bottom:0 none;}
.emailafriend-page .send-email{border:1px solid #E8E6D2;margin-top:10px;padding:0 0 10px 10px;}
.emailafriend-page .send-email .product{font-weight:700;}
.recently-added-products{}
.recently-added-products .page-title{}
.recently-added-products .page-title .title{text-align:left;}
.recently-added-products .page-title .rss{text-align:right;}
.recently-viewed-products{}
.recently-viewed-products .page-title{}
/* CUSTOMER ACCOUNT */
.account-page{}
.account-page .page-title{border-bottom:0 none;}
.account-page .body{margin:0;padding:0;font-size:11px;color:#000;}
.customer-info-box{margin:0;padding:5px;font-size:11px;color:#000;}
.customer-info-box .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.customer-info-box .section-body{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.customer-info-box .buttons{margin-bottom:5px;margin-top:5px;text-align:center;}
.customer-addresses{margin:0;padding:5px;font-size:11px;color:#000;background-color:inherit;}
.customer-addresses .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.customer-addresses .address-list{}
.customer-addresses .address-list .buttons {text-align:right;}
.customer-addresses .address-list .address-item{text-align:left;margin-bottom:10px;padding:10px;border:1px solid #E8E6D2;height:auto;}
.customer-addresses .add-button{margin-bottom:5px;margin-top:5px;float:right;text-align:right;}
.customer-orders{margin:0;padding:5px;font-size:11px;color:#000;background-color:inherit;}
.customer-orders .recurring-payments{padding:10px 10px 5px 0;width:100%;clear:both;}
.customer-orders .recurring-payments .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.customer-orders .recurring-payments .recurring-payments-box{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.customer-orders .order-list{}
.customer-orders .order-list .order-item{text-align:left;margin-bottom:10px;padding:10px;border:1px solid #E8E6D2;height:auto;}
.customer-orders .order-list .order-item .buttons{text-align:right;}
.customer-pass-recovery{padding:5px;font-size:11px;color:#000;background-color:inherit;}
.customer-pass-recovery .result{font-family:Verdana, Arial, sans-serif;font-size:10px;font-weight:700;color:red;}
.customer-rewardpoints{margin:0;padding:5px;font-size:11px;color:#000;background-color:inherit;}
.customer-rewardpoints .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.customer-rewardpoints .reward-points-overview{padding:10px 10px 5px 0;width:100%;}
.customer-rewardpoints .reward-points-history{text-align:left;padding:10px;border:1px solid #E8E6D2;height:auto;}
.backinstock-subscriptions-box{margin:0;padding:5px;font-size:11px;color:#000;}
.backinstock-subscriptions-box .backinstock-subscriptions-grid{font-family:arial;font-size:11px;border:1px solid gray;background-color:#FFF;margin-left:0;width:100%;border-collapse:collapse;}
.backinstock-subscriptions-box .backinstock-subscriptions-grid a{display:block;margin-left:5px;}
.backinstock-subscriptions-box .buttons{margin-bottom:5px;margin-top:5px;text-align:left;}
.bissgridpagerstyle{padding:5px;background:#eee;vertical-align:middle;}
.bissgridpagerstyle span{font-weight:700;font-size:1.1em;}
/* PRODUCT DETAILS */
.product-details-page{border:1px solid #C4C6C8;margin-top:10px;padding:10px;-moz-border-radius:5px;-webkit-border-radius: 5px;border-radius: 5px;overflow:hidden;}
.product-collateral{margin-top:10px;margin-bottom:10px;clear:both;}
.product-essential{}
.product-details-info{}
.product-details-info .picture{float:left;width:250px;margin-left:15px;margin-top:25px;margin-bottom:15px;}
.product-details-info .overview{float:right;width:400px;margin-right:15px;margin-top:5px;padding:5px;}
.product-details-info .overview .productname{color:#3664A5;font-size:1.2em;margin-bottom:.3em;}
.product-details-info .overview .shortdescription {color:#000;margin-bottom:.3em;font-size:16px;}
.product-details-info .overview .manufacturerpartnumber,.product-details-info .overview .stock,.product-details-info .overview .gtin{color:#000;margin-bottom:.3em;font-size:14px;}
.product-details-info .overview .manufacturers,.product-details-info .overview .sku{color:#444;margin-bottom:.3em;font-size:12px;}
.backinstocksubscription{margin-top:10px;margin-bottom:10px;border:1px solid gray;border-radius:5px; -moz-border-radius:5px;-webkit-border-radius: 5px;padding:10px;}
.backinstocksubscription div {margin-bottom: 5px;}
.backinstocksubscription a.subscribebutton{padding: 5px 30px;}
.product-details-info .fulldescription{border-top:1px solid #E8E6D2;border-bottom:1px solid #E8E6D2;clear:both;color:#000;margin-bottom:.3em;font-size:14px;padding-top: 8px;padding-bottom: 18px;}
.product-share-button{margin-top:10px;margin-bottom:10px;}
.product-reviews-overview{margin-top:20px;margin-bottom:20px;}
.product-reviews-overview .product-review-box{margin-right:5px;width:69px;height:13px;}
.product-review-box .rating{height:13px;width:55px;background:url(images/star_x_inactive.gif) 0 0 repeat-x;}
.product-review-box .rating div{height:12px;background:url(images/star_x_active.gif) 0 0 repeat-x;}
.product-reviews-overview .product-review-links .separator{margin:0 2px;}
.product-reviews-overview .product-review-links{margin:0;}
.product-no-reviews{margin-top:20px;margin-bottom:20px;}
.product-no-reviews a{}
.product-reviews-page{}
.product-reviews-page .page-title{border-bottom:0 none;}
.product-reviews-page .page-title a{border-bottom:0 none;text-decoration:underline;}
.write-review{}
.product-review-list{margin:30px 0 0;}
.product-review-list .product-review-item{border:solid 1px #d3d3d3;margin:10px 0 0;padding:10px 10px 20px;clear:both;}
/* ---- WRITE REVIEW form ---- */
.write-review .wr-card { border: 1px solid #e9e9e9; border-radius: 14px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.04); padding: 20px 22px; margin: 14px 0; max-width: 560px; }
.write-review .wr-title { font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.write-review .wr-field { margin-bottom: 14px; }
.write-review .wr-field > label { display: block; font-size: 13px; font-weight: 600; color: #444; margin: 0 0 6px; }
.write-review input[type="text"], .write-review textarea { width: 100%; box-sizing: border-box; border: 1px solid #ddd; border-radius: 8px; padding: 10px 12px; font-size: 14px; }
.write-review textarea { min-height: 130px; line-height: 1.5; resize: vertical; }
.write-review .wr-actions input[type="submit"] { background: #4caf50; color: #fff; border: 0; border-radius: 8px; padding: 12px 22px; font-size: 15px; font-weight: 600; cursor: pointer; }
/* ---- WRITE REVIEW: star rating (css-only, radios stay for the post) ---- */
.star-rating { display: inline-flex; flex-direction: row-reverse; justify-content: flex-end; }
.star-rating input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.star-rating label { font-size: 30px; line-height: 1; color: #dcdcdc; cursor: pointer; padding: 4px 3px; transition: color .12s ease; }
.star-rating label::before { content: '\2605'; }
.star-rating input:checked ~ label { color: #f5a623; }
.star-rating:hover label { color: #dcdcdc; }
.star-rating label:hover, .star-rating label:hover ~ label { color: #f5a623; }
.star-rating input:focus + label { outline: 2px solid #2e7d32; outline-offset: 2px; border-radius: 4px; }
.star-rating .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
.product-review-list .product-review-item .review-title{font-weight:700;float:left;margin-bottom:5px;}
.product-review-list .product-review-item .product-review-box{float:right;margin-right:5px;width:69px;height:13px;}
.product-review-list .product-review-item .review-text{float:left;margin-bottom:5px;}
.product-review-list .product-review-item .review-info{float:left;margin-bottom:5px;}
.product-review-list .product-review-item .review-info .separator{margin:0 2px;}
.product-review-helpfulness{font-size:11px;color:#333;clear:both;}
.product-review-helpfulness .vote{color:#3664A5;font-weight:700;text-decoration:none;}
.product-review-helpfulness .vote:hover{cursor:pointer;text-decoration:none;}
.product-variant-list{margin-bottom:15px;padding:0;}
.product-variant-line{clear:both;margin-bottom:20px;padding-bottom:20px;margin-top:10px;border-bottom:dashed 1px #C4C6C8;}
.product-variant-line .picture{float:left;width:300px;margin-bottom:15px;}
.product-variant-line .overview{float:right;width:200px;margin-right:25px;}
.product-variant-line .overview .productname{color:#3664A5;font-size:1.2em;margin-bottom:.3em;}
.product-variant-line .description{clear:both;color:#000;margin-bottom:.3em;}
.product-details-page .downloadsample{clear:both;color:#000;margin-top:15px;margin-bottom:15px;}
.product-details-page .downloadsample .downloadsamplebutton{-x-system-font:none!important;background:#F1F1F1 url(images/btn_download_bg.gif) repeat-x scroll 0 100%;border:1px solid #B5B5B5;color:#444;cursor:pointer;font-family:arial,sans-serif!important;font-size:11px!important;font-size-adjust:none!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;font-weight:700!important;line-height:normal!important;overflow:visible;padding:1px 5px;text-align:center;text-transform:uppercase;vertical-align:middle;width:auto;}
.product-variant-line .price{float:left;padding:10px;margin-right:30px;}
.product-variant-line .price .productPrice{color:green;}
.product-variant-line .price .oldProductPrice{color:black;text-decoration:line-through;}
.product-variant-line .add-info{padding:10px;background:#F7F5E8;min-height:17px;}
.product-variant-line .attributes{}
.product-variant-line .stock,.product-variant-line .sku,.product-variant-line .manufacturerpartnumber,.product-variant-line .gtin{}
.product-variant-line .giftCard{}
.product-variant-line .giftCard dt{clear:left;float:left;width:150px;}
.product-variant-line .giftCard dt,
.product-variant-line .giftCard dd{padding: 5px 0;}
.product-essential .price{margin-top:15px;margin-bottom:15px;font-size:24px;font-weight:700;position: relative;}
.product-essential .price .productPrice{color:red;}
.product-essential .price .oldProductPrice{color:black;/*text-decoration:line-through;*/}
.products-grid{}
.products-grid .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;clear:both;}
.products-grid .item-box{padding-bottom:10px;text-align:center;vertical-align:text-top;}
.products-grid .item{text-align:center;margin:10px;border:1px solid #E8E6D2;width:200px;height:200px;position:relative;border-radius:5px;overflow:hidden;}
.products-grid .item .product-title{margin-bottom:5px;margin-top:5px;text-align:center;font-weight:700;text-transform:none;font-size:1em;padding:0;}
.products-grid .item .picture{text-align:center;}
.productspec-box{}
.productspec-box .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;clear:both;}
.productspec-box .productspec-list{}
.producttags-box{padding:5px;color:#000;}
.producttags-box .title{padding:10px 10px 10px 0;font-weight:700;text-transform:uppercase;clear:both;}
.producttags-box .producttags-list{}
.producttags-box .producttags-list a{text-decoration:underline;}
.producttags-box .producttags-list .producttags-wrapper{float:left;}
.tier-prices{text-align:center;margin-bottom:10px;}
.tier-prices .prices-header{background:#7692B9;color:#FFF;padding:3px;font-weight:700;}
.tier-prices .prices table{width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;background:#f3f3f3;}
.tier-prices .prices .prices-table td{padding:0;}
.tier-prices .prices .item-table td{border-bottom:solid 3px #d7d7d7;padding-top:3px;padding-bottom:3px;font-weight:700;}
.tier-prices .prices .item-table .item-price{color:Green;}
.tier-prices .prices .header-table td{border-bottom:solid 3px #d7d7d7;padding-top:3px;padding-bottom:3px;font-weight:700;}
.tier-prices .prices .prices-table .field-header{font-weight:700;text-align:center;}
/* SLIM BOX (PRODUCT IMAGES) */
#lbOverlay{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor:pointer;}
#lbCenter,#lbBottomContainer{position:absolute;z-index:9999;overflow:hidden;background-color:#fff;}
.lbLoading{background:#fff url(images/loading.gif) no-repeat center;}
#lbImage{position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;}
#lbPrevLink,#lbNextLink{display:block;position:absolute;top:0;width:50%;outline:none;}
#lbPrevLink{left:0;}
#lbPrevLink:hover{background:transparent url(images/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink{right:0;}
#lbNextLink:hover{background:transparent url(images/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom{font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;}
#lbCloseLink{display:block;float:right;width:66px;height:22px;background:transparent url(images/closelabel.gif) no-repeat center;margin:5px 0;outline:none;}
#lbCaption,#lbNumber{margin-right:71px;}
#lbCaption{font-weight:700;}
/* PRIVATE MESSAGES */
.sendpmbox{background-color:#EEE;border:1px solid #A0A0A0;color:#000;display:block;float:left;font-family:Arial;font-size:10px;font-weight:700;margin:2px 0 2px 2px;padding:2px;text-decoration:none;text-transform:uppercase;}
.sendpmbox .pmlinkbutton{line-height:14px;padding:2px 6px 2px 18px;background:url(images/ico-pm.png) no-repeat;}
.privatemessagesend{}
.privatemessagesend .title{background:#7692B9;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;}
.privatemessagesend .wrapper{padding:5px;}
.privatemessagesend table.postmessage{width:100%;vertical-align:middle;border-collapse:collapse;}
.privatemessagesend table.postmessage td{padding:4px;}
.privatemessagesend table.postmessage td.fieldname{font-weight:700;width:20%;color:#000;}
.privatemessagesend table.postmessage td.options{text-align:right;}
.privatemessageview{}
.privatemessageview .title{background:#7692B9;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;}
.privatemessageview .wrapper{padding:5px;}
.privatemessageview table.viewmessage{width:100%;vertical-align:middle;border-collapse:collapse;}
.privatemessageview table.viewmessage td{padding:4px;}
.privatemessageview table.viewmessage td.fieldname{font-weight:700;width:20%;color:#000;}
.privatemessageview table.viewmessage a{color:#3664A5;text-decoration:underline;}
.privatemessageview table.viewmessage td.options{text-align:right;}
.private-messages-page{}
.private-messages-page .page-title{border-bottom:0 none;}
.private-messages-page .body{margin:0;padding:0;font-size:11px;color:#000;}
.private-messages-box{margin:0;padding:5px;font-size:11px;color:#000;}
.private-messages-box .section-title{padding:10px 10px 5px 0;font-weight:700;clear:both;font-size:12px;}
.private-messages-box .buttons{margin-bottom:5px;margin-top:5px;text-align:left;}
.pmgridtablestyle{font-family:arial;font-size:11px;border:1px solid gray;background-color:#FFF;margin-left:0;width:100%;}
.pmgridtablestyle td a{text-decoration:none;display:block;}
.pmgridaltrowstyle{background-color:#F4FAFF;}
.pmgridheaderstyle th{background:#7692B9;color:#fff;padding:5px 10px;height:20px;text-align:center;vertical-align:middle;font-weight:700;border:solid 1px #676767;}
.pmgridrowstyle td,.pmgridaltrowstyle td{padding:4px 10px;border-right:solid 1px #A0C0E7;border-right-color:gray;}
.pmgridpagerstyle,.latestpostsgridpagerstyle,.fsgridpagerstyle{padding:5px;background:#eee;vertical-align:middle;}
.pmgridpagerstyle span,.latestpostsgridpagerstyle span,.fsgridpagerstyle span{font-weight:700;font-size:1.1em;}
.pmread{}
.pmunread{font-weight:700;}
/* FORUM MAIN */
.forumsmain{}
.forumsmain .forumsmainheader{border-bottom:solid 1px #f3f3f3;height:35px;}
.forumsmain .forumsmainheader .currenttime{padding-top:20px;font-size:.9em;color:#000;float:left;}
.forumsmain .forumsmainheader .forumsearchbox{float:right;text-align:right;}
.forumsmain .activediscussions{margin-top:50px;}
.forumbreadcrumb{padding:0;margin-bottom:10px;font-weight:700;text-transform:uppercase;font-size:1.1em;}
.forumbreadcrumb a{text-decoration:none;color:#3a3a3a;}
.forumbreadcrumb a:hover{color:#3664A5;text-decoration:none;}
.forumgrouppage .forumsearchbox{text-align:right;}
.forumgroup{}
.forumgroup .grouptitle a{font-weight:700;}
.forumgroup table.groups{margin-top:10px;width:100%;border-collapse:collapse;text-align:center;vertical-align:middle;margin-bottom:15px;}
.forumgroup table.groups td{padding:3px 0;}
.forumgroup tr.groupheader{font-weight:700;}
.forumgroup tr.groupheader td{background:#7692B9;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;}
.forumgroup tr.groupheader td.forumname{width:55%;text-align:left;padding-left:3px;}
.forumgroup tr.groupheader td.topics{width:10%;}
.forumgroup tr.groupheader td.posts{width:10%;}
.forumgroup tr.groupheader td.lastpost{width:25%;}
.forumgroup tr.forum td.image div{text-align:left;width:36px;height:36px;background:url(images/ico-forum.gif) no-repeat 40% 40%;}
.forumgroup tr.forum td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;}
.forumgroup tr.forum td.forumname{text-align:left;width:55%;}
.forumgroup tr.forum td.forumname .forumtitle{font-weight:700;font-size:1.1em;line-height:18px;}
.forumgroup tr.forum td.forumname .forumdescription{font-size:.9em;color:#000;}
.forumgroup tr.forum td.lastpost{font-size:.8em;color:#000;}
.forum-subscriptions-box{margin:0;padding:5px;font-size:11px;color:#000;}
.forum-subscriptions-box .forum-subscriptions-grid{font-family:arial;font-size:11px;border:1px solid gray;background-color:#FFF;margin-left:0;width:100%;border-collapse:collapse;}
.forum-subscriptions-box .forum-subscriptions-grid a{display:block;margin-left:5px;}
.forum-subscriptions-box .buttons{margin-bottom:5px;margin-top:5px;text-align:left;}
/* FORUM PAGE */
.forum{}
.forum .forumheader{}
.forum .top .foruminfo{float:left;}
.forum .top .foruminfo .forumname{font-weight:700;font-size:1.2em;line-height:25px;}
.forum .top .foruminfo .forumdescription{color:#000;}
.forum .top .actions{float:right;text-align:right;}
.forum .top .actions .newtopic{background:url(images/ico-forum-post-add.gif) no-repeat;padding:0 10px 3px 20px;}
.forum .top .actions .watchforum{background:url(images/ico-forum-watch.gif) no-repeat;padding-left:20px;}
.forum .top .actions .forumsearchbox{padding-top:5px;}
.forum .topicsgroup{}
.forum table.topics{width:100%;border-collapse:collapse;vertical-align:middle;text-align:center;}
.forum table.topics td{padding:3px 0;}
.forum table.topics tr.forumheader{font-weight:700;}
.forum table.topics tr.forumheader td{background:#7692B9;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;}
.forum table.topics tr.forumheader td.topicname{width:55%;text-align:left;padding-left:3px;}
.forum table.topics tr.forumheader td.replies{width:10%;}
.forum table.topics tr.forumheader td.views{width:10%;}
.forum table.topics tr.forumheader td.lastpost{width:25%;}
.forum table.topics tr.topic td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;}
.forum table.topics tr.topic td.image div{text-align:left;width:36px;height:36px;background:url(images/ico-forum.gif) no-repeat 40% 40%;}
.forum table.topics tr.topic td.topicname{text-align:left;width:55%;}
.forum table.topics tr.topic td.topicname .topictype{font-size:.9em;line-height:18px;}
.forum table.topics tr.topic td.topicname .topictitle{font-weight:700;font-size:1.1em;line-height:18px;}
.forum table.topics tr.topic td.topicname .topicstarter{font-size:.9em;color:#000;}
.forum table.topics tr.topic td.topicname .topicspager{font-size:.9em;color:#000;}
.forum table.topics tr.topic td.lastpost{font-size:.8em;color:#000;}
.forum table.topics tr.topic .post{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post.gif) no-repeat 40% 40%;}
.forum table.topics tr.topic .postannoucement,.forum table.topics tr.topic .poststicky{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post-high.gif) no-repeat 40% 40%;}
.forum .pager{text-align:right;padding:5px 3px 5px 0;}
/* FORUM TOPIC EDIT */
.postedit{}
.postedit .title{background:#7692B9;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;}
.postedit .wrapper{padding:5px;}
.postedit table.posttopic{width:100%;vertical-align:middle;border-collapse:collapse;}
.postedit table.posttopic td{padding:4px;}
.postedit table.posttopic td.fieldname{font-weight:700;width:20%;color:#000;}
.postedit table.posttopic td.options{text-align:right;}
.moveforumtopic{}
.moveforumtopic .title{background:#7692B9;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;}
.moveforumtopic .wrapper{padding:5px;}
.moveforumtopic table.movetopic{width:100%;vertical-align:middle;border-collapse:collapse;}
.moveforumtopic table.movetopic td{padding:4px;}
.moveforumtopic table.movetopic td.fieldname{font-weight:700;width:30%;color:#000;white-space:nowrap;}
.moveforumtopic table.movetopic td.options{text-align:left;}
/* FORUM TOPIC */
.forumtopic{}
.forumtopic .title{background:#7692B9;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;}
.forumtopic .title .topicname{float:left;font-size:12px;}
.forumtopic .title .manage{float:right;text-align:right;}
.forumtopic .title .manage a{color:#F3F3F3;}
.forumtopic .topicheader{padding:5px;background:#F3F3F3;border-bottom:solid 1px #6a6a6a;height:16px;}
.forumtopic .topicheader .topicoptions,.topicfooter .topicoptions{float:right;text-align:right;}
.forumtopic .topicheader .topicoptions a,.topicfooter .topicoptions a{font-weight:700;}
.forumtopic .posts{}
.topicfooter{padding:5px;background:#F3F3F3;border-top:solid 1px #6a6a6a;height:16px;}
.forumtopic .pager,.topicfooter .pager{text-align:left;}
.forumpost{border-bottom:solid 1px #E3E3E3;}
.postinfo{width:170px;float:left;padding:5px;height:100%;border-right:solid 1px #F3F3F3;}
.postinfo .manage{line-height:20px;}
.postinfo .manage a{font-weight:700;color:#000;}
.postinfo .userinfo{padding-top:5px;}
.postinfo .userinfo a.username{font-weight:700;margin-bottom:5px;}
.postinfo .userinfo span.username{font-weight:700;margin-bottom:5px;}
.postinfo .userinfo .avatar{margin:5px 0;}
.postinfo .userinfo .avatar .avatar-img{border:solid 2px #CEDBE1!important;}
.postinfo .userinfo .userstats{font-size:.9em;text-align:left;font-weight:700;color:#000;}
.postinfo .userinfo .userstats .statvalue{font-weight:400;}
.postcontent{margin-left:180px;border-left:solid 1px #F3F3F3;}
.postcontent .posttime{font-weight:700;line-height:20px;padding:3px;background:#e3f3f3;}
.postcontent .posttime .statvalue{font-weight:400;}
.postcontent .postbody{padding:3px;}
.postcontent .postbody a{color:#3664A5;text-decoration:underline;}
.postcontent .postbody .posttext{}
.postcontent .postbody .posttext .quote{padding:5px;border:dashed 1px #000;background-color:#fff;}
.postcontent .signature{border-color:#DDD;border-style:solid;border-width:1px 0 0;font-size:90%;margin:1em 8px 8px;padding:1em 0 20px;text-align:left;font-style:italic;}
/* FORUM SEARCH */
.forumsearchbox{font-size:.9em;float:right;text-align:right;padding:5px 0;}
.forumsearch{}
.forumsearch .forum-search-panel{}
.forumsearch .forum-search-panel .page-title{border-bottom:0 none;}
.forumsearch .forum-search-panel .search-input{}
.forumsearch .forum-search-panel .search-error{color:Red;}
.forumsearch .forum-search-panel .search-results{}
.forum-search-panel table.adv-search{border-collapse:collapse;color:#333;margin:10px 0 0;width:100%;vertical-align:middle;text-align:left;border-top:solid #D3D3D3 1px;}
.forum-search-panel table.adv-search td.title{padding:4px;text-align:left;vertical-align:middle;width:130px;}
.forum-search-panel table.adv-search td.data{padding:4px;text-align:left;vertical-align:middle;white-space:nowrap;}
.forumsearch .topicsgroup{}
.forumsearch table.topics{width:100%;border-collapse:collapse;vertical-align:middle;text-align:center;}
.forumsearch table.topics td{padding:3px 0;}
.forumsearch table.topics tr.forumheader{font-weight:700;}
.forumsearch table.topics tr.forumheader td{background:#7692B9;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;}
.forumsearch table.topics tr.forumheader td.topicname{width:55%;text-align:left;padding-left:3px;}
.forumsearch table.topics tr.forumheader td.replies{width:10%;}
.forumsearch table.topics tr.forumheader td.views{width:10%;}
.forumsearch table.topics tr.forumheader td.lastpost{width:25%;}
.forumsearch table.topics tr.topic td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;}
.forumsearch table.topics tr.topic td.image div{text-align:left;width:36px;height:36px;background:url(images/ico-forum.gif) no-repeat 40% 40%;}
.forumsearch table.topics tr.topic td.topicname{text-align:left;width:55%;}
.forumsearch table.topics tr.topic td.topicname .topictype{font-size:.9em;line-height:18px;}
.forumsearch table.topics tr.topic td.topicname .topictitle{font-weight:700;font-size:1.1em;line-height:18px;}
.forumsearch table.topics tr.topic td.topicname .topicstarter{font-size:.9em;color:#000;}
.forumsearch table.topics tr.topic td.lastpost{font-size:.8em;color:#000;}
.forumsearch table.topics tr.topic .post{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post.gif) no-repeat 40% 40%;}
.forumsearch table.topics tr.topic .postannoucement,.forumsearch table.topics tr.topic .poststicky{text-align:left;width:36px;height:36px;background:url(images/ico-forum-post-high.gif) no-repeat 40% 40%;}
.forumsearch .pager{text-align:right;padding:5px 3px 5px 0;}
/* PROFILE PAGE */
.profile-page{}
.profile-page .title{background:#7692B9;color:#FFF;border:solid 1px #6a6a6a;height:28px;line-height:28px;font-weight:700;padding-left:3px;}
.profile-page .body{margin-top:15px;}
.profile-page .body .profileInfoBox{border-bottom:solid 1px #e3e3e3;}
.profile-page .body .profileInfoBox, .profile-page .body .userLastPosts{font-size:12px;}
.profile-page .body .profileInfoBox .title{}
.profile-page .body .profileInfoBox .profileStat{font-weight:700;padding:2px;}
.profile-page .body .profileInfoBox .profileStat .profileStatValue{font-weight:400;color:#000;}
.profile-page .body .profileInfoBox .userDetails{width:180px;float:left;padding:10px;height:100%;border-right:solid 1px #F3F3F3;text-align:center;}
.profile-page .body .profileInfoBox .userDetails .avatar{margin-bottom:5px;}
.profile-page .body .profileInfoBox .userDetails .avatar .avatar-img{border:solid 2px #CEDBE1!important;}
.profile-page .body .profileInfoBox .userStats{margin-left:200px;border-left:solid 1px #F3F3F3;padding:10px;}
.profile-page .body .profileInfoBox .userStats .section-title{text-transform:uppercase;margin-bottom:10px;}
.profile-page .body .userLastPosts{}
.profile-page .body .userLastPosts .topic{border:solid 1px #F3F3F3;margin-bottom:10px;}
.profile-page .body .userLastPosts .topicTitle{font-weight:700;line-height:20px;background:#e3f3f3;padding:3px;}
.profile-page .body .userLastPosts .topicBody{padding:10px;}
.profile-page .body .userLastPosts .topicBody a{color:#3664A5;text-decoration:underline;}
.profile-page .body .userLastPosts .topicBody .quote{padding:5px;border:dashed 1px #000;background-color:#fff;}
.profile-page .body .userLastPosts .topicData{background:#f3f3f3;padding:3px;color:#000;font-size:.9em;}
/* BB CODE EDITOR */
.toolbar{padding:2px;display:inline;}
.toolbar .button{background:url(images/bbeditor-button-bg.gif) repeat-x;padding:2px;margin-right:2px;border:#cec6b5 1px solid;}
.toolbar .button:hover{border:#333 1px solid;}
/* ACTIVE DISCUSSIONS */
.activediscussionspage{}
.activediscussions .activediscussionstitle{font-size:1.1em;font-weight:700;}
.activediscussions .activediscussionstitle .viewall{float:right;text-align:right;}
.activediscussions .topicsgroup{}
.activediscussions table.topics{width:100%;border-collapse:collapse;vertical-align:middle;text-align:center;}
.activediscussions table.topics td{padding:3px 0;}
.activediscussions table.topics tr.activediscussionsheader{font-weight:700;}
.activediscussions table.topics tr.activediscussionsheader td{background:#7692B9;color:#FFF;border-right:solid 1px #6a6a6a;height:20px;}
.activediscussions table.topics tr.activediscussionsheader td.topicname{width:55%;text-align:left;padding-left:3px;}
.activediscussions table.topics tr.activediscussionsheader td.replies{width:10%;}
.activediscussions table.topics tr.activediscussionsheader td.views{width:10%;}
.activediscussions table.topics tr.activediscussionsheader td.lastpost{width:25%;}
.activediscussions table.topics tr.topic td{border-bottom:1px solid #c5c5c5;vertical-align:middle;padding-left:3px;}
.activediscussions table.topics tr.topic td.topicname{text-align:left;width:55%;}
.activediscussions table.topics tr.topic td.topicname .topictitle{font-weight:700;font-size:1.1em;line-height:18px;}
.activediscussions table.topics tr.topic td.topicname .topicstarter{font-size:.9em;color:#000;}
.activediscussions table.topics tr.topic td.topicname .topicspager{font-size:.9em;color:#000;}
.activediscussions table.topics tr.topic td.lastpost{font-size:.8em;color:#000;}
/* BBCODES */
pre{white-space:pre-wrap;/* css-3 */white-space:0;/* Mozilla, since 1999 */white-space:0;/* Opera 4-6 */white-space:0;/* Opera 7 */word-wrap:break-word;/* Internet Explorer 5.5+ */}
.csharpcode,.csharpcode pre{font-size:small;color:#000;font-family:Consolas, "Courier New", Courier, Monospace;background-color:#fff;}
.csharpcode pre{margin:0;}
.csharpcode .rem{color:green;}
.csharpcode .kwrd{color:#00f;}
.csharpcode .str{color:#006080;}
.csharpcode .op{color:#0000c0;}
.csharpcode .preproc{color:#c63;}
.csharpcode .asp{background-color:#ff0;}
.csharpcode .html{color:maroon;}
.csharpcode .attr{color:red;}
.csharpcode .alt{background-color:#f4f4f4;width:100%;margin:0;}
.csharpcode .lnum{color:#606060;}
.field-validation-error{padding-left:5px; color:Red;}
/*
.opc .step { background:no-repeat 10px 10px; padding-left: 85px; }
#checkout-step-billing{background-image: url(img/invoice.jpg);}
#checkout-step-shipping{background-image: url(img/shipping.jpg);}
#checkout-step-shipping-method{background-image: url(img/posten.jpg);}
#checkout-step-payment-method{background-image: url(img/payment.jpg);}
*/
#checkout-step-payment-info{padding-left:20px;}
#checkout-step-confirm-order{padding-left:20px;}
.payson{background:url(img/paysonblock.jpg) no-repeat;width:140px;height:60px;}
.invoice{background:url(img/invoiceblock.png) no-repeat 0px 10px;width:140px;height:50px;}
.paypal{background:url(img/paypalblock.jpg) no-repeat;width:140px;height:140px;}
.postnord
{
background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F>');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 150px;
height: 25px;
margin: 0 auto 10px auto;
}
.svea
{
background: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 150px;
height: 23px;
margin: 0 auto 10px auto;
}
.pay
{
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 50px;
height: 50px;
margin: 0 14px;
display:inline-block;
}
.pay.txt
{
display: block;
width: 140px;
height: 30px;
font-weight: 200;
font-size: large;
text-align:center;
vertical-align:middle;
line-height: 30px;
}
.pay.swish
{
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F>');
width: 130px;
}
.pay.visa
{
background-image: url('data:image/svg+xml,')
}
.pay.mastercard
{
background-image: url('data:image/svg+xml,');
}
.comodo{margin-left:38px;}
.laromedia{background:url(img/laromedia.jpg) no-repeat; padding-left:45px; height: 100px;}
.shippinginfo div { text-align:center; color: black;}
.shippinginfo .highlight { font-weight:bold; font-size: 1.1em; color: White; background-color: #2d9935; margin: 2px 30px;
padding:2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.adblock { overflow: hidden; }
.adblock .listbox {padding: 0; width:180px; }
.freeshipping{background:url(img/fraktfritt49.jpg) no-repeat 5px 10px;width:175px;height:110px;display:block;}
.paysonlogo{background:url(img/paysonlogo.png) no-repeat; width:140px; height:42px; }
.paypallogo{background:url(img/paypallogo.png) no-repeat; width:123px; height:44px; }
.invoicelogo{background:url(img/invoice.jpg) no-repeat; width:75px; height:55px; }
.seqrlogo{background:url(img/seqrlogo.png) no-repeat; width:100px; height:30px; }
.swishlogo{background:url(img/swish-small.png) no-repeat; width:100px; height:25px;}
.swishlogo2{background:url(img/swish.png) no-repeat; width:300px; height:80px; float:right; padding-right: 50px;}
.bglogo{background:url(img/bankgirot-small.png) no-repeat; width:100px; height:22px;}
.paymentSwish{background:url(img/swish-m.png) no-repeat; width:150px; height:40px; margin: 5px 0;}
.small-product-item
{
position: relative;
}
.product-details-info .discount
{
position: absolute;
background-color: orange;
color: white;
font-size: 20px;
font-weight: 700;
top: -50px;
right: -50px;
padding: 10px 50px 10px 20px;
border: 2px solid orange;
border-radius: 15px;
letter-spacing: 1px;
text-align:center;
line-height: 60px;
white-space: nowrap;
animation: discountMove 1s;
font-size: 30px;
transform-origin: center right;
}
.discountSmall
{
position: absolute;
bottom: 23px;
left: -13px;
padding: 2px 5px 5px 15px;
border: 3px solid orange;
background-color: white;
border-radius: 10px 10px 0 0;
display: inline-block;
font-weight: bold;
letter-spacing: 0.5px;
}
.newProductSmall
{
position: absolute;
top: 75px;
right : -28px;
background-color: red;
border-radius: 5px;
transform: rotate(90deg);
color: White;
font-weight: bold;
padding: 10px 5px 2px 10px;
letter-spacing: 2px;
animation: newsPulse 2s infinite;
}
.newProduct
{
position: absolute;
top : 120px;
left : -78px;
background-color: #2196F3;
padding: 10px 20px 4px 20px;
border-radius: 5px;
font-weight: 900;
font-size: 20px;
color: White;
letter-spacing: 2px;
transform: rotate(-90deg);
}
@keyframes newsPulse {
0% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
}
70% {
box-shadow: 0 0 0 5px rgba(0, 0, 0, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes discountMove {
0%
{
transform: scale(0);
}
50%
{
transform: scale(1.2);
}
100%
{
transform: scale(1);
}
}
.newProduct2 {
position: absolute; top: 80px; left: -28px; z-index: 3;
background: #2196F3; color: #fff; font-size: 12px; font-weight: 800;
padding: 4px 14px; border-radius: 4px; letter-spacing: 1px;
transform: rotate(-90deg); transform-origin: center;
}
.product-list .newProduct2 { font-size: 13px; padding: 5px 16px; }
.christmas
{
background-image : url('img/christmas.png');
background-repeat: no-repeat;
background-position: 20px top;
}
.black .campaignPrice,
.black .products-grid .campaign .smallPrice,
.black .headermenu
{
background-color: black !important;
}
.black .product-campaign,
.black .discountSmall,
.black .products-grid .campaign .item
{
border-color: black !important;
}
.black .discount
{
background-color: black !important;
border: 2px solid black !important;
}
.blackweek
{
background-color: Black !important;
background-image : url('img/blackfriday.png');
background-repeat: repeat;
}
body.cyberweek
{
background-image : url('img/cyberweek.png');
background-repeat: repeat;
background-color: Black !important;
}
.cyberweek .campaignPrice,
.cyberweek .products-grid .campaign .smallPrice,
.cyberweek .headermenu
{
background-color: black !important;
}
.cyberweek .product-campaign,
.cyberweek .discountSmall,
.cyberweek .products-grid .campaign .item
{
border-color: black !important;
}
.cyberweek .discount
{
background-color: black !important;
border: 2px solid black !important;
}
.header-info
{
background-color: #aff756; /* #ff2d0b;*/
color: black;
left : 0px;
height : 14px;
position: fixed;
right : 0px;
top: 0px;
padding: 2px;
border-bottom : 1px solid gray;
opacity: 0.9;
filter: alpha(opacity=90);
z-index : 1000;
text-align:center;
font-weight: bold;
}
.cart-info
{
background-color: #FFFF62;
padding: 10px;
border : 2px solid red;
font-weight: bold;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0 5px;
}
.header-logo
{
position : relative;
}
.likeus
{
width : 331px;
height : 159px;
background : url('img/likeus.png') no-repeat;
}
/* Kampanjprodukter — orange border pa kategori-sidans produktkort + homepage small-box */
.category-page .product-campaign { border: none !important; }
.category-page .product-grid .item-box:has(.product-campaign),
.category-page .product-list .item-box:has(.product-campaign) { border: 2px solid #f59e0b !important; border-radius: 5px; overflow: hidden; }
.product-grid .small-product-item:has(.campaignPrice) { border: 2px solid #f59e0b !important; border-radius: 5px; overflow: hidden; }
.discount-header {
position: absolute; top: 0; right: 0; z-index: 3;
background: #f59e0b; color: #fff; font-size: 14px; font-weight: 800;
padding: 3px 8px; border-radius: 0 0 0 8px; letter-spacing: 0.5px;
}
.product-campaign .product-title a { padding-right: 45px !important; }
.product-list .discount
{
position: absolute;
background-color: orange;
color: white;
font-size: 20px;
font-weight: 700;
top: -2px;
right: -2px;
padding: 2px 10px;
border: 2px solid orange;
border-radius: 0 0 0 15px;
letter-spacing: 1px;
}
.product-list .campaignProduct
{
position: absolute;
background:url(img/Campaign2.png) no-repeat;
width:80px;
height:51px;
top : 30px;
right : 85px;
}
.oldProductPriceDiv
{
font-weight: normal;
font-size: 12px;
padding-bottom: 10px;
}
.lowestProductPriceDiv
{
font-weight: normal;
font-size: 12px;
padding-top: 10px;
color: gray;
}
.product-details-page .campaignProduct
{
background:url(img/CampaignSmall.png) no-repeat;
width:122px;
height:47px;
padding-left: 200px;
}
.home-page-product-grid .product-campaign
{
}
.campaignPrice
{
position: absolute;
font-size: 15px;
color: white;
bottom : 5px;
background-color: Orange;
padding: 3px 0px;
width : 170px;
left : 0px;
font-weight: bold;
}
.seqrMobileLink
{
}
.seqrlogo2
{
background:url(img/seqrlogo2.jpg) no-repeat;
width:221px;
height:200px;
position: absolute;
right: 0px;
top: 0px;
}
.seqrCode
{
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #00A391;
text-align: center;
width: 250px;
font-size: 16px;
margin: 20px;
}
.seqrCode .title
{
font-size: 20px;
}
.seqrPayment #cancel-payment
{
position:absolute;
right: 20px;
bottom: 20px;
}
.seqrPayment #seqrMobileLink
{
display: none;
}
.seqrPayment *, .seqrPayment a:hover
{
color: black;
text-decoration: none;
font-size: 16px;
}
.seqrCode div
{
padding: 15px;
}
.seqrCode img
{
background-color: white;
padding : 20px;
margin-bottom: 5px;
}
.swishPayment p
{
width:400px;
}
.seqrPayment
{
border: 1px solid gray;
width: 500px;
position: relative;
border-radius:5px; -moz-border-radius:5px;-webkit-border-radius: 5px;
}
.seqrPayment .info, .swishPayment .info, .changePaymentMethod .info
{
padding : 20px 0 0 20px;
}
.seqrPayment .price
{
font-weight: bold;
font-size: 18pt;
padding-top: 0px;
}
.prisJaktReview
{
background:url(img/prisJaktReview.png) no-repeat;
width:400px;
height:100px;
}
.checkout-page .prisJaktReview
{
position:relative;
left: 500px;
top: 90px;
}
.smallPrice
{
position : absolute;
bottom : 0px;
width : 195px;
text-align: center;
height : 20px;
padding : 3px;
font-size: 18px;
background-color: #E8E6D2;
}
.products-grid .campaign .smallPrice
{
background-color: orange;
color : White;
}
.products-grid .campaign .item
{
border: orange 2px solid;
}
.login-page .bigbutton { padding : 8px 12px; font-size: 13px; font-weight: bold; }
.seqrIC
{
position: relative;
-moz-border-radius:5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 2px solid #00A391;
padding: 10px;
width: 300px;
margin: 0px 10px;
float: left;
}
.seqrIC .info
{
width:170px;
}
.seqrIC .logo
{
position: absolute;
bottom: 10px;
right : 15px;
background: url(img/seqrlogo.png) no-repeat 10px;
height: 30px;
width: 110px;
}
.seqrIC .qrcode
{
margin: 5px;
float: right;
}
.seqrIC .head
{
font-size: 18px;
}
.order-footer {position: relative; margin-top: 15px;}
.order-footer .checkoutbutton
{
position:absolute;
right:10px;
bottom: 0px;
}
#toast-container>div
{
opacity:1 !important;
width:400px !important;
}
.toast-message
{
font-size: 20px !important;
}
.popup
{
background: #DDFFDD;
border: 1px solid black;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow:10px 10px 5px #888888;
-webkit-box-shadow:10px 10px 5px #888888;
box-shadow: 10px 10px 5px #888888;
position: absolute;
top: 10px;
left : 10px;
padding: 5px;
font-size: 16px;
max-width: 300px;
}
.popup-warning
{
border: 3px solid red;
}
/*
.alertTip
{
border-color: black !important;
}
.alertTip-warning
{
border: 2px solid red !important;
}
.alertTip .qtip-content{
xfont-size: 16px;
xline-height: 20px;
}
*/
.header-safe {
background: url('img/gh3.png') no-repeat;
display: block;
width: 140px;
height: 75px;
margin: 0 auto;
background-size: contain;
background-position: center;
}
.infoTabel
{
border-radius:5px; -moz-border-radius:5px;-webkit-border-radius: 5px;
border: 1px solid gray;
}
.infoTabel td
{
padding: 3px 5px;
}
.infoTabel .rightCol
{
border-left: 1px solid gray;
vertical-align: top;
}
.prePayment .infoTabel
{
width: 600px;
padding: 5px;
margin-bottom: 15px;
}
.prePayment .infoTabel .rightCol
{
width: 380px;
}
.inStock
{
background:url(img/check.png) no-repeat 5px 5px;
padding: 6px 4px 4px 36px;
border: 1px solid gray;
border-radius:5px; -moz-border-radius:5px;-webkit-border-radius: 5px;
margin-bottom: 20px;
}
.inStock DIV
{
font-size:.8em;
padding: 2px 0;
}
.orderDiv
{
margin-bottom: 20px;
}
.grecaptcha-badge { visibility:hidden; position:absolute; top:0; left:0; }
.recaptcha-compliance { font-size: 11px; color: #888; margin: 8px 0; text-align: center; line-height: 1.4; }
.recaptcha-compliance a { color: #555; text-decoration: underline; }
.tabs { margin: 15px 0; }
.tabs .tab { display: inline-block; padding: 8px 20px; cursor: pointer; border: 1px solid #ccc; border-bottom: none; background: #f9f9f9; }
.tabs .tab.active { background: #fff; font-weight: bold; }
.select2-results__option {
text-align: left !important;
}
.select2-selection__rendered {
white-space: normal !important;
word-break: break-word;
line-height: 1.3em !important;
}
.select2-container--default .select2-selection--single {
height: auto !important;
padding: 0.5em;
}
.credmsg
{
display: inline-flex;
margin-top: 20px;
color: sienna;
}
.credmsg svg
{
width: 30px;
flex: none;
padding: 5px 10px 0 0;
}
.confirm-info
{
position: static;
width: auto;
text-align: left;
}
.inf
{
background-image: url('data:image/svg+xml,');
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-left: 5px;
position: relative;
}
.inf .msg
{
width: 280px;
background-color: #fff;
color: #374151;
position: absolute;
display: none;
border: 1px solid #d1d5db;
padding: 10px 12px;
border-radius: 6px;
bottom: 30px;
right: -130px;
font-size: 12px;
line-height: 1.5;
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
z-index: 100;
font-weight: 400;
white-space: normal;
text-align: left;
}
.inf .msg.show,
.inf:hover .msg
{
display: block;
}
.inf { cursor: help; }
/* WebP -wrappern ska inte paverka layout: lat img bete sig som direkt barn (flex/grid/sizing intakt) */
picture{display:contents;}
a.logo{background:url(images/logo.png);display:block;width:187px;height:50px;text-decoration:none;}
.payment{background:url(img/paymentInfo.png?v=1) no-repeat;width:160px;height:110px;}
/* ============== Hero banner (start-sida) — PP-version ============== */
.firstpagebanner-hero {
position: relative;
width: 100%;
max-width: 1080px;
margin: 0 auto;
aspect-ratio: 2 / 1;
background: url(/Themes/nopClassic/Content/images/PPBanner.jpg?v=1) center/cover #2a3a5a;
border-radius: 18px;
overflow: hidden;
}
.firstpagebanner-hero::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.25) 100%);
pointer-events: none;
z-index: 1;
}
.firstpagebanner-hero .hero-text {
position: relative;
z-index: 2;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: #fff;
text-align: center;
padding: 0 20px;
}
.firstpagebanner-hero .hero-text h1 {
/* Langt butiksnamn (PEDAGOGIKPROFFSEN) + fast ~540px mittkolumn: FAST storlek (skalar ej med fonsterbredd) */
font-size: 36px;
font-weight: 800;
margin: 0 0 10px;
letter-spacing: 1px;
text-shadow: 0 2px 16px rgba(0,0,0,0.85), 0 0 40px rgba(0,0,0,0.7);
line-height: 1.1;
color: #fff;
white-space: normal;
}
.firstpagebanner-hero .hero-text p {
font-size: clamp(15px, 2vw, 22px);
margin: 0;
color: #fff;
text-shadow: 0 2px 12px rgba(0,0,0,0.85);
font-weight: 600;
}
/* ========== Hero-intro — kort intro under banner ========== */
.hero-intro {
margin: 18px 0 24px;
font-size: 15px;
line-height: 1.55;
color: #333;
}
.hero-intro p {
margin: 0 0 10px;
}
.hero-intro .hero-usps {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
margin: 14px 0 18px;
font-size: 13px;
}
.hero-intro .hero-usps .badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 6px 14px;
background: #e3eaf3;
color: #0d2545;
border: 1px solid #c4d4e8;
border-radius: 18px;
font-weight: 500;
white-space: nowrap;
}
.hero-intro .hero-usps .icon {
font-size: 15px;
line-height: 1;
}
.hero-intro a {
color: #1a3a6a;
text-decoration: underline;
}
.hero-intro a:hover {
color: #0d2545;
}
.hero-intro blockquote {
margin: 16px 0;
padding: 12px 18px;
border-left: 4px solid #3664A5;
background: #f5f7fa;
font-style: italic;
color: #333;
border-radius: 0 6px 6px 0;
font-size: 14px;
}
.hero-intro blockquote em {
display: block;
margin-top: 6px;
font-style: normal;
font-size: 12px;
color: #666;
}
/* Related products — kompakt kort-layout (matchar StyraHem-grid) */
.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; }