/* Orion kopi - custom.css. Kommentarerna ar strippade; den dokumenterade
   versionen ligger i mappen orion-kopi/custom.css pa datorn. Redigera den
   forst och lagg in en ny strippad version har. */
.fa-star-o{color: rgba(255,255,255,0.5)}input.white-input:not([type="file"]):not([type="checkbox"]),textarea.white-input{background-color: #ffffff !important;color: #000000 !important;border: 1px solid #cccccc !important;padding: 10px !important;display: block !important;width: 100% !important;min-height: 40px !important;opacity: 1 !important}input.white-input[type="file"]{background-color: transparent !important;border: none !important;width: auto !important;display: inline-block !important}input.white-input:focus,textarea.white-input:focus{background-color: #ffffff !important;color: #000000 !important}
footer ul.navbar-nav{
  justify-content:center !important;
  flex-wrap:wrap !important;
  max-width:1000px;
  margin-left:auto !important;
  margin-right:auto !important;
  row-gap:.35rem;
}
footer ul.navbar-nav > li{
  white-space:nowrap;
  margin-left:1rem !important;
  margin-right:1rem !important;
}
@media (max-width:575px){
  footer ul.navbar-nav > li{ margin-left:.6rem !important; margin-right:.6rem !important; }
}
h1#rhs-brand-h1{
  position:static !important;
  width:auto !important;
  height:auto !important;
  padding:0 22px !important;
  margin:26px auto 4px !important;
  overflow:visible !important;
  clip:auto !important;
  clip-path:none !important;
  white-space:normal !important;
  border:0 !important;
  display:block !important;
  max-width:1250px;
  font-family:'Crimson Text',Georgia,'Times New Roman',serif;
  font-size:clamp(21px,3vw,30px);
  line-height:1.22;
  font-weight:700;
  text-align:center;
  text-wrap:balance;
  color:#f3eee2;
  text-shadow:0 2px 14px rgba(0,0,0,.75);
}
@media(max-width:640px){ h1#rhs-brand-h1{ margin-top:18px !important; } }
button.qs-cart-submit.w-100{
  background-color:#191512 !important;
  border-color:#191512 !important;
  color:#f3eee2 !important;
}
button.qs-cart-submit.w-100 *{
  color:#f3eee2 !important;
  fill:#f3eee2 !important;
}
button.qs-cart-submit.w-100:hover,
button.qs-cart-submit.w-100:focus{
  background-color:#2F2820 !important;
  border-color:#2F2820 !important;
}
button.qs-cart-submit.text-success-darker{
  background-color:transparent !important;
  border-color:transparent !important;
  color:#191512 !important;
}
button.qs-cart-submit.text-success-darker *{
  color:#191512 !important;
  fill:#191512 !important;
}
button.qs-cart-submit.text-success-darker:hover,
button.qs-cart-submit.text-success-darker:focus{
  opacity:.55;
}
a.text-success-darker[href]{ color:#191512 !important; }
a.text-success-darker[href]:hover{ opacity:.55; }
button.qs-cart-submit:focus-visible,
a.text-success-darker[href]:focus-visible{
  outline:2px solid #efe7d6;
  outline-offset:2px;
}
button.product-btn-addcart{
  background-color:#1F8665 !important;
  border-color:#1F8665 !important;
}
button.product-btn-addcart:hover,
button.product-btn-addcart:focus{
  background-color:#1A7156 !important;
  border-color:#1A7156 !important;
}
@media (max-width:767.98px){
/* (kortregel med :has borttagen 3 sep 2026 - overlayen ar dold globalt) */
/* (kortregel med :has borttagen 3 sep 2026 - overlayen ar dold globalt) */
/* (kortregel med :has borttagen 3 sep 2026 - overlayen ar dold globalt) */
  button.qs-cart-submit.w-100{
    height:44px !important;
    padding:0 !important;
    width:100% !important;
  }
/* (kortregel med :has borttagen 3 sep 2026 - overlayen ar dold globalt) */
}
footer .container-fluid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  column-gap:32px;
  row-gap:0;
  max-width:1250px;
  margin:0 auto;
  padding:44px 26px 0;
  box-sizing:border-box;
  text-align:left;
}
footer .container-fluid > .row{
  grid-column:1 / -1;
  margin-left:0;
  margin-right:0;
  order:3;
}
footer .container-fluid > .row.pt-3.pb-1.px-3{
  grid-column:auto;
  order:1;
  padding:0 0 32px !important;
}
footer .container-fluid > .row.justify-content-center.py-4{order:2;padding:0 0 26px !important}
footer .container-fluid > .row.justify-content-center.py-4 a{display:flex;justify-content:center;width:100%}
footer .container-fluid > .row.justify-content-center.py-4 img{width:64px;height:64px;display:block;margin:0}
footer .container-fluid > .row:last-child{order:4}
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3{
  grid-column:1 / -1;
  order:5;
  padding:0 0 22px !important;
}
footer .container-fluid .expand-lg{display:block !important;text-align:left !important}
footer .container-fluid .block-toggler{display:none !important}
footer .container-fluid > .row.pt-3.pb-1.px-3 > div{display:block !important;text-align:left !important;padding:0}
footer .container-fluid > .row.pt-3.pb-1.px-3 br{display:none}
footer .container-fluid > .row.pt-3.pb-1.px-3 h6{
  display:block !important;
  font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px !important;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#a99e8c;
  font-weight:400;
  margin:0 0 14px !important;
}
footer .container-fluid > .row.pt-3.pb-1.px-3 ul{list-style:none;margin:0;padding:0}
footer .container-fluid > .row.pt-3.pb-1.px-3 li{
  margin:0;padding:0;border:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a{
  font-family:'Crimson Text',Georgia,serif;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.35;
  color:#cfc8b6 !important;
  display:block;
  padding:7px 0;
  text-decoration:none;
  transition:color .15s ease;
}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a:hover{color:#f3eee2 !important}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a:focus-visible{outline:2px solid #e8b54a;outline-offset:2px}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a[href^="mailto:"],
footer .container-fluid > .row.pt-3.pb-1.px-3 li a[href^="tel:"]{color:#f3eee2 !important;font-weight:600 !important}
footer .container-fluid > .row.pt-3.pb-1.px-3 li span{
  font-family:'Crimson Text',Georgia,serif;
  font-size:14.5px;
  color:#a99e8c;
  padding:7px 0;
  line-height:1.4;
}
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3 > div,
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3 .expand-lg,
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3 li{text-align:center !important}
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3 h6{display:none !important}
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3 li{
  font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px;
  display:block;
  color:#a99e8c;
}
@media(max-width:900px){
  footer .container-fluid{grid-template-columns:1fr 1fr;column-gap:24px;padding:36px 22px 0}
  footer .container-fluid > .row.pt-3.pb-1.px-3{padding:0 0 32px !important}
  footer .container-fluid > .row.justify-content-center.py-4{margin-top:-6px}
}
@media(max-width:560px){
  footer .container-fluid{grid-template-columns:1fr;padding:30px 22px 0}
  footer .container-fluid > .row.pt-3.pb-1.px-3{padding:0 0 26px !important}
  footer .container-fluid > .row.justify-content-center.py-4{margin-top:-4px}
}
footer .d-flex.flex-column.py-4{background:#1b1712 !important}
footer .newsletter-titlecolor{font-family:'Crimson Text',Georgia,serif !important;
  font-size:20px !important;font-weight:700 !important;color:#f3eee2 !important}
footer .newsletter.input-group{background:transparent !important;gap:8px}
footer .newsletter_form input.form-control{background:#0f0d0b !important;
  border:1px solid rgba(243,238,227,.2) !important;color:#f3eee2 !important;
  padding:12px 14px !important;border-radius:0}
footer .newsletter_form input.form-control::placeholder{color:#8d8577 !important}
footer .newsletter_form button{background:#efe7d6 !important;color:#191512 !important;
  border:0 !important;padding:12px 20px !important;opacity:1 !important;cursor:pointer}
footer .newsletter_form button:hover{background:#fff !important}
footer .newsletter_form button .svg-icon{color:#191512 !important;fill:#191512 !important}
.rhs-rubrik{font-family:'Crimson Text',Georgia,serif;font-size:24px;text-align:center;margin:56px auto 8px;color:#fff;font-weight:700;width:-moz-fit-content;width:fit-content;background:rgba(20,17,14,.85);padding:4px 18px}
.rhs-under{font-family:'Crimson Text',Georgia,serif;text-align:center;color:#cfc8b6;font-size:15px;margin:0 0 24px}
.rhs-cta-mitt a,.rhs-kursknapp{font-family:'Crimson Text',Georgia,serif;display:inline-block;background:#efe7d6;color:#191512;padding:15px 38px;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;font-weight:700}
.rhs-kursdel{margin:34px auto 6px;padding:0 22px;box-sizing:border-box;display:flex;align-items:center;gap:18px}
.rhs-kursdel::before,.rhs-kursdel::after{content:"";flex:1;height:1px;background:rgba(243,238,227,.16)}
.rhs-kursdel > span{font-family:'Crimson Text',Georgia,serif;font-size:13px;letter-spacing:.18em;
  text-transform:uppercase;color:#cfc8b6;white-space:nowrap}
.rhs-kurs2 a:hover{background:rgba(30,26,21,.85)}
@media(max-width:900px){
.rhs-bs,.rhs-kurs3{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
.rhs-bs,.rhs-kurs3,.rhs-kurs2{grid-template-columns:1fr!important}
.rhs-kursdel > span{white-space:normal;text-align:center}
}
.rhs-rubrikpar{flex:0 0 100%!important;width:100%!important;grid-column:1/-1!important;
  display:block!important;text-align:center!important;order:-1}
.rhs-rubrikpar .rhs-rubrik{margin-left:auto!important;margin-right:auto!important;display:block!important;
  width:fit-content!important}
.rhs-rubrikpar .rhs-under{margin-left:auto!important;margin-right:auto!important;display:block!important}
.rhs-faq-wrap{max-width:1250px;margin:0 auto;padding:0 22px;box-sizing:border-box;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px;
  align-items:start}
.rhs-faq-kol{background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);padding:26px 26px 12px}
.rhs-faq-kol > h3{font-family:'Crimson Text',Georgia,serif;font-size:19px;letter-spacing:.09em;
  text-transform:uppercase;color:#efe7d6;margin:0 0 4px;text-align:center}
.rhs-faq-kol > p.rhs-faq-sub{font-family:'Crimson Text',Georgia,serif;font-size:13.5px;
  color:#a99e8c;text-align:center;margin:0 0 18px}
.rhs-faq-kol details{border-top:1px solid rgba(243,238,227,.12)}
.rhs-faq-kol details:last-of-type{border-bottom:1px solid rgba(243,238,227,.12)}
.rhs-faq-kol summary{cursor:pointer;list-style:none;padding:14px 26px 14px 0;position:relative;
  font-family:'Crimson Text',Georgia,serif;font-size:15.5px;color:#f3eee2;font-weight:700}
.rhs-faq-kol summary::-webkit-details-marker{display:none}
.rhs-faq-kol summary::after{content:"+";position:absolute;right:2px;top:12px;font-size:19px;
  color:#efe7d6;font-weight:400}
.rhs-faq-kol details[open] summary::after{content:"–"}
.rhs-faq-kol summary:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
.rhs-faq-kol .rhs-faq-svar{font-family:'Crimson Text',Georgia,serif;font-size:14.5px;
  line-height:1.62;color:#cfc8b6;padding:0 24px 15px 0;margin:0}
.rhs-faq-kol .rhs-faq-svar a{color:#efe7d6}
.rhs-rec-wrap{max-width:1250px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.rhs-rec-spar{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;
  padding-bottom:12px;scrollbar-width:thin}
.rhs-rec-kort{flex:0 0 clamp(260px,32%,380px);scroll-snap-align:start;
  background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);padding:22px 24px;
  display:flex;flex-direction:column}
.rhs-rec-stjarnor{color:#e8b54a;font-size:15px;letter-spacing:.16em;margin-bottom:10px}
.rhs-rec-txt{font-family:'Crimson Text',Georgia,serif;font-size:15px;line-height:1.6;
  color:#f3eee2;margin:0 0 16px;flex:1}
.rhs-rec-namn{font-family:'Crimson Text',Georgia,serif;font-size:13.5px;color:#a99e8c}
.rhs-rec-namn b{color:#efe7d6;font-weight:700}
@media(max-width:820px){
.rhs-faq-wrap{grid-template-columns:1fr}
}
.rhs-bs.rhs-bs, .rhs-kurs3.rhs-kurs3,
.rhs-eeat-bevis.rhs-eeat-bevis, .rhs-eeat-galleri.rhs-eeat-galleri{--rhs-slider-off:0px;}
@media(max-width:640px){
  .rhs-bs.rhs-bs, .rhs-kurs3.rhs-kurs3{display:flex !important}
.rhs-bs.rhs-bs, .rhs-kurs3.rhs-kurs3, .rhs-eeat-bevis.rhs-eeat-bevis{display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-left:22px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;}
.rhs-bs.rhs-bs::-webkit-scrollbar,
  .rhs-kurs3.rhs-kurs3::-webkit-scrollbar,
  .rhs-eeat-bevis.rhs-eeat-bevis::-webkit-scrollbar{display:none}
.rhs-kurs3.rhs-kurs3 > *{flex:0 0 80%;min-width:0;scroll-snap-align:start}
  .rhs-bs.rhs-bs::after, .rhs-kurs3.rhs-kurs3::after,
  .rhs-eeat-bevis.rhs-eeat-bevis::after{content:'';flex:0 0 4px}
}
.rhs-faq-kol details.rhs-faq-grupp{margin:0;border-top:0 !important;border-bottom:0 !important}
.rhs-faq-kol .rhs-faq-grupp-sum{list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 16px !important;margin:0 0 4px;position:static;
  background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  font-family:'Crimson Text',Georgia,serif}
.rhs-faq-kol .rhs-faq-grupp-sum::-webkit-details-marker{display:none}
.rhs-faq-kol .rhs-faq-grupp-sum:focus-visible{outline:2px solid #e8b54a;outline-offset:2px}
.rhs-faq-kol .rhs-faq-grupp-tit{font-size:16px;font-weight:700;color:#f3eee2;letter-spacing:.04em}
.rhs-faq-kol .rhs-faq-grupp-antal{font-size:12.5px;color:#a99e8c;white-space:nowrap;
  margin-left:auto}
.rhs-faq-kol .rhs-faq-grupp > .rhs-faq-grupp-sum::after{content:'' !important;position:static !important;
  flex:0 0 auto;width:9px;height:9px;
  border-right:2px solid #e8b54a;border-bottom:2px solid #e8b54a;
  border-top:0;border-left:0;
  transform:rotate(45deg);margin:0 2px 3px 4px;transition:transform .18s ease}
.rhs-faq-kol .rhs-faq-grupp[open] > .rhs-faq-grupp-sum::after{transform:rotate(-135deg)}
.rhs-faq-kol .rhs-faq-grupp[open] > .rhs-faq-grupp-sum{margin-bottom:10px}
@media(prefers-reduced-motion:reduce){
.rhs-faq-kol .rhs-faq-grupp > .rhs-faq-grupp-sum::after{transition:none}
}
.rhs-faq-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  margin:22px auto 0;padding:0 22px;box-sizing:border-box}
.rhs-faq-cta a{flex:0 0 auto;min-width:220px;text-align:center;
  padding:14px 26px;font-family:'Crimson Text',Georgia,serif;font-size:13.5px;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  background:#efe7d6;color:#22201c;font-weight:700}
.rhs-faq-cta a:hover{background:#fff;text-decoration:none}
.rhs-faq-cta a.rhs-sekundar{background:transparent;color:#efe7d6;
  box-shadow:inset 0 0 0 1px rgba(243,238,227,.45)}
.rhs-faq-cta a.rhs-sekundar:hover{background:rgba(243,238,227,.10)}
.rhs-faq-cta a:focus-visible{outline:2px solid #e8b54a;outline-offset:3px}
@media(max-width:600px){
.rhs-faq-cta a{flex:1 1 100%;min-width:0}
}
.rhs-ar,
.rhs-kursknapp,
.rhs-eeat figcaption,
.rhs-eeat-galleri figcaption,
.rhs-usp-txt,
.rhs-banner-stod{font-size:13.5px !important}
.rhs-faq-svar,
.rhs-mer,
.rhs-rec-txt,
.rhs-under,
.rhs-foot-lista a,
.rhs-foot-adress,
.rhs-kontakt-ingress,
.rhs-eeat-ingress,
.rhs-ingress,
.rhs-faq-grupp-tit,
section[data-qb-element="bannertwo"] .subtitle{font-size:15.5px !important}
.rhs-kvarde,
.rhs-eeat-h3,
.rhs-faq-sub,
footer .text-base,
footer .d-sm-inline,
[data-qb-area="start"] .text-base,
[data-qb-area="start"] .d-sm-inline,
.product-before-price{font-size:17.5px !important}
.rhs-rec-stjarnor{font-size:15.5px !important}
.rhs-bs.rhs-bs:focus-visible, .rhs-kurs3.rhs-kurs3:focus-visible,
.rhs-eeat-bevis.rhs-eeat-bevis:focus-visible,
.rhs-eeat-galleri.rhs-eeat-galleri:focus-visible{outline:2px solid #efe7d6;outline-offset:4px;}
.rhs-kurs3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;max-width:1250px;width:100%;margin:0 auto 14px;padding:0 22px;box-sizing:border-box}
.rhs-kurs2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;max-width:1250px;width:100%;margin:0 auto 14px;padding:0 22px;box-sizing:border-box}
.rhs-kurskort{display:flex;flex-direction:column;text-decoration:none;
  background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.rhs-kurskort:hover{text-decoration:none}
.rhs-kurskort-bild{background-position:center;background-size:cover;
  background-repeat:no-repeat;display:block;aspect-ratio:16/10}
.rhs-kurskort-text{padding:18px 20px 20px;text-align:center;display:flex;
  flex-direction:column;flex:1}
.rhs-kurskort h3{font-family:'Crimson Text',Georgia,serif;margin:0 0 6px}
.rhs-kurskort-sub{font-size:13.5px;color:#cfc8b6;margin-bottom:10px}
.rhs-kurskort-pris{font-size:15px;margin-bottom:14px;color:#f3eee2}
.rhs-kurskort-pris b{font-size:20px}
.rhs-kursknapp{margin:auto 0 0;padding:12px 0;font-size:13px}
.rhs-kurskort-liten{display:grid;grid-template-columns:150px 1fr}
.rhs-kurskort-liten .rhs-kurskort-text{grid-column:1 / -1;padding:18px 22px}
.rhs-kurskort-liten .rhs-kurskort-pris b{font-size:19px}
@media(max-width:640px){
.rhs-kurs3,.rhs-kurs2{grid-template-columns:1fr}
}
.rhs-rec-wrap{position:relative}
.rhs-rec-spar{scroll-behavior:smooth}
.rhs-rec-nav{display:flex;justify-content:center;gap:10px;margin-top:6px}
.rhs-rec-nav button{font-family:'Crimson Text',Georgia,serif;background:rgba(20,17,14,.78);
  color:#efe7d6;border:1px solid rgba(243,238,227,.22);width:44px;height:38px;cursor:pointer;
  font-size:17px;line-height:1}
.rhs-rec-nav button:hover{background:#1F8665}
.rhs-rec-nav button:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
.rhs-rec-kort{min-height:210px}
.rhs-kurs3 .rhs-kursknapp{margin-left:-20px !important;margin-right:-20px !important}
.rhs-kursdel{gap:0 !important}
.rhs-kursdel::before,.rhs-kursdel::after{background:rgba(243,238,227,.38) !important}
.rhs-vagval + .rhs-rubrik{margin-top:28px !important}
.rhs-rec-cta-topp{margin:18px 0 18px !important}
section.pb-3.pb-lg-4 + .rhs-rubrik{margin-top:4px !important}
.rhs-kurs2 > a > span:first-child{margin-bottom:18px !important}
.rhs-app{max-width:1250px;margin:28px auto 0;padding:0 22px;box-sizing:border-box}
.rhs-app-inner{background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  padding:22px 22px 18px}
.rhs-app-eyebrow{font-family:'Crimson Text',Georgia,serif;font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;color:#a99e8c;text-align:center;margin:0 0 6px}
.rhs-app-rubrik{font-family:'Crimson Text',Georgia,serif;font-size:24px;font-weight:700;
  color:#fff;text-align:center;margin:0 0 8px;line-height:1.25}
.rhs-app-ingress{font-family:'Crimson Text',Georgia,serif;font-size:15.5px;line-height:1.55;
  color:#cfc8b6;text-align:center;margin:0 auto 18px;max-width:680px}
.rhs-app-spar{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;
  padding-bottom:10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.rhs-app-kort{flex:0 0 208px;scroll-snap-align:start;margin:0;
  background:rgba(243,238,227,.05);padding:16px 16px 18px;display:flex;
  flex-direction:column;align-items:center;text-align:center}
.rhs-app-kort img{width:64px;height:64px;object-fit:contain;display:block;margin:0 0 10px}
.rhs-app-kort b{font-family:'Crimson Text',Georgia,serif;font-size:15.5px;color:#f3eee2;
  font-weight:700;margin:0 0 5px;line-height:1.3}
.rhs-app-kort span{font-family:'Crimson Text',Georgia,serif;font-size:13.5px;line-height:1.5;
  color:#a99e8c}
.rhs-app-nav{display:flex;justify-content:center;gap:10px;margin:12px 0 0}
.rhs-app-nav button{width:38px;height:38px;border-radius:50%;cursor:pointer;
  border:1px solid rgba(128,128,128,.55);background:transparent;color:#cfc8b6;
  font-size:20px;line-height:1;padding:0;
  transition:border-color .15s ease,transform .15s ease}
.rhs-app-nav button:hover{border-color:#e8b54a;transform:translateY(-1px)}
.rhs-app-nav button:focus-visible{outline:2px solid #e8b54a;outline-offset:2px}
.rhs-app-pionjar{font-family:'Crimson Text',Georgia,serif;font-size:15.5px;
  line-height:1.6;color:#cfc8b6;text-align:center;max-width:68ch;margin:18px auto 0}
.rhs-app-cta{text-align:center;margin:16px 0 0}
.rhs-app-cta a{font-family:'Crimson Text',Georgia,serif;display:inline-block;background:#efe7d6;
  color:#191512;padding:13px 30px;font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;
  text-decoration:none;font-weight:700}
.rhs-app-cta a:hover{background:#ded4be;color:#191512}
.rhs-app-cta a:focus-visible{outline:2px solid #e8b54a;outline-offset:2px}
.rhs-app-bildlank{display:block;margin:20px 0 0}
.rhs-app-bildlank:focus-visible{outline:2px solid #e8b54a;outline-offset:3px}
.rhs-app-bild{display:block;width:100%;height:auto;margin:0 auto;
  aspect-ratio:1200/438}
@media(max-width:640px){
.rhs-app{padding:0 22px}
.rhs-app-inner{padding:18px 16px 14px}
.rhs-app-kort{flex:0 0 78%}
}
body .rhs-kurskort h3{font-size:15.5px}
.rhs-kurskort-liten .rhs-kurskort-bild{height:100%;min-height:150px}
.rhs-kurskort-liten .rhs-kurskort-bild + .rhs-kurskort-text{grid-column:2;padding:18px 22px}
footer .newsletter{gap:0 !important;align-items:stretch !important}
footer .newsletter input.form-control{height:52px !important}
footer .newsletter .input-group-append{margin-left:0 !important}
footer .newsletter_form button{height:52px !important}
.rhs-rec-kort .rhs-rec-namn{margin-top:auto}
/* RHS 3 sep 2026 (prestanda): sektionsordningen styrdes av 18 :has()-regler som numera bara
   upprepade DOM-ordningen - borttagna. Flex-kolumnen behalls (marginaler ska inte kollapsa)
   men scopas med html.rhs-start som satts synkront i <head> (layoutmallen). */
html.rhs-start body > div.container > div.row > div.col-12 > div{display:flex;flex-direction:column}
body > div.container > div.row > div.col-12 > div > section.pt-2.pt-lg-3.pb-2{margin-top:60px}
.rhs-cta-mitt{text-align:center;margin:24px 0 6px}
.rhs-cta-mitt a,.rhs-kursknapp{font-family:'Crimson Text',Georgia,serif;display:inline-block;background:#efe7d6;color:#191512;padding:15px 38px;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;font-weight:700}
.rhs-eeat{padding:18px 0 6px}
.rhs-eeat-inner{max-width:1250px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.rhs-eeat-eyebrow{font-family:'Crimson Text',Georgia,serif;font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;color:#a99e8c;text-align:center;margin:0 0 8px}
.rhs-eeat-h2{font-family:'Crimson Text',Georgia,serif;font-size:30px;line-height:1.2;font-weight:700;
  color:#fff;text-align:center;margin:0 auto 14px;text-wrap:balance}
.rhs-eeat-ingress{font-family:'Crimson Text',Georgia,serif;font-size:16.5px;line-height:1.68;
  color:#cfc8b6;text-align:center;max-width:70ch;margin:0 auto 34px}
.rhs-eeat-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;
  align-items:stretch}
.rhs-eeat-portratt{margin:0;background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  display:flex;flex-direction:column}
.rhs-eeat-portratt img{width:100%;height:100%;max-height:430px;object-fit:cover;display:block}
.rhs-eeat-portratt figcaption{font-family:'Crimson Text',Georgia,serif;font-size:13.5px;
  color:#a99e8c;padding:14px 20px;line-height:1.5}
.rhs-eeat-meriter{background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);padding:26px 28px}
.rhs-eeat-h3{font-family:'Crimson Text',Georgia,serif;font-size:18px;letter-spacing:.09em;
  text-transform:uppercase;color:#efe7d6;margin:0 0 18px;text-align:center}
.rhs-eeat-bevis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0 0}
.rhs-eeat-galleri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 0}
.rhs-eeat-galleri figure{margin:0;background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.rhs-eeat-galleri img{width:100%;height:210px;object-fit:cover;display:block}
.rhs-eeat-galleri figcaption{font-family:'Crimson Text',Georgia,serif;font-size:13px;line-height:1.5;
  color:#a99e8c;padding:12px 16px}
.rhs-eeat-cta{text-align:center;margin:30px 0 6px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.rhs-eeat-cta a{font-family:'Crimson Text',Georgia,serif;display:inline-block;background:#efe7d6;
  color:#191512;padding:15px 34px;font-size:13.5px;letter-spacing:.16em;text-transform:uppercase;
  text-decoration:none;font-weight:700}
.rhs-eeat-cta a:hover{background:#fff}
.rhs-eeat-cta a.rhs-sekundar{background:transparent;color:#efe7d6;box-shadow:inset 0 0 0 1px rgba(243,238,227,.45)}
.rhs-eeat-cta a.rhs-sekundar:hover{background:rgba(243,238,227,.10)}
@media(max-width:980px){
.rhs-eeat-grid{grid-template-columns:1fr}
.rhs-eeat-portratt img{max-height:340px}
.rhs-eeat-bevis{grid-template-columns:1fr 1fr}
.rhs-eeat-galleri{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.rhs-eeat-h2{font-size:24px}
.rhs-eeat-ingress{font-size:15.5px}
.rhs-eeat-cta a{width:100%;box-sizing:border-box}
}
.rhs-kontakt{padding:26px 0 10px}
.rhs-kontakt-inner{max-width:1250px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.rhs-kontakt-eyebrow{font-family:'Crimson Text',Georgia,serif;font-size:12.5px;letter-spacing:.2em;
  text-transform:uppercase;color:#a99e8c;text-align:center;margin:0 0 8px}
.rhs-kontakt-h2{font-family:'Crimson Text',Georgia,serif;font-size:28px;line-height:1.22;font-weight:700;
  color:#fff;text-align:center;margin:0 auto 12px;text-wrap:balance}
.rhs-kontakt-ingress{font-family:'Crimson Text',Georgia,serif;font-size:16px;line-height:1.65;
  color:#cfc8b6;text-align:center;max-width:66ch;margin:0 auto 30px}
.rhs-kontakt-kort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rhs-kontakt-fot{font-family:'Crimson Text',Georgia,serif;font-size:13px;line-height:1.6;
  color:#8d8577;text-align:center;margin:26px auto 0;max-width:72ch}
@media(max-width:900px){
.rhs-kontakt-kort{grid-template-columns:1fr}
}
@media(max-width:600px){
.rhs-kontakt-h2{font-size:23px}
}
.rhs-bs.rhs-bs, .rhs-kurs3.rhs-kurs3,
.rhs-eeat-bevis.rhs-eeat-bevis, .rhs-eeat-galleri.rhs-eeat-galleri{--rhs-slider-off:0px;}
@media(max-width:640px){
.rhs-bs.rhs-bs, .rhs-kurs3.rhs-kurs3, .rhs-eeat-bevis.rhs-eeat-bevis{display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-left:22px;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;}
.rhs-bs.rhs-bs::-webkit-scrollbar,
  .rhs-kurs3.rhs-kurs3::-webkit-scrollbar,
  .rhs-eeat-bevis.rhs-eeat-bevis::-webkit-scrollbar{display:none}
.rhs-eeat-bevis.rhs-eeat-bevis > *{flex:0 0 44%;min-width:0;scroll-snap-align:start}
  .rhs-eeat-bevis.rhs-eeat-bevis{margin:26px -22px 0;padding:0 22px}
  .rhs-bs.rhs-bs::after, .rhs-kurs3.rhs-kurs3::after,
  .rhs-eeat-bevis.rhs-eeat-bevis::after{content:'';flex:0 0 4px}
}
@media(max-width:980px) and (min-width:641px){
.rhs-eeat-galleri.rhs-eeat-galleri > figure{flex:0 0 46%}
}
.rhs-faq-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  margin:22px auto 0;padding:0 22px;box-sizing:border-box}
.rhs-blago-start{margin-top:60px}
.rhs-kontakt-start{margin-top:60px}
.rhs-insta-start{margin-top:60px}
.rhs-ar,
.rhs-kursknapp,
.rhs-eeat figcaption,
.rhs-eeat-galleri figcaption,
.rhs-usp-txt,
.rhs-banner-stod,
.rhs-foot-bes{font-size:13.5px !important}
.rhs-faq-svar,
.rhs-mer,
.rhs-rec-txt,
.rhs-under,
.rhs-foot-lista a,
.rhs-foot-adress,
.rhs-kontakt-ingress,
.rhs-eeat-ingress,
.rhs-ingress,
.rhs-faq-grupp-tit,
section[data-qb-element="bannertwo"] .subtitle{font-size:15.5px !important}
.rhs-kvarde,
.rhs-eeat-h3,
.rhs-faq-sub,
footer .text-base,
footer .d-sm-inline,
[data-qb-area="start"] .text-base,
[data-qb-area="start"] .d-sm-inline,
.product-before-price{font-size:17.5px !important}
.rhs-usp-tit,
.rhs-kontakt-fot,
footer .opacity-hover-7,
[data-qb-area="start"] h3:not(.rhs-eeat-h3):not(.rhs-foot-rubrik){font-size:15.5px !important}
.rhs-kontakt-h2{font-size:30px !important}
@media(max-width:600px){
.rhs-kontakt-h2{font-size:24px !important}
.rhs-eeat-h2{font-size:24px !important}
}
.rhs-bs.rhs-bs:focus-visible, .rhs-kurs3.rhs-kurs3:focus-visible,
.rhs-eeat-bevis.rhs-eeat-bevis:focus-visible,
.rhs-eeat-galleri.rhs-eeat-galleri:focus-visible{outline:2px solid #efe7d6;outline-offset:4px;}
.rhs-vagval{max-width:1250px;margin:10px auto 0;padding:0 22px 6px;box-sizing:border-box;
  display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rhs-vagval-kort{font-family:'Crimson Text',Georgia,serif;text-align:center;
  padding:20px 16px;background:rgba(20,17,14,.78);
  box-shadow:0 12px 30px rgba(0,0,0,.35);color:#f3eee2;
  display:flex;flex-direction:column}
.rhs-vagval-kort b{display:block;font-size:18px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.rhs-vagval-kort > span{display:block;font-size:13.5px;color:#cfc8b6;margin-bottom:14px}
.rhs-vagval-knappar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:auto}
.rhs-vagval-knappar a{font-family:'Crimson Text',Georgia,serif;text-decoration:none;
  display:inline-block;background:#efe7d6;color:#191512;
  padding:11px 18px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.rhs-vagval-knappar a:hover{background:#ded4be;color:#191512}
.rhs-vagval-knappar a.rhs-vv-sek{background:transparent;color:#efe7d6;
  box-shadow:inset 0 0 0 1px rgba(239,231,214,.55)}
.rhs-vagval-knappar a.rhs-vv-sek:hover{background:rgba(239,231,214,.12);color:#fff}
@media(max-width:640px){
.rhs-vagval{grid-template-columns:1fr}
}
.rhs-vagval{padding-left:0 !important;padding-right:0 !important;
  gap:30px !important;margin-top:0 !important}
.rhs-vagval + .rhs-rubrik{margin-top:28px !important}
.rhs-eeat-portratt figcaption{font-size:15.5px !important;color:#f3eee2 !important;
  line-height:1.45 !important}
.rhs-eeat-eyebrow{font-size:24px !important;line-height:1.2 !important;
  font-weight:700 !important;color:#fff !important;
  text-transform:none !important;letter-spacing:normal !important;
  margin:0 auto 6px !important}
.rhs-eeat-h2{font-size:12.5px !important;line-height:1.5 !important;
  font-weight:400 !important;letter-spacing:.2em !important;
  text-transform:uppercase !important;color:#a99e8c !important;
  margin:0 auto 18px !important}
.rhs-kontakt-eyebrow{font-size:24px !important;line-height:1.2 !important;
  font-weight:700 !important;color:#fff !important;
  text-transform:none !important;letter-spacing:normal !important;
  margin:0 auto 6px !important}
.rhs-kontakt-h2{font-size:12.5px !important;line-height:1.5 !important;
  font-weight:400 !important;letter-spacing:.2em !important;
  text-transform:uppercase !important;color:#a99e8c !important;
  margin:0 auto 18px !important}
.rhs-eeat-eyebrow{margin-bottom:8px !important}
.rhs-kontakt-eyebrow{margin-bottom:8px !important}
.rhs-tidslinje{list-style:none;margin:0;padding:0;counter-reset:none}
.rhs-tidslinje li{display:grid;grid-template-columns:78px 1fr;gap:14px;align-items:baseline;
  padding:8px 0;border-bottom:1px solid rgba(243,238,227,.10)}
.rhs-tidslinje li:last-child{border-bottom:none}
.rhs-ar{font-family:'Crimson Text',Georgia,serif;letter-spacing:.06em;color:#e8b54a;
  font-weight:700;font-variant-numeric:tabular-nums}
.rhs-mer{font-family:'Crimson Text',Georgia,serif;line-height:1.45;color:#f3eee2}
@media(max-width:600px){
  .rhs-tidslinje li{grid-template-columns:70px 1fr;gap:10px}
}
.rhs-bevis-kort{background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  padding:20px 18px;text-align:center;display:flex;flex-direction:column;gap:6px}
.rhs-bevis-tal{font-family:'Crimson Text',Georgia,serif;font-weight:700;color:#efe7d6;
  line-height:1.15}
.rhs-bevis-txt{font-family:'Crimson Text',Georgia,serif;line-height:1.5;color:#a99e8c}
.rhs-bevis-tal{font-size:24px !important}
.rhs-kkort{background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);padding:26px 24px;
  display:flex;flex-direction:column;gap:6px;text-decoration:none;text-align:center;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.rhs-kkort:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.5);
  background:rgba(30,26,21,.85);text-decoration:none}
.rhs-kkort:focus-visible{outline:2px solid #efe7d6;outline-offset:3px}
.rhs-kikon{font-size:24px;color:#e8b54a;line-height:1;margin-bottom:6px}
.rhs-klabel{font-family:'Crimson Text',Georgia,serif;font-size:12.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#a99e8c}
.rhs-kvarde{font-family:'Crimson Text',Georgia,serif;font-weight:700;color:#f3eee2;
  word-break:break-word}
.rhs-kmeta{font-family:'Crimson Text',Georgia,serif;font-size:13.5px;color:#a99e8c;line-height:1.5}
.rhs-hero-betyg{max-width:1250px;margin:0 auto 4px;padding:14px 22px 0;box-sizing:border-box;
  text-align:center;font-family:'Crimson Text',Georgia,serif}
.rhs-hero-betyg .b{color:#e8b54a;font-size:19px;letter-spacing:.2em}
.rhs-hero-betyg .t{color:#f3eee2;font-size:15.5px;margin-left:8px}
.rhs-hero-betyg .t b{font-weight:700}
section[data-qb-element="bannertwo"] > [class*="col-"]{
  padding-bottom:8px !important;margin-bottom:8px !important}
.rhs-bs .product-slide{position:relative;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.38);
  padding-bottom:64px;cursor:pointer;width:auto!important;margin:0!important;transform:none!important;
  display:flex;flex-direction:column;overflow:visible!important}
.rhs-bs .productlist-title{font-size:15.5px!important;line-height:1.45!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.rhs-bs .product-price{color:#22201c!important;font-weight:700!important;font-size:17.5px!important}
.rhs-bs .product-slide::after{content:"Visa produkt";position:absolute;left:14px;right:14px;bottom:14px;
  background:#1F8665;color:#fff;text-align:center;padding:11px 0;
  font-family:'Crimson Text',Georgia,serif;font-size:13px;letter-spacing:.15em;
  text-transform:uppercase;pointer-events:none}
.rhs-bs .product-slide::before{content:"BÄSTSÄLJARE"!important;position:absolute!important;
  top:12px!important;left:12px!important;z-index:30!important;background:#22201c!important;
  color:#f3eee2!important;font-family:'Crimson Text',Georgia,serif!important;font-size:10.5px!important;
  letter-spacing:.16em!important;font-weight:700!important;padding:5px 10px!important;
  display:block!important;width:auto!important;height:auto!important}
@media(max-width:640px){
  .rhs-bs.rhs-bs > *{flex:0 0 74%;min-width:0;scroll-snap-align:start}
}
.startpage-product-slider .product-slide{position:relative;
  box-shadow:0 14px 34px rgba(0,0,0,.38)!important;padding-bottom:64px!important;
  transition:transform .18s ease,box-shadow .18s ease;cursor:pointer;overflow:visible!important}
.startpage-product-slider .product-slide:hover{transform:translateY(-4px);
  box-shadow:0 20px 44px rgba(0,0,0,.52)!important}
.startpage-product-slider .productlist-title{font-size:15.5px!important;line-height:1.45!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.startpage-product-slider .product-price{color:#22201c!important;font-weight:700!important;
  font-size:17.5px!important;font-variant-numeric:lining-nums}
.startpage-product-slider .product-slide::after{content:"Visa produkt";position:absolute;
  left:14px;right:14px;bottom:14px;background:#1F8665;color:#fff;text-align:center;padding:11px 0;
  font-family:'Crimson Text',Georgia,serif;font-size:13px;letter-spacing:.15em;
  text-transform:uppercase;pointer-events:none}
.startpage-product-slider .product-slide:hover::after{background:#186b51}
.startpage-product-slider .product-slide::before{content:"NYHET"!important;position:absolute!important;
  top:12px!important;left:12px!important;z-index:30!important;background:rgba(255,106,19,.52)!important;
  color:#191512!important;font-family:'Crimson Text',Georgia,serif!important;font-size:10.5px!important;
  letter-spacing:.18em!important;font-weight:700!important;padding:5px 10px!important;
  display:block!important;opacity:1!important;visibility:visible!important;
  width:auto!important;height:auto!important}
.rhs-usp{background:#1b1712;box-shadow:0 18px 44px rgba(0,0,0,.4);padding:32px 26px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:start}
.rhs-usp{padding-top:16px !important;padding-bottom:16px !important}
@media(max-width:900px){
  .rhs-usp.rhs-usp{grid-template-columns:1fr 1fr !important;padding:26px 18px !important}
  .rhs-usp.rhs-usp > .rhs-usp-post{border-left:0 !important;padding:16px 12px !important}
  .rhs-usp.rhs-usp > .rhs-usp-post:nth-child(2n){border-left:1px solid rgba(243,238,227,.09) !important}
  .rhs-usp.rhs-usp > .rhs-usp-post:nth-child(n+3){border-top:1px solid rgba(243,238,227,.09) !important}
  .rhs-usp.rhs-usp .rhs-usp-tit{min-height:2.6em;display:flex;align-items:center;
    justify-content:center;text-wrap:balance}
  .rhs-usp.rhs-usp .rhs-usp-txt{text-wrap:balance}
}
@media(max-width:600px){
  .rhs-usp.rhs-usp{padding:20px 12px !important}
  .rhs-usp.rhs-usp > .rhs-usp-post{padding:14px 8px !important;gap:7px !important}
  .rhs-usp.rhs-usp .rhs-usp-tit{font-size:14.5px !important;line-height:1.3;text-wrap:balance}
  .rhs-usp.rhs-usp .rhs-usp-txt{font-size:12.5px !important;line-height:1.4}
  .rhs-usp.rhs-usp svg,.rhs-usp.rhs-usp img{width:30px !important;height:30px !important}
}
.rhs-cta-butik{margin-top:24px !important;margin-bottom:24px !important}
.rhs-cta-insta{margin-top:24px !important;margin-bottom:24px !important}
.rhs-rec-nav button{font-family:'Crimson Text',Georgia,serif;background:rgba(20,17,14,.78);
  color:#efe7d6;border:1px solid rgba(243,238,227,.22);width:44px;height:38px;cursor:pointer;
  font-size:17px;line-height:1}
.rhs-rec-cta-topp{margin:18px 0 0 !important}
@media(max-width:768px){
  .rhs-rec-nav button{min-width:44px;min-height:44px}
  .rhs-kkort{min-height:44px}
}
.rhs-rubrikpar{flex:0 0 100%!important;width:100%!important;grid-column:1/-1!important;
  display:block!important;text-align:center!important;order:-1}
.rhs-rubrikpar .rhs-rubrik{margin-left:auto!important;margin-right:auto!important;
  display:block!important;width:fit-content!important}
.rhs-eeat{padding-top:0 !important;margin-top:14px !important}
.rhs-kontakt{padding-top:0 !important;margin-top:28px !important}
.rhs-bevis-txt{font-size:13.5px}
.banner{background-color:#1F8665 !important}
[class*="banner_"]{background-color:#1F8665 !important}
.banner.banner_0{background-color:#357a57 !important}
section[data-qb-element="bannertwo"] .banner{height:450px}
@media(max-width:768px){section[data-qb-element="bannertwo"] .banner{height:200px}}
@media(min-width:769px){
  section[data-qb-element="bannertwo"] .banner{height:auto !important;min-height:0 !important}
  section[data-qb-element="bannertwo"] .banner .banner-text{min-height:158px;box-sizing:border-box;position:relative}
  section[data-qb-element="bannertwo"] .banner .banner-bg{position:static !important;aspect-ratio:2.66/1;
    overflow:hidden;display:block !important}
  section[data-qb-element="bannertwo"] .banner .banner-bg picture{display:block;width:100%;height:100%}
  section[data-qb-element="bannertwo"] .banner .banner-bg img{display:block;width:100%;height:100%;object-fit:cover}
}
.rhs-banner-stod{font-family:'Crimson Text',Georgia,serif !important;
  line-height:1.55 !important;color:#ffffff !important;opacity:1 !important;
  text-align:center;max-width:46ch;margin:12px auto 0;
  text-transform:none !important;letter-spacing:0 !important;text-wrap:pretty}
@media(max-width:900px){.rhs-banner-stod{font-size:13.5px;line-height:1.5;margin-top:10px}}
@media(max-width:768px){.rhs-banner-stod{display:none}}
hr.hr-text[data-content="Följ oss på Instagram"]{margin-top:28px !important;
  margin-bottom:8px !important}
@media(max-width:640px){.rhs-kurs3,.rhs-kurs2{grid-template-columns:1fr !important}}
@media(max-width:640px){.rhs-vagval{gap:12px !important}}
.rhs-rec-spar{scroll-snap-type:x mandatory}
@media(max-width:768px){.rhs-kkort{display:flex;align-items:center;justify-content:center}}
@media(max-width:980px){
  .rhs-eeat-galleri.rhs-eeat-galleri::-webkit-scrollbar{display:none}
  .rhs-eeat-galleri.rhs-eeat-galleri::after{content:'';flex:0 0 4px}
}
.rhs-body{display:flex !important;flex-direction:column !important;min-height:100vh !important}
a[data-target="#sidebarLeft"],a[data-target="#sidebarCart"]{position:relative}
a[data-target="#sidebarLeft"]::before,a[data-target="#sidebarCart"]::before{
  content:"";position:absolute;top:50%;left:50%;
  width:44px;height:44px;transform:translate(-50%,-50%);
  z-index:1}
a[data-target="#sidebarCart"]::before{
  left:auto;right:0;transform:translateY(-50%)}
/* RHS 3 sep 2026: headerns 209px-reserv (Egna scripts) slapps pa alla sidor - tidigare tre :has()-regler. */
html body header.header{min-height:0 !important;flex-shrink:0 !important}
/* 8 sep: min-height:0 rackte inte som ensam regel. body ar en kolumnflex med
   hojden last till 100vh (.rhs-body), och pa sidor dar innehallet ar hogre an
   skarmen fordelas krympningen pa flexbarnen. Alla andra barn har
   min-height:auto och kan inte krympa under sitt innehall - men min-height:0
   tar bort just det skyddet for headern, sa den klappade ihop till 0 px och
   navraden ritades ovanpa sidans rubrik. Uppmatt pa en kunskapsbanksartikel:
   header 0 px, h1 pa 93 px, alltsa mitt i menyn. flex-shrink:0 later reserven
   slappas men hindrar kollapsen; efterat header 123 px och h1 pa 217 px. */
header + .container > .row{padding-top:0 !important}
h1#rhs-brand-h1{margin-top:0 !important}
html.rhs-start section[data-qb-element="custom"] > .row > * > .rhs-rubrik{
  margin-top:28px !important}
html.rhs-start section[data-qb-element="productslider"] > .rhs-rubrik{
  margin-top:4px !important}
html.rhs-start section[data-qb-element="custom"] > .row > * > .rhs-rubrik.rhs-rubrik-tajt{
  margin-top:4px !important}
.rhs-rec-txt{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;
  overflow:hidden}
/* (eeat-sektionens 46px ligger nu i .rhs-eeat: 46-32=14) */
@media(min-width:901px){
  footer .container-fluid{grid-template-columns:1.4fr minmax(0,1fr) minmax(0,1fr) 1.1fr}
}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a{overflow-wrap:anywhere}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a{font-size:15.5px !important}
footer .container-fluid > .row.justify-content-center.py-4 img{margin:0 0 16px}
:root{--rhs-gap:28px}
.navbar-bg{background:none !important}
.navbar-light{background:linear-gradient(180deg, rgba(50,50,50,0.6) 0%, rgba(0,0,0,0.6) 100%) !important;
  box-shadow:0 15px 12px 0 rgb(0,0,0,0.8) !important}
@media (min-width:992px){
  header .navbar .navbar-brand img{height:64px !important;width:auto !important;
    max-height:64px !important;display:block}
  header .navbar .navbar-brand{margin-right:var(--rhs-gap) !important;padding:0 !important;
    display:flex;align-items:center}
  header .navbar.navbar--variation-1{padding-left:0 !important;padding-right:0 !important;
    justify-content:center !important}
  header form{margin-left:0 !important;margin-right:var(--rhs-gap) !important;
    width:380px;max-width:380px;flex:0 0 auto}
  header .navbar .nav-item + .nav-item,
  header a[data-target="#sidebarCart"],
  header a[href*="wishlist"],
  header a[href*="login"]{margin-left:0}
  header .navbar.navbar--variation-1 > .row,
  header .row.justify-content-between{justify-content:center !important}
  header .navbar-nav{flex-wrap:nowrap !important;justify-content:center !important;
    margin-left:auto !important;margin-right:auto !important}
  header .navbar-nav > li{white-space:nowrap}
  header .navbar-nav > li > .nav-link,
  header .navbar-nav > .nav-item > a{padding-left:11px !important;padding-right:11px !important}
}
@media(min-width:992px) and (max-width:1120px){
  header .navbar-nav{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  header .navbar-nav::-webkit-scrollbar{display:none}
  header .navbar-nav > li > .nav-link,
  header .navbar-nav > .nav-item > a{padding-left:9px !important;padding-right:9px !important}
}
h1#rhs-brand-h1{margin-top:21px !important;padding-left:0 !important;padding-right:0 !important}
footer, footer *{color:#cfc8b6 !important}
footer a:hover, footer a:focus-visible{color:#f3eee2 !important}
footer .container-fluid > .row.pt-3.pb-1.px-3 h6,
footer .container-fluid > .row.pt-3.pb-1.px-3 li a,
footer .container-fluid > .row.pt-3.pb-1.px-3 li a[href^="mailto:"],
footer .container-fluid > .row.pt-3.pb-1.px-3 li a[href^="tel:"],
footer .container-fluid > .row.pt-3.pb-1.px-3 li span,
footer .container-fluid > .row.justify-content-center:not(.py-4) ~ .row.pt-3.pb-1.px-3 li{
  color:#cfc8b6 !important}
footer .container-fluid > .row.pt-3.pb-1.px-3 li span{font-size:15.5px}
footer .container-fluid > .row.pt-3.pb-1.px-3 li a:hover{color:#f3eee2 !important}
.rhs-bs{padding-left:0 !important;padding-right:0 !important;gap:30px !important}
.startpage-product-slider .product-slide::before{content:none !important}
.rhs-ribbon{position:absolute;top:-4px;left:-4px;width:75px;height:75px;
  overflow:hidden;z-index:99;pointer-events:none}
.rhs-ribbon span{position:absolute;display:block;width:100px;top:17px;left:-22px;
  background:linear-gradient(#ffdd00 0%, #598275 100%);
  box-shadow:0 3px 10px -5px rgba(0,0,0,1);
  color:#000;font-family:'Crimson Text',Georgia,serif;font-size:12px;font-weight:700;
  line-height:21px;text-transform:uppercase;text-align:center;
  transform:rotate(-45deg)}
.rhs-ribbon span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;
  border-left:3px solid #ffdd00;border-right:3px solid transparent;
  border-bottom:3px solid transparent;border-top:3px solid #ffdd00}
.rhs-ribbon span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;
  border-left:3px solid transparent;border-right:3px solid #598275;
  border-bottom:3px solid transparent;border-top:3px solid #598275}
.rhs-eeat-portratt img{object-position:24% center}
.rhs-rec-kort{cursor:pointer}
.rhs-rec-kort:focus-visible{outline:2px solid #e8b54a;outline-offset:3px}
.rhs-rec-dialog{border:0;padding:0;background:transparent;max-width:min(680px,92vw);
  width:100%;color:#f3eee2}
.rhs-rec-dialog::backdrop{background:rgba(10,8,6,.72);
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.rhs-rec-dialog-inner{background:#1b1712;box-shadow:0 30px 70px rgba(0,0,0,.6);
  padding:34px 36px 30px;position:relative;text-align:left}
.rhs-rec-dialog .rhs-rec-stjarnor{margin-bottom:14px}
.rhs-rec-dialog-txt{font-family:'Crimson Text',Georgia,serif;font-size:17.5px;
  line-height:1.7;color:#f3eee2;margin:0 0 22px;white-space:pre-wrap}
.rhs-rec-dialog-namn{font-family:'Crimson Text',Georgia,serif;font-size:13.5px;
  color:#a99e8c}
.rhs-rec-dialog-namn b{color:#efe7d6;font-weight:700}
.rhs-rec-stang{position:absolute;top:10px;right:12px;background:none;border:0;
  color:#a99e8c;font-size:26px;line-height:1;cursor:pointer;padding:6px 10px;
  font-family:'Crimson Text',Georgia,serif}
.rhs-rec-stang:hover{color:#f3eee2}
.rhs-rec-stang:focus-visible{outline:2px solid #e8b54a;outline-offset:2px}
@media(max-width:600px){
  .rhs-rec-dialog-inner{padding:28px 22px 24px}
  .rhs-rec-dialog-txt{font-size:16px}
}
.rhs-insta-ram{max-width:none !important;width:min(100vw,1600px);
  margin-left:calc(50% - min(50vw,800px)) !important;
  margin-right:calc(50% - min(50vw,800px)) !important}
@media(min-width:641px) and (max-width:1199px){
  .rhs-bs.rhs-bs{display:flex !important;flex-wrap:nowrap;align-items:stretch;
    gap:30px !important;overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rhs-bs.rhs-bs::-webkit-scrollbar{display:none}
  .rhs-bs.rhs-bs > *{min-width:0;scroll-snap-align:start}
}
@media(min-width:991px) and (max-width:1199px){
  .rhs-bs.rhs-bs > *{flex:0 0 calc((100% - 60px)/3)}
}
@media(min-width:641px) and (max-width:990px){
  .rhs-bs.rhs-bs > *{flex:0 0 calc((100% - 30px)/2)}
}
.rhs-rec-kort .rhs-rec-txt{display:block;max-height:calc(4 * 1.6em);overflow:hidden}
@media(max-width:1100px){
  .rhs-app-bild{aspect-ratio:auto;height:auto;width:auto;
    max-width:min(300px,100%);margin-left:auto;margin-right:auto;display:block}
}
/* (order:9 pa karusellsektionen borttagen 3 sep 2026 - DOM-ordningen galler) */
.rhs-bs-sektion .product-slide::before{content:"BÄSTSÄLJARE" !important;
  position:absolute !important;top:12px !important;left:12px !important;
  z-index:30 !important;background:#22201c !important;color:#f3eee2 !important;
  font-family:'Crimson Text',Georgia,serif !important;font-size:10.5px !important;
  letter-spacing:.16em !important;font-weight:700 !important;
  padding:5px 10px !important;display:block !important;
  width:auto !important;height:auto !important}
@media(min-width:1200px){
  .startpage-product-slider .product-slide{width:calc((100% - 90px)/4);margin-right:30px}
}
@media(min-width:991px) and (max-width:1199px){
  .startpage-product-slider .product-slide{width:calc((100% - 60px)/3);margin-right:30px}
}
@media(max-width:990px){
  .startpage-product-slider .product-slide{width:calc((100% - 30px)/2);margin-right:30px}
}
@media(min-width:901px){.banner .banner-text{min-height:220px !important}}
@media(min-width:769px) and (max-width:900px){.banner .banner-text{min-height:179px !important}}
@font-face{
  font-family:Georgia;
  src:local('Georgia');
  size-adjust:88%;
  ascent-override:119%;
  descent-override:28.5%;
  line-gap-override:0%;
}
html:root,
:root > body{
  content-visibility:visible !important;
  contain-intrinsic-size:none !important;
}
#rhs-texter{display:none !important}
.rhs-sek-tom{display:none !important} /* textbankens sektion, klass satts i theme.js (sidklasser) */
@font-face{
  font-family:serif-serif;
  src:local('Georgia');
  size-adjust:88%;
  ascent-override:119%;
  descent-override:28.5%;
  line-gap-override:0%;
}
.startpage-product-slider{min-height:300px}
.img-logo{aspect-ratio:1/1;width:100px;object-fit:contain}
@media(min-width:992px){.img-logo{width:64px}}
img.icon-payment[alt$="Google Pay"]{width:54px}
img.icon-payment[alt$="Visa"]{width:78px}
img.icon-payment[alt$="Mastercard"]{width:49px}
img.icon-payment[alt$="Swish"]{width:82px}
section[data-qb-element="bannertwo"] [data-aos="fade-up"]{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  animation:rhs-banner-upp .45s ease-out both;
}
@keyframes rhs-banner-upp{
  from{transform:translate3d(0,24px,0)}
  to{transform:translate3d(0,0,0)}
}
@media (prefers-reduced-motion: reduce){
  section[data-qb-element="bannertwo"] [data-aos="fade-up"]{animation:none}
}

/* ==========================================================================
   MOBILHEADERNS LOGOTYP — krymper när headern fastnat
   theme.js satter .fixed-top pa .fixed-mobile vid scroll under 992 px.
   Logotypen ar 100x100 aven i fastnat lage, vilket tar 19 % av mobilskarmen.
   56 px ger headern 83 px i stallet for 127 — 44 px tillbaka till innehallet.
   Ror inte datorvyn och inte laget hogst upp pa sidan.
   ========================================================================== */
@media (max-width: 991.98px) {
  .fixed-mobile.fixed-top .navbar-brand img.img-logo {
    width: 56px !important;
    height: 56px !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    transition: width .18s ease, height .18s ease;
  }
}

/* ==========================================================================
   FONTAWESOME ERSATT MED INLINE-SVG  (2026-08-20)
   Hela sajten anvande fyra ikoner, alla i sidfoten. For dem laddades 57,9 KB
   CSS fran use.fontawesome.com plus en webfont och en extra DNS/TLS-handskakning.
   Masken gor att currentColor och sidfotens hover-regler fortsatter galla.
   Lanktaggarna ar borttagna ur temamallen (Tema, rad 123 och 138-139).
   Aterstall genom att lagga tillbaka dem och radera det har blocket.
   ========================================================================== */
i.fa-facebook,
i.fa-facebook-f,
i.fa-instagram,
i.fa-youtube,
i.fa-tiktok,
i.fa-pinterest-p,
i.fa-linkedin-in,
i.fa-heart,
i.fa-check,
i.fa-shopping-cart,
i.fa-envelope,
i.fa-star,
i.fa-star-o{
  display:inline-block;
  width:1em;
  height:1em;
  vertical-align:-.125em;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
i.fa-facebook::before,
i.fa-facebook-f::before,
i.fa-instagram::before,
i.fa-youtube::before,
i.fa-tiktok::before,
i.fa-pinterest-p::before,
i.fa-linkedin-in::before,
i.fa-heart::before,
i.fa-check::before,
i.fa-shopping-cart::before,
i.fa-envelope::before,
i.fa-star::before,
i.fa-star-o::before{content:none !important}
i.fa-facebook{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-instagram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228%201.3877-.6652.6677-1.075%201.3368-1.3802%202.127-.2954.7638-.4956%201.6365-.552%202.914-.0564%201.2775-.0689%201.6882-.0626%204.947.0062%203.2586.0206%203.6671.0825%204.9473.061%201.2765.264%202.1482.5635%202.9107.308.7889.72%201.4573%201.388%202.1228.6679.6655%201.3365%201.0743%202.1285%201.38.7632.295%201.6361.4961%202.9134.552%201.2773.056%201.6884.069%204.9462.0627%203.2578-.0062%203.668-.0207%204.9478-.0814%201.28-.0607%202.147-.2652%202.9098-.5633.7889-.3086%201.4578-.72%202.1228-1.3881.665-.6682%201.0745-1.3378%201.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982%201.33%2020.628.9208%2019.8378.6165%2019.074.321%2018.2017.1197%2016.9244.0645%2015.6471.0093%2015.236-.005%2011.977.0014%208.718.0076%208.31.0215%207.0301.0839m.1402%2021.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814%201.3783-.9003.423-.1651%201.0575-.3614%202.227-.4171%201.2655-.06%201.6447-.072%204.848-.079%203.2033-.007%203.5835.005%204.8495.0608%201.169.0508%201.8053.2445%202.228.408.5608.216.96.4754%201.3816.895.4217.4194.6816.8176.9005%201.3787.1653.4217.3617%201.056.4169%202.2263.0602%201.2655.0739%201.645.0796%204.848.0058%203.203-.0055%203.5834-.061%204.848-.051%201.17-.245%201.8055-.408%202.2294-.216.5604-.4763.96-.8954%201.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953%205.5864A1.44%201.44%200%201%200%2018.39%204.144a1.44%201.44%200%200%200-1.437%201.4424M5.8385%2012.012c.0067%203.4032%202.7706%206.1557%206.173%206.1493%203.4026-.0065%206.157-2.7701%206.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156%202.771-6.1496%206.1738M8%2012.0077a4%204%200%201%201%204.008%203.9921A3.9996%203.9996%200%200%201%208%2012.0077%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228%201.3877-.6652.6677-1.075%201.3368-1.3802%202.127-.2954.7638-.4956%201.6365-.552%202.914-.0564%201.2775-.0689%201.6882-.0626%204.947.0062%203.2586.0206%203.6671.0825%204.9473.061%201.2765.264%202.1482.5635%202.9107.308.7889.72%201.4573%201.388%202.1228.6679.6655%201.3365%201.0743%202.1285%201.38.7632.295%201.6361.4961%202.9134.552%201.2773.056%201.6884.069%204.9462.0627%203.2578-.0062%203.668-.0207%204.9478-.0814%201.28-.0607%202.147-.2652%202.9098-.5633.7889-.3086%201.4578-.72%202.1228-1.3881.665-.6682%201.0745-1.3378%201.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982%201.33%2020.628.9208%2019.8378.6165%2019.074.321%2018.2017.1197%2016.9244.0645%2015.6471.0093%2015.236-.005%2011.977.0014%208.718.0076%208.31.0215%207.0301.0839m.1402%2021.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814%201.3783-.9003.423-.1651%201.0575-.3614%202.227-.4171%201.2655-.06%201.6447-.072%204.848-.079%203.2033-.007%203.5835.005%204.8495.0608%201.169.0508%201.8053.2445%202.228.408.5608.216.96.4754%201.3816.895.4217.4194.6816.8176.9005%201.3787.1653.4217.3617%201.056.4169%202.2263.0602%201.2655.0739%201.645.0796%204.848.0058%203.203-.0055%203.5834-.061%204.848-.051%201.17-.245%201.8055-.408%202.2294-.216.5604-.4763.96-.8954%201.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953%205.5864A1.44%201.44%200%201%200%2018.39%204.144a1.44%201.44%200%200%200-1.437%201.4424M5.8385%2012.012c.0067%203.4032%202.7706%206.1557%206.173%206.1493%203.4026-.0065%206.157-2.7701%206.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156%202.771-6.1496%206.1738M8%2012.0077a4%204%200%201%201%204.008%203.9921A3.9996%203.9996%200%200%201%208%2012.0077%22%2F%3E%3C%2Fsvg%3E")}
i.fa-youtube{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%200%200%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M23.498%206.186a3.016%203.016%200%200%200-2.122-2.136C19.505%203.545%2012%203.545%2012%203.545s-7.505%200-9.377.505A3.017%203.017%200%200%200%20.502%206.186C0%208.07%200%2012%200%2012s0%203.93.502%205.814a3.016%203.016%200%200%200%202.122%202.136c1.871.505%209.376.505%209.376.505s7.505%200%209.377-.505a3.015%203.015%200%200%200%202.122-2.136C24%2015.93%2024%2012%2024%2012s0-3.93-.502-5.814zM9.545%2015.568V8.432L15.818%2012l-6.273%203.568z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-tiktok{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12.525.02c1.31-.02%202.61-.01%203.91-.02.08%201.53.63%203.09%201.75%204.17%201.12%201.11%202.7%201.62%204.24%201.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01%202.92.01%205.84-.02%208.75-.08%201.4-.54%202.79-1.35%203.94-1.31%201.92-3.58%203.17-5.91%203.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9%201.12-3.72%202.58-4.96%201.66-1.44%203.98-2.13%206.15-1.72.02%201.48-.04%202.96-.04%204.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11%201.04-1.36%201.75-.21.51-.15%201.07-.14%201.61.24%201.64%201.82%203.02%203.5%202.87%201.12-.01%202.19-.66%202.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z%22%2F%3E%3C%2Fsvg%3E")}

/* ==========================================================================
   PSEUDOELEMENT SOM KRAVDE FONTAWESOME-FONTEN  (2026-08-20)
   theme-main.css ritar tre ikoner med glyfer ur "Font Awesome 5 Free":
     .dropdown-toggle::after                     \f078  (42 per sida)
     .sidebar-icon-menu-item[collapse]::before   \f105
     .wishlist-btn.wishlist-add::before          \f0ca
   Filen gar inte att redigera, sa glyferna ersatts har med samma
   mask-teknik som de sociala ikonerna. currentColor bevarar fargen.
   ========================================================================== */
.dropdown-toggle::after,
.sidebar-icon-menu-item[data-toggle="collapse"]::before,
.wishlist-btn.wishlist-add::before{
  content:"" !important;
  width:1em;
  height:1em;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M11.9%2015.6%202.7%206.4l1.6-1.6%207.6%207.6%207.6-7.6%201.6%201.6z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M11.9%2015.6%202.7%206.4l1.6-1.6%207.6%207.6%207.6-7.6%201.6%201.6z%22%2F%3E%3C%2Fsvg%3E");
}
.dropdown-toggle::after{vertical-align:-.05em}
.sidebar-icon-menu-item[data-toggle="collapse"]::before{
  -webkit-transform:translateY(-50%) rotate(-90deg) !important;
  transform:translateY(-50%) rotate(-90deg) !important;
}
.wishlist-btn.wishlist-add::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M3%205.5a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zm0%205.4a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zm0%205.4a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zM8%206h13v2H8zm0%205.4h13v2H8zm0%205.4h13v2H8z%22%2F%3E%3C%2Fsvg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M3%205.5a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zm0%205.4a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zm0%205.4a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zM8%206h13v2H8zm0%205.4h13v2H8zm0%205.4h13v2H8z%22%2F%3E%3C%2Fsvg%3E");
}

/* ==========================================================================
   COOKIERUTANS KNAPPAR — LIKA STORA  (2026-08-20)
   Plattformens cookieconsent.css ger knapparna width:48.5% och display:
   inline-block, och lagger float:right pa den andra. Nar "Endast nodvandiga"
   bryts till tva rader blir den hogre an "Godkann alla" och raden spretar.
   Losning: flexrad med align-items:stretch sa bada far samma hojd, och
   flex:1 1 0 sa bada far samma bredd. Texten centreras vertikalt.

   Biblioteket stackar redan knapparna under 688 px, dar problemet inte finns.
   Darfor ar regeln scopad till bredare skarmar och ror inte mobillayouten.

   cookieconsent.css injiceras av skriptet EFTER custom.css, sa likvardig
   specificitet forlorar. Darav !important pa de avgorande egenskaperna.
   Fargerna ar ororda.
   ========================================================================== */
@media screen and (min-width:689px){
  #cc_div #cm_btns{
    display:flex !important;
    align-items:stretch;
    gap:.625em;
  }
  #cc_div #cm .c_button,
  #cc_div #cm_btns button,
  #cc_div #cm_btns button+button{
    width:auto !important;
    flex:1 1 0 !important;
    min-width:0;
    float:none !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    text-align:center;
    line-height:1.25;
  }
}

/* Ikoner som saknade mask och därför blev osynliga eller solida fyrkanter.
   Basregeln ovan är nu en explicit lista i stället för i.fab, så en ikon utan
   mask aldrig kan renderas som ett fyllt block. (2026-08-21) */
i.fa-facebook-f{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M9.101%2023.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085%201.848-5.978%205.858-5.978.401%200%20.955.042%201.468.103a8.68%208.68%200%200%201%201.141.195v3.325a8.623%208.623%200%200%200-.653-.036%2026.805%2026.805%200%200%200-.733-.009c-.707%200-1.259.096-1.675.309a1.686%201.686%200%200%200-.679.622c-.258.42-.374.995-.374%201.752v1.297h3.919l-.386%202.103-.287%201.564h-3.246v8.245C19.396%2023.238%2024%2018.179%2024%2012.044c0-6.627-5.373-12-12-12s-12%205.373-12%2012c0%205.628%203.874%2010.35%209.101%2011.647Z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-pinterest-p{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12.017%200C5.396%200%20.029%205.367.029%2011.987c0%205.079%203.158%209.417%207.618%2011.162-.105-.949-.199-2.403.041-3.439.219-.937%201.406-5.957%201.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911%202.168-2.911%201.024%200%201.518.769%201.518%201.688%200%201.029-.653%202.567-.992%203.992-.285%201.193.6%202.165%201.775%202.165%202.128%200%203.768-2.245%203.768-5.487%200-2.861-2.063-4.869-5.008-4.869-3.41%200-5.409%202.562-5.409%205.199%200%201.033.394%202.143.889%202.741.099.12.112.225.085.345-.09.375-.293%201.199-.334%201.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646%200-3.776%202.748-7.252%207.92-7.252%204.158%200%207.392%202.967%207.392%206.923%200%204.135-2.607%207.462-6.233%207.462-1.214%200-2.354-.629-2.758-1.379l-.749%202.848c-.269%201.045-1.004%202.352-1.498%203.146%201.123.345%202.306.535%203.55.535%206.607%200%2011.985-5.365%2011.985-11.987C23.97%205.39%2018.592.026%2011.985.026L12.017%200z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12.017%200C5.396%200%20.029%205.367.029%2011.987c0%205.079%203.158%209.417%207.618%2011.162-.105-.949-.199-2.403.041-3.439.219-.937%201.406-5.957%201.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911%202.168-2.911%201.024%200%201.518.769%201.518%201.688%200%201.029-.653%202.567-.992%203.992-.285%201.193.6%202.165%201.775%202.165%202.128%200%203.768-2.245%203.768-5.487%200-2.861-2.063-4.869-5.008-4.869-3.41%200-5.409%202.562-5.409%205.199%200%201.033.394%202.143.889%202.741.099.12.112.225.085.345-.09.375-.293%201.199-.334%201.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646%200-3.776%202.748-7.252%207.92-7.252%204.158%200%207.392%202.967%207.392%206.923%200%204.135-2.607%207.462-6.233%207.462-1.214%200-2.354-.629-2.758-1.379l-.749%202.848c-.269%201.045-1.004%202.352-1.498%203.146%201.123.345%202.306.535%203.55.535%206.607%200%2011.985-5.365%2011.985-11.987C23.97%205.39%2018.592.026%2011.985.026L12.017%200z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-linkedin-in{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433c-1.144%200-2.063-.926-2.063-2.065%200-1.138.92-2.063%202.063-2.063%201.14%200%202.064.925%202.064%202.063%200%201.139-.925%202.065-2.064%202.065zm1.782%2013.019H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200h.003z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20.447%2020.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853%200-2.136%201.445-2.136%202.939v5.667H9.351V9h3.414v1.561h.046c.477-.9%201.637-1.85%203.37-1.85%203.601%200%204.267%202.37%204.267%205.455v6.286zM5.337%207.433c-1.144%200-2.063-.926-2.063-2.065%200-1.138.92-2.063%202.063-2.063%201.14%200%202.064.925%202.064%202.063%200%201.139-.925%202.065-2.064%202.065zm1.782%2013.019H3.555V9h3.564v11.452zM22.225%200H1.771C.792%200%200%20.774%200%201.729v20.542C0%2023.227.792%2024%201.771%2024h20.451C23.2%2024%2024%2023.227%2024%2022.271V1.729C24%20.774%2023.2%200%2022.222%200h.003z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12%2021.35%2010.55%2020.03C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12%2021.35%2010.55%2020.03C5.4%2015.36%202%2012.28%202%208.5%202%205.42%204.42%203%207.5%203c1.74%200%203.41.81%204.5%202.09C13.09%203.81%2014.76%203%2016.5%203%2019.58%203%2022%205.42%2022%208.5c0%203.78-3.4%206.86-8.55%2011.54z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M9%2016.17%204.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M9%2016.17%204.83%2012l-1.42%201.41L9%2019%2021%207l-1.41-1.41z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-shopping-cart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M7%2018a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm10%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zM7.16%2014h9.45c.75%200%201.41-.41%201.75-1.03l3.58-6.49A1%201%200%200%200%2021.06%205H5.21l-.94-2H1v2h2l3.6%207.59-1.35%202.44C4.52%2016.37%205.48%2018%207%2018h12v-2H7.42a.25.25%200%200%201-.22-.37z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M7%2018a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm10%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4zM7.16%2014h9.45c.75%200%201.41-.41%201.75-1.03l3.58-6.49A1%201%200%200%200%2021.06%205H5.21l-.94-2H1v2h2l3.6%207.59-1.35%202.44C4.52%2016.37%205.48%2018%207%2018h12v-2H7.42a.25.25%200%200%201-.22-.37z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-envelope{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204-8%205-8-5V6l8%205%208-5z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204-8%205-8-5V6l8%205%208-5z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-star{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12%2017.27%2018.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M12%2017.27%2018.18%2021l-1.64-7.03L22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021z%22%2F%3E%3C%2Fsvg%3E")}
i.fa-star-o{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.63-7.03L22%209.24zM12%2015.4l-3.76%202.27%201-4.28-3.32-2.88%204.38-.38L12%206.1l1.71%204.04%204.38.38-3.32%202.88%201%204.28L12%2015.4z%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M22%209.24l-7.19-.61L12%202%209.19%208.63%202%209.24l5.46%204.73L5.82%2021%2012%2017.27%2018.18%2021l-1.63-7.03L22%209.24zM12%2015.4l-3.76%202.27%201-4.28-3.32-2.88%204.38-.38L12%206.1l1.71%204.04%204.38.38-3.32%202.88%201%204.28L12%2015.4z%22%2F%3E%3C%2Fsvg%3E")}

/* Betygsvaljaren behover en klickyta. */
.review-form-stars,.review-form-stars.rating{display:inline-flex;gap:4px;align-items:center;min-height:1.6em}
.review-form-stars i.fa-star,.review-form-stars i.fa-star-o{width:1.5em;height:1.5em;cursor:pointer;background-color:#e8b54a}
.review-form-stars i.fa-star-o{background-color:rgba(232,181,74,.42)}

/* ==========================================================================
   KATEGORISIDA  (2026-08-22, v2)
   Kategorisidan later exakt som startsidan: rubrik pa mork platta (.rhs-
   rubriks sprak), underkategorier som knapp-chips i vagvalskortens familj,
   och produkterna pa VITA kort med gront VISA PRODUKT-band - samma kort som
   startsidans slider. Kopknappar och kassaikoner ar dolda: butiken lever pa
   cross-sales, sa hela kortet lankar till produktsidan dar merforsaljningen
   sker. Scopat under .rhs-kat sa inget lacker till ovriga sidtyper.
   ========================================================================== */

/* --- Rubrik pa morkt platta - samma rost som .rhs-rubrik pa startsidan --- */
.rhs-kat .collection-header h1{
  font-family:'Crimson Text',Georgia,'Times New Roman',serif;
  font-size:clamp(21px,2.6vw,29px);
  line-height:1.3;
  font-weight:700;
  color:#fff;
  text-align:center;
  text-wrap:balance;
  width:fit-content;
  max-width:min(92%,860px);
  margin:36px auto 0;
  padding:10px 26px 12px;
  background:rgba(20,17,14,.85);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

/* --- Underkategorier: chips i vagvalsknapparnas sprak -------------------- */
.rhs-kat-chips{
  max-width:1250px;margin:18px auto 0;padding:0 22px;
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
}
.rhs-kat-chips ul,.rhs-kat-chips ol,.rhs-kat-chips li,
.rhs-kat-chips .categoryOverview,
.rhs-kat-chips .categoryOverview > div[class*="col-"],
.rhs-kat-chips .categorylist,
.rhs-kat-chips .category_buttonarea{display:contents}
.rhs-kat-chips a,
.rhs-kat-chips a.category_cta{
  font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px !important;
  line-height:1 !important;
  font-weight:700 !important;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 !important;
  padding:12px 18px;
  color:#efe7d6;
  background:rgba(20,17,14,.72);
  border:0;
  border-radius:0;
  box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 0 0 1px rgba(239,231,214,.32);
  text-decoration:none;white-space:nowrap;
  transition:background-color .18s ease,box-shadow .18s ease,color .18s ease,transform .16s ease;
}
.rhs-kat-chips a:hover,
.rhs-kat-chips a:focus-visible,
.rhs-kat-chips a.category_cta:hover,
.rhs-kat-chips a.category_cta:focus-visible{
  background:rgba(30,26,21,.9);
  box-shadow:0 14px 30px rgba(0,0,0,.42),inset 0 0 0 1px rgba(239,231,214,.6);
  color:#fff;
  transform:translateY(-1px);
}
.rhs-kat-chips a:focus-visible{outline:2px solid #efe7d6;outline-offset:3px}

/* --- Rutnatet ------------------------------------------------------------ */
.rhs-kat-rutnat{max-width:1250px;margin:26px auto 0;padding:0 22px}

/* AOS tonar in 53 kort ett och ett och lamnar svarta hal vid snabb scroll.
   Har ska korten bara finnas pa plats. */
.rhs-kat-rutnat [data-aos]{opacity:1 !important;transform:none !important;transition:none !important}

/* --- Produktkortet: startsidans sliderkort, exakt ------------------------
   Vitt, stor mjuk skugga, lyft vid hover, gront VISA PRODUKT-band. -------- */
.rhs-kat-rutnat .product .bg-white{
  position:relative;
  background:#fff !important;
  border:0;
  border-radius:0;
  box-shadow:0 14px 34px rgba(0,0,0,.38);
  padding-bottom:64px;
  overflow:visible;
  transition:transform .18s ease,box-shadow .18s ease;
}
.rhs-kat-rutnat .product:hover .bg-white{
  transform:translateY(-4px);
  box-shadow:0 20px 44px rgba(0,0,0,.52);
}
.rhs-kat-rutnat .product .bg-white::after{
  content:"Visa produkt";
  position:absolute;left:14px;right:14px;bottom:14px;
  background:#1F8665;color:#fff;text-align:center;padding:11px 0;
  font-family:'Crimson Text',Georgia,serif;font-size:13px;letter-spacing:.15em;
  text-transform:uppercase;pointer-events:none;
  transition:background-color .18s ease;
}
.rhs-kat-rutnat .product:hover .bg-white::after{background:#186b51}

/* Bilden: kvadratisk yta reserverad (CLS 0) pa ren vit platta */
.rhs-kat-rutnat .product-image{background:#fff}
.rhs-kat-rutnat .product-swap-image{aspect-ratio:1/1;display:block}
.rhs-kat-rutnat .product-swap-image img{width:100%;height:100%;object-fit:contain}

/* Kopknapparna bort - kortets enda handling ar att oppna produktsidan */
.rhs-kat-rutnat .product .product-hover-overlay,
.rhs-kat-rutnat .product .product-tools{display:none !important}

/* Titel och pris - samma varden som startsidans slider */
.rhs-kat-rutnat .product .product-title{position:static !important;padding-bottom:0}
.rhs-kat-rutnat .productlist-title{
  font-family:'Crimson Text',Georgia,serif;
  font-size:15.5px !important;line-height:1.45 !important;
  color:#22201c !important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.9em;
  text-decoration:none;
}
.rhs-kat-rutnat .product-price{
  color:#22201c !important;font-weight:700 !important;
  font-size:17.5px !important;font-variant-numeric:lining-nums;
}
.rhs-kat-rutnat .product-before-price{color:#8a8378 !important;font-weight:400 !important}

/* Hela kortet klickbart: titellanken stracks over kortet.
   .product-title maste slappa sin position sa lanken fyller .bg-white. */
.rhs-kat-rutnat .product .product-title h3 a::before{
  content:"";position:absolute;inset:0;z-index:4;
}
.rhs-kat-rutnat .product .bg-white:focus-within{outline:2px solid #efe7d6;outline-offset:3px}
.rhs-kat-rutnat .product .product-title h3 a:focus-visible{outline:none}

/* Onskelistehjartat doljs i rutnatet - startsidans kort har inget, och det
   stjal klick fran kortlanken pa mobil. Funktionen finns pa produktsidan. */
.rhs-kat-rutnat .product .wishlist-icon{display:none !important}

/* --- Paginering (nar den ar aktiverad): sekundarknappens sprak ----------- */
.rhs-kat-sidor{max-width:1250px;margin:14px auto 0;padding:0 22px;text-align:center}
.rhs-kat-sidor .btn-primary{
  font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px !important;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  background:transparent !important;
  border:0 !important;border-radius:0;
  box-shadow:inset 0 0 0 1px rgba(239,231,214,.55);
  color:#efe7d6 !important;
  padding:13px 26px;
  text-decoration:none;
  transition:background-color .18s ease,box-shadow .18s ease;
}
.rhs-kat-sidor .btn-primary:hover{
  background:rgba(30,26,21,.85) !important;
  box-shadow:inset 0 0 0 1px rgba(239,231,214,.8);
  color:#fff !important;
}

/* --- Kategoritexten: panel i samma familj som startsidans FAQ-kolumner --- */
.rhs-kat-text{
  max-width:860px;
  margin:46px auto 0;
  padding:30px 30px 18px;
  background:rgba(20,17,14,.72);
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.rhs-kat-text-rubrik{
  font-family:'Crimson Text',Georgia,serif;
  font-size:21px;
  font-weight:700;
  color:#fff;
  text-align:center;
  text-transform:none !important;
  letter-spacing:0 !important;
  margin:0 0 14px;
  text-wrap:balance;
}
/* Sidans enda guldaccent: en kort harlinje under rubriken */
.rhs-kat-text-rubrik::after{
  content:"";display:block;
  width:44px;height:1px;margin:12px auto 0;
  background:linear-gradient(90deg,transparent,rgba(232,181,74,.75),transparent);
}
.rhs-kat-text-brod{
  font-family:'Crimson Text',Georgia,serif;
  font-size:16px;
  line-height:1.7;
  color:#cfc8b6;
  max-width:62ch;
  margin:0 auto;
  text-wrap:pretty;
}
.rhs-kat-text-brod p{margin:0 0 .85em}
.rhs-kat-text-brod a{color:#e8b54a}

/* --- Mobil --------------------------------------------------------------- */
@media (max-width:767.98px){
  .rhs-kat .collection-header h1{margin-top:24px;padding:9px 18px 10px}
  .rhs-kat-chips{
    flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
    gap:8px;
    scrollbar-width:none;padding-bottom:6px;
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
    mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 28px),transparent 100%);
    padding-right:28px;
  }
  .rhs-kat-chips::-webkit-scrollbar{display:none}
  .rhs-kat-chips a,.rhs-kat-chips a.category_cta{padding:11px 15px}
  .rhs-kat-rutnat .product .bg-white{padding-bottom:52px}
  .rhs-kat-rutnat .product .bg-white::after{left:10px;right:10px;bottom:10px;padding:9px 0;font-size:11.5px}
  .rhs-kat-rutnat .productlist-title{font-size:14px !important}
  .rhs-kat-rutnat .product-price{font-size:16px !important}
  .rhs-kat-text{margin:36px 14px 0;padding:24px 20px 12px}
}

/* --- Stillhet for den som bett om det ------------------------------------ */
@media (prefers-reduced-motion:reduce){
  .rhs-kat-chips a,.rhs-kat-chips a.category_cta,
  .rhs-kat-rutnat .product .bg-white,
  .rhs-kat-rutnat .product .bg-white::after{transition:none}
  .rhs-kat-chips a:hover,.rhs-kat-chips a.category_cta:hover{transform:none}
  .rhs-kat-rutnat .product:hover .bg-white{transform:none}
}

/* --- KATEGORISIDA v2.1: intro, guide, jamforelse och FAQ (2026-08-22) ---
   Sektionerna fylls av Produktlista-mallens skript (Rakan-atgarderna 1-4).
   Samma formsprak som resten av sidan: plattor, translucenta paneler. ----- */
.rhs-kat-intro{
  font-family:'Crimson Text',Georgia,serif;
  font-size:16.5px;line-height:1.65;color:#cfc8b6;
  text-align:center;max-width:64ch;margin:16px auto 0;padding:0 22px;
  text-wrap:pretty;
}
.rhs-kat-plattrubrik{
  font-family:'Crimson Text',Georgia,serif;
  font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:700;color:#fff;
  text-align:center;text-wrap:balance;
  width:fit-content;max-width:min(92%,720px);
  margin:0 auto 20px;padding:8px 20px 10px;
  background:rgba(20,17,14,.85);box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.rhs-kat-guide,.rhs-kat-tabellwrap,.rhs-kat-faq{max-width:1250px;margin:52px auto 0;padding:0 22px}
.rhs-kat-faq{max-width:880px}
.rhs-kat-guide-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rhs-kat-guide-kort{
  background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  padding:24px 22px 20px;
}
.rhs-kat-guide-kort h3{
  font-family:'Crimson Text',Georgia,serif;font-size:12.5px;letter-spacing:.18em;
  text-transform:uppercase;color:#a99e8c;margin:0 0 10px;
}
.rhs-kat-guide-kort p{
  font-family:'Crimson Text',Georgia,serif;font-size:15px;line-height:1.65;
  color:#cfc8b6;margin:0;text-wrap:pretty;
}
.rhs-kat-tabellrull{
  overflow-x:auto;background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.rhs-kat-tabellrull table{
  width:100%;min-width:640px;border-collapse:collapse;
  font-family:'Crimson Text',Georgia,serif;
}
.rhs-kat-tabellrull th{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a99e8c;
  text-align:left;padding:14px 18px;border-bottom:1px solid rgba(243,238,227,.16);
  white-space:nowrap;
}
.rhs-kat-tabellrull td{
  font-size:15px;line-height:1.5;color:#cfc8b6;
  padding:12px 18px;border-bottom:1px solid rgba(243,238,227,.07);
  vertical-align:top;
}
.rhs-kat-tabellrull tr:last-child td{border-bottom:0}
.rhs-kat-tabellrull td:first-child{color:#f3eee2;font-weight:700;white-space:nowrap}
.rhs-kat-faq-post{
  background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  margin:0 0 10px;
}
.rhs-kat-faq-post summary{
  cursor:pointer;list-style:none;position:relative;
  font-family:'Crimson Text',Georgia,serif;font-size:16.5px;font-weight:700;
  color:#f3eee2;padding:16px 48px 16px 20px;
}
.rhs-kat-faq-post summary::-webkit-details-marker{display:none}
.rhs-kat-faq-post summary::after{
  content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;
  border-right:2px solid #a99e8c;border-bottom:2px solid #a99e8c;
  transform:translateY(-70%) rotate(45deg);
  transition:transform .18s ease;
}
.rhs-kat-faq-post[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.rhs-kat-faq-post summary:hover{color:#fff}
.rhs-kat-faq-post summary:focus-visible{outline:2px solid #efe7d6;outline-offset:-2px}
.rhs-kat-faq-svar{
  padding:0 20px 18px;
  font-family:'Crimson Text',Georgia,serif;font-size:15.5px;line-height:1.7;color:#cfc8b6;
}
.rhs-kat-faq-svar p{margin:0}
@media (max-width:767.98px){
  .rhs-kat-intro{font-size:15px;margin-top:14px}
  .rhs-kat-guide,.rhs-kat-tabellwrap,.rhs-kat-faq{margin-top:40px}
  .rhs-kat-guide-rad{grid-template-columns:1fr;gap:12px}
  .rhs-kat-plattrubrik{padding:8px 16px 9px}
  .rhs-kat-faq-post summary{font-size:15.5px;padding:14px 44px 14px 16px}
  .rhs-kat-faq-svar{font-size:15px;padding:0 16px 16px}
}
@media (prefers-reduced-motion:reduce){
  .rhs-kat-faq-post summary::after{transition:none}
}

/* RHS-tipset: butikens rost i ett citatblock - guldkant, kursiv Crimson.
   Fylls fran mallens kategorikonfiguration (E-E-A-T, Rakan p.1). */
.rhs-kat-tips{
  max-width:760px;margin:40px auto 0;padding:22px 26px;
  background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
  border-left:2px solid rgba(232,181,74,.65);
}
.rhs-kat-tips-etikett{
  display:block;font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;
  color:#a99e8c;margin:0 0 8px;
}
.rhs-kat-tips-citat{
  margin:0;font-family:'Crimson Text',Georgia,serif;
  font-size:17px;line-height:1.6;color:#f3eee2;font-style:italic;
}
.rhs-kat-tips-citat p{margin:0}
@media (max-width:767.98px){
  .rhs-kat-tips{margin:32px 14px 0;padding:18px 20px}
  .rhs-kat-tips-citat{font-size:16px}
}

/* --- KATEGORISIDA v2.2 (2026-08-23) ---------------------------------------
   Fortroenderad (agarens egna USP-texter fran startsidan + betygsraden),
   sortering/prisfilter/sok (klientside, plattformsoberoende), syskonchips
   pa undernivaer och slutsald-markering pa kort. -------------------------- */
.rhs-kat-fortroende{
  max-width:1250px;margin:16px auto 0;padding:0 22px;
  display:flex;flex-wrap:wrap;justify-content:center;column-gap:26px;row-gap:6px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#a99e8c;
  text-align:center;
}
.rhs-kat-fortroende span{white-space:nowrap;position:relative}
.rhs-kat-fortroende span+span::before{content:"·";position:absolute;left:-16px;color:rgba(169,158,140,.6)}

.rhs-kat-verktyg{
  max-width:1250px;margin:22px auto 0;padding:0 22px;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;
  font-family:'Crimson Text',Georgia,serif;
}
.rhs-vtyg-grupp{display:flex;align-items:center;gap:8px;margin:0;font-weight:400}
.rhs-vtyg-grupp>span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#a99e8c}
.rhs-kat-verktyg select,.rhs-kat-verktyg input{
  font-family:'Crimson Text',Georgia,serif;font-size:14.5px;color:#f3eee2;
  background:rgba(20,17,14,.72);border:0;border-radius:0;
  box-shadow:inset 0 0 0 1px rgba(239,231,214,.32);
  padding:8px 12px;height:38px;box-sizing:border-box;
}
.rhs-kat-verktyg select{
  appearance:none;-webkit-appearance:none;padding-right:30px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23cfc8b6' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:10px;
}
.rhs-kat-verktyg select:focus-visible,.rhs-kat-verktyg input:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
.rhs-kat-verktyg option{background:#191512;color:#f3eee2}
.rhs-vtyg-min,.rhs-vtyg-max{width:84px;-moz-appearance:textfield}
.rhs-vtyg-min::-webkit-outer-spin-button,.rhs-vtyg-min::-webkit-inner-spin-button,
.rhs-vtyg-max::-webkit-outer-spin-button,.rhs-vtyg-max::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.rhs-vtyg-streck{color:#a99e8c}
.rhs-vtyg-sok{width:190px}
.rhs-vtyg-sok::placeholder,.rhs-vtyg-min::placeholder,.rhs-vtyg-max::placeholder{color:rgba(207,200,182,.55)}
.rhs-vtyg-antal{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#a99e8c}
.rhs-vtyg-rensa{
  font-family:'Crimson Text',Georgia,serif;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:#efe7d6;text-decoration:underline;text-underline-offset:3px;
}
.rhs-vtyg-rensa:hover{color:#e8b54a}
.rhs-vtyg-rensa{opacity:0;pointer-events:none;transition:opacity .15s ease}
.rhs-vtyg-rensa.rhs-aktiv{opacity:1;pointer-events:auto}

.rhs-kat-chips a.rhs-chip-los{display:none}
.rhs-kat-chips a.rhs-chip-aktiv{
  box-shadow:0 10px 24px rgba(0,0,0,.3),inset 0 0 0 1px rgba(232,181,74,.75);
  color:#fff;
}

.rhs-slutsald .product-swap-image{opacity:.55;filter:grayscale(.45)}
.rhs-slutsald-flagga{
  position:absolute;top:12px;left:12px;z-index:5;
  background:rgba(20,17,14,.85);color:#efe7d6;
  font-family:'Crimson Text',Georgia,serif;font-size:10.5px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700;padding:5px 10px;
}

@media (max-width:767.98px){
  .rhs-kat-fortroende{font-size:10.5px;column-gap:18px}
  .rhs-kat-fortroende span+span::before{left:-12px}
  .rhs-kat-verktyg{gap:8px 10px}
  .rhs-vtyg-sok{width:150px}
  .rhs-vtyg-min,.rhs-vtyg-max{width:72px}
}

/* --- KATEGORISIDA v2.3 (2026-08-23) ---------------------------------------
   Snabbfakta som definitionslista (dl) pa alla kategorisidor + genomgripande
   mobilanpassning av verktygsraden: tva rena rader, sr-only-etiketter,
   trunkerade chips. Betygsraden borttagen pa Carlos begaran. -------------- */
.rhs-kat-faktadel{max-width:760px;margin:40px auto 0;padding:0 22px}
.rhs-kat-fakta{
  margin:0;background:rgba(20,17,14,.72);box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.rhs-kat-fakta-rad{
  display:grid;grid-template-columns:170px 1fr;gap:14px;align-items:baseline;
  padding:12px 20px;border-bottom:1px solid rgba(243,238,227,.07);
}
.rhs-kat-fakta-rad:last-child{border-bottom:0}
.rhs-kat-fakta dt{
  font-family:'Crimson Text',Georgia,serif;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:#a99e8c;
}
.rhs-kat-fakta dd{
  margin:0;font-family:'Crimson Text',Georgia,serif;font-size:15.5px;
  line-height:1.5;color:#f3eee2;
}

/* Etiketterna i verktygsraden: pa mobil ersatts de av faltens platshallare
   men behalls for skarmlasare. */
@media (max-width:767.98px){
  .rhs-kat-fortroende{font-size:10px;column-gap:14px;row-gap:4px;padding:0 14px}
  .rhs-kat-fortroende span+span::before{left:-10px}
  .rhs-kat-chips a,.rhs-kat-chips a.category_cta{flex:0 0 auto;max-width:250px;overflow:hidden;text-overflow:ellipsis}
  .rhs-kat-verktyg{
    display:grid;grid-template-columns:1fr 1fr;gap:8px;
    padding:0 14px;margin-top:18px;
  }
  .rhs-vtyg-grupp{display:flex;gap:6px;min-width:0}
  .rhs-vtyg-grupp>span{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;
  }
  .rhs-vtyg-streck{display:none}
  .rhs-vtyg-sort{width:100%;min-width:0}
  .rhs-vtyg-min,.rhs-vtyg-max{width:auto;min-width:0;flex:1}
  .rhs-vtyg-sokgrupp{grid-column:1/-1}
  .rhs-vtyg-sok{width:100%;min-width:0;flex:1}
  .rhs-vtyg-antal{grid-column:1/2;justify-self:start;font-size:10.5px;letter-spacing:.1em}
  .rhs-vtyg-rensa{grid-column:2/3;justify-self:end;font-size:10.5px}
  .rhs-kat-faktadel{padding:0 14px;margin-top:34px}
  .rhs-kat-fakta-rad{grid-template-columns:106px 1fr;gap:10px;padding:11px 14px}
  .rhs-kat-fakta dt{font-size:10.5px}
  .rhs-kat-fakta dd{font-size:14px}
  .rhs-kat-rutnat .productlist-title{hyphens:auto}
}

/* --- KATEGORISIDA v2.4 (2026-08-23): kompaktare rader -------------------
   Faltetiketterna finns kvar for skarmlasare men visas inte - falten ar
   sjalvforklarande. Lagre falt, tightare fortroenderad, och rakneverket
   med Rensa visas forst nar ett filter ar aktivt (.rhs-filtrerat). ------- */
.rhs-vtyg-grupp>span{
  position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;
}
.rhs-kat-fortroende{margin-top:12px;font-size:11.5px;column-gap:20px}
.rhs-kat-fortroende span+span::before{left:-13px}
.rhs-kat-verktyg{margin-top:14px;gap:8px 10px}
.rhs-kat-verktyg select,.rhs-kat-verktyg input{height:34px;padding:7px 11px;font-size:13.5px}
.rhs-kat-verktyg select{padding-right:28px}
.rhs-vtyg-min,.rhs-vtyg-max{width:72px}
.rhs-vtyg-sok{width:180px}
.rhs-vtyg-antal{display:none;font-size:11px}
.rhs-kat-verktyg.rhs-filtrerat .rhs-vtyg-antal{display:inline}
@media (max-width:767.98px){
  .rhs-kat-fortroende{font-size:10px;margin-top:10px;row-gap:3px}
  .rhs-kat-verktyg{margin-top:12px;gap:7px}
  .rhs-vtyg-sok{width:100%}
}

/* --- KATEGORISIDA v2.5 (2026-08-24): dod yta over rubriken bort ----------
   Egna scripts sitewide CLS-vakt ger headern min-height:209px (satt for
   startsidans elfsight-widget). Pa kategorisidor ar headerinnehallet ~130px
   och resten blir dod yta. Har slapps reserven pa sidor med kategori-
   sektionen och rubrikens marginal stramas at. ---------------------------- */
/* (ersatt av html body header.header) */
.rhs-kat .collection-header h1{margin-top:30px}
@media (max-width:767.98px){
  .rhs-kat .collection-header h1{margin-top:20px}
}

/* --- KATEGORISIDA v2.6 (2026-08-24): mobil underkategori-dropdown --------
   Chipsens sidledsslider ersatts pa mobil av en nativ select byggd fran
   samma lankar (upp-lank + syskon, aktuell forvald) - mobilens inbyggda
   valjare ar smidigare an att svepa. Desktop behaller chipsen. ------------ */
.rhs-kat-valj{display:none;margin:0}
@media (max-width:767.98px){
  .rhs-kat-chips a,.rhs-kat-chips a.category_cta{display:none}
  .rhs-kat-chips{
    flex-wrap:wrap;overflow:visible;justify-content:center;
    -webkit-mask-image:none;mask-image:none;
    padding-right:22px;padding-bottom:0;
  }
  .rhs-kat-valj{
    display:block;width:100%;max-width:420px;margin:0 auto;
    font-family:'Crimson Text',Georgia,serif;font-size:15px;color:#f3eee2;
    background-color:rgba(20,17,14,.72);border:0;border-radius:0;
    box-shadow:inset 0 0 0 1px rgba(239,231,214,.32);
    padding:11px 36px 11px 14px;height:44px;box-sizing:border-box;
    appearance:none;-webkit-appearance:none;cursor:pointer;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23cfc8b6' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 12px center;background-size:11px;
  }
  .rhs-kat-valj:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
  .rhs-kat-valj option{background:#191512;color:#f3eee2}
}

/* ==========================================================================
   HEADER: LOGGANS MITTPUNKT PA MOBIL  (2026-08-24)
   Desktop ar oror d - temats standardlayout (logga vanster, sok, ikoner).
   Pa mobil hade raden 19px padding upptill och 0 nedtill (pb-0) sa loggan
   lag klistrad mot bandets nederkant - har balanseras den.
   ========================================================================== */
@media (max-width:991.98px){
  /* Raden hade 19px padding upptill och 0 nedtill (pb-0) - loggan lag
     klistrad mot bandets nederkant. Symmetrisk padding centrerar den. */
  header .navbar{padding-top:10px !important;padding-bottom:10px !important}
  header .navbar > div.d-lg-none{flex:1 0 0}
  header .navbar > ul.list-inline{flex:1 0 0}
  header .navbar > .navbar-brand{flex:0 0 auto;margin-left:0;margin-right:0}
}

/* ==========================================================================
   PRODUKTSIDA v12 - TRELAGSDESIGN  (2026-08-25)
   Trelagsleverans (designer > kritiker > verkstallare). Ersatter v11 helt.
   En solid yta #14110e bar hela produktdelen: inga lador, inga vita ark,
   inga halvtransparenta paneler. Hierarkin byggs med luft och typografi,
   inte med ramar - EN hairline-niva rgba(255,255,255,.09) rakt igenom.
   Guld #e8b54a ar accent (vald tumnagel, stjarnor, lank i beskrivningen)
   och aldrig pris, yta, ram eller sektionsavdelare. Priset ar cream och
   fett, lagerstatusen ar cream, kopraden ar 54 px pa alla tre element
   (rad, antal 70 px, knapp). Kategorisidans vita produktkort ateranvands
   ograverade i "Passar ihop med". Tva fokusuttryck: #efe7d6 pa mork yta,
   #191512 pa vit. Betygsraden vid titeln forblir borttagen.
   ========================================================================== */

/* --- A. Grundyta och stadning ------------------------------------------------ */
article ul.nav-tabs{display:none !important}
.rhs-pdp-har-cross hr.hr-text{display:none !important}
.rhs-pdp-har-cross hr.hr-text + section,
.rhs-pdp-har-cross hr.hr-text + div{display:none !important}
html:not(.rhs-pdp-har-cross) hr.hr-text{border-color:rgba(255,255,255,.14);color:#f3eee2}
article > section.mt-4{margin-top:0 !important}

article{
  background:#14110e;
  box-shadow:0 18px 44px rgba(0,0,0,.45);
  padding:40px 40px 48px;
  color:#cfc8b6;
}
article > .row{margin:0 !important;background:transparent;align-items:flex-start}
article > .row > [class*="col-"]{padding:0 !important}
article > .row > .col-lg-7{padding-right:48px !important}
article > .row > .col-lg-5{padding:0 !important}

/* --- B. Bildplattan ---------------------------------------------------------- */
article .col-lg-7 .bg-white{
  background:#fff !important;
  box-shadow:0 18px 44px rgba(0,0,0,.45) !important;
  border-radius:0;
  padding:0 !important;
  position:relative;
}
article .detail-carousel{position:relative}
article .detail-carousel .swiper-slide{position:relative}

/* Huvudbilden - ALLTID scopad till .detail-carousel. Klassen sitter aven
   pa tumnaglarnas img, en oscopad regel forstor dem. */
article .detail-carousel .productpage-image{
  aspect-ratio:1/1;
  width:100%;height:auto;
  object-fit:contain;
  padding:20px !important;
}

/* B1. De tre runda vita knapparna - identisk geometri ------------------------- */
.rhs-pdp-pil,
article .wishlist-btn.rhs-pdp-hjarta,
article .btn.btn-photoswipe{
  width:44px;height:44px;
  border-radius:50%;
  background:#fff;
  border:1px solid #d8d2c3;
  color:#191512;
  box-shadow:0 2px 10px rgba(25,21,18,.18);
  display:flex;align-items:center;justify-content:center;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.rhs-pdp-pil{
  position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  font-size:24px;line-height:1;padding:0 0 3px;cursor:pointer;
}
.rhs-pdp-pil.rhs-prev{left:16px}
.rhs-pdp-pil.rhs-next{right:16px}

article .wishlist-btn.rhs-pdp-hjarta{
  position:absolute;top:16px;left:16px;z-index:6;
  background:#fff !important;
  color:#191512 !important;
  font-size:0 !important;
  text-decoration:none !important;
}
article .wishlist-btn.rhs-pdp-hjarta::before,
article .wishlist-btn.rhs-pdp-hjarta::after{content:none !important;display:none !important}
article .wishlist-btn.rhs-pdp-hjarta i{display:none !important}
article .wishlist-btn.rhs-pdp-hjarta svg{
  display:block;width:20px;height:20px;
  stroke:currentColor;fill:none;
  transition:fill .15s ease;
}
article .wishlist-btn.rhs-pdp-hjarta:hover svg{fill:#191512}

article .btn.btn-photoswipe{
  position:absolute;
  top:16px !important;right:16px !important;
  width:44px !important;height:44px !important;line-height:44px !important;
  padding:0 !important;
  background:#fff !important;
  border:1px solid #d8d2c3 !important;
}
article .btn.btn-photoswipe svg{width:18px;height:18px;color:#191512}

.rhs-pdp-pil:hover,
article .wishlist-btn.rhs-pdp-hjarta:hover{border-color:#191512;box-shadow:0 4px 16px rgba(25,21,18,.26)}
article .btn.btn-photoswipe:hover{border-color:#191512 !important;box-shadow:0 4px 16px rgba(25,21,18,.26)}
.rhs-pdp-pil:focus-visible,
article .wishlist-btn.rhs-pdp-hjarta:focus-visible,
article .btn.btn-photoswipe:focus-visible{outline:2px solid #191512;outline-offset:2px}
article .wishlist-btn.rhs-pdp-hjarta:active,
article .btn.btn-photoswipe:active{box-shadow:0 1px 6px rgba(25,21,18,.22)}
.rhs-pdp-pil:active{box-shadow:0 1px 6px rgba(25,21,18,.22);transform:translateY(-50%) scale(.96)}

/* B2. Tumnaglarna ------------------------------------------------------------- */
article .swiper-thumbs{
  display:flex;flex-wrap:wrap;gap:8px;
  padding:12px 20px 20px;
}
article .swiper-thumb-item{
  width:72px;height:72px;flex:0 0 72px;
  padding:4px !important;
  margin:0;
  background:#fff;
  border:1px solid #d8d2c3;
  border-radius:0;
  opacity:1;
  overflow:hidden;
  transition:border-color .15s ease, box-shadow .15s ease;
}
article .swiper-thumb-item .productpage-image{
  width:100%;height:100%;
  aspect-ratio:auto;
  object-fit:contain;
  padding:0 !important;
  max-height:none;
}
article .swiper-thumb-item:hover{border-color:#191512}
article .swiper-thumbs .swiper-thumb-item.active,
article .swiper-thumbs .swiper-slide-thumb-active{
  border-color:#e8b54a;
  box-shadow:inset 0 0 0 1px #e8b54a;
}
/* Servern renderar .active pa ALLA tumnaglar. Aterstall alla utom den forsta
   tills theme.js stadat vid forsta slide-bytet. Sjalvlakande regel. */
article .swiper-thumbs .swiper-thumb-item.active ~ .swiper-thumb-item.active{
  border-color:#d8d2c3;
  box-shadow:none;
}
article .swiper-thumb-item:focus-visible{outline:2px solid #191512;outline-offset:2px}

/* --- C. H1 ------------------------------------------------------------------- */
article .col-lg-5 h1{
  font-size:36px;font-weight:700;line-height:1.14;
  letter-spacing:-.005em;
  color:#f3eee2;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
  margin:0 0 18px !important;
}

/* --- D. Prisraden ------------------------------------------------------------ */
article .col-lg-5 > .d-flex{
  padding-bottom:24px;
  margin-bottom:0 !important;
  border-bottom:1px solid rgba(255,255,255,.09);
}
article .col-lg-5 .list-inline{margin-bottom:0 !important}
article .col-lg-5 .product-price,
article .col-lg-5 li.font-weight-light{
  font-size:30px !important;
  font-weight:700 !important;
  color:#f3eee2 !important;
  line-height:1.10;
  letter-spacing:.005em;
  text-shadow:none;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
article .col-lg-5 .product-before-price{
  color:#a99e8c !important;
  opacity:1 !important;
  font-size:17px;font-weight:400;
  text-decoration:line-through;
  font-variant-numeric:tabular-nums lining-nums;
}
article .col-lg-5 .product_description{
  margin:20px 0 0;padding:0;border:0;
  font-size:14px;line-height:1.55;color:#cfc8b6;
}

/* --- E. Tillbehorsraderna ---------------------------------------------------- */
.rhs-pdp-tillval{display:flex;flex-direction:column;gap:0;margin:0 0 20px;padding:0}

article .product-property-addon{
  width:100%;
  display:flex;flex-direction:row;align-items:center;gap:16px;
  text-align:left;
  min-height:72px;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
  border-radius:0 !important;
  padding:12px 0 !important;
  margin:0 !important;
  position:relative;cursor:pointer;
  font-family:'Crimson Text',Georgia,serif;
  color:#cfc8b6;
  transition:background-color .15s ease;
}
article .product-property-addon:last-child{border-bottom:0 !important}
article .product-property-addon:hover{background:rgba(255,255,255,.03) !important}

article .product-property-addon::after{
  content:"+";
  flex:0 0 36px;margin-left:auto;
  width:36px;height:36px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.30);
  color:#efe7d6;font-size:20px;
  display:flex;align-items:center;justify-content:center;
  transition:background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}
article .product-property-addon:hover::after{border-color:#2aa07a;color:#f3eee2}
article .product-property-addon.rhs-ikryssad:not(br)::after{
  content:"\2713";
  background:#1F8665;
  border-color:#1F8665;
  color:#fff;
  font-size:16px;
  box-shadow:0 0 0 3px rgba(31,134,101,.18);
}
article .product-property-addon:focus-within::after{outline:2px solid #efe7d6;outline-offset:2px}
article .product-property-addon.rhs-fokus:not(br)::after{outline:2px solid #efe7d6;outline-offset:2px}

article .product-property-addon input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
article .product-property-addon img{
  display:block !important;
  width:54px !important;height:54px !important;flex:0 0 54px;
  object-fit:contain;
  background:#fff;padding:3px;
  border:1px solid #d8d2c3;border-radius:0;margin:0;
}
article .product-property-addon .addon-product-content{
  flex:1 1 auto;min-width:0;
  display:grid;grid-template-columns:1fr auto;
  column-gap:18px;row-gap:3px;align-items:center;
}
article .product-property-addon b,
article .product-property-addon strong,
article .product-property-addon h1,
article .product-property-addon h2,
article .product-property-addon h3,
article .product-property-addon h4,
article .product-property-addon h5{
  grid-column:1;grid-row:1;
  margin:0;
  font-size:13.5px;font-weight:400;line-height:1.30;
  color:#e9e2d2;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
article .product-property-addon .addon-product-content > div{
  font-size:15px;font-weight:700;line-height:1.20;
  color:#f3eee2;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
article .product-property-addon .addon-product-content > .addon-product-title{
  grid-column:1;grid-row:1;align-self:end;
  font-size:13.5px;font-weight:400;line-height:1.30;color:#e9e2d2;
}
article .product-property-addon .addon-product-content > .addon-product-price{
  grid-column:2;grid-row:1 / span 2;
  justify-self:end;align-self:center;
  font-size:15px;font-weight:700;color:#f3eee2;
}
article .product-property-addon .addon-product-content > .addon-product-link{
  grid-column:1;grid-row:2;justify-self:start;align-self:start;
}
article .product-property-addon a{
  font-size:12px;font-weight:400;line-height:1.40;letter-spacing:.02em;
  color:#a99e8c;
  text-decoration:underline;text-underline-offset:2px;
}
article .product-property-addon a:hover{color:#e8b54a}
article .product-property-addon a:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
article .product-property-addon.rhs-ikryssad:not(br) b,
article .product-property-addon.rhs-ikryssad:not(br) strong,
article .product-property-addon.rhs-ikryssad:not(br) h1,
article .product-property-addon.rhs-ikryssad:not(br) h2,
article .product-property-addon.rhs-ikryssad:not(br) h3,
article .product-property-addon.rhs-ikryssad:not(br) h4,
article .product-property-addon.rhs-ikryssad:not(br) h5{color:#f3eee2}

/* --- F. Lagerraden ----------------------------------------------------------- */
article form.qs-cart{margin:20px 0 0}
article form.qs-cart > div:not(.qs-product-fields):not(.addCart):not(.rhs-pdp-tillval):not(#rhs-trust-stars){
  margin:22px 0 0;
  font-size:13px;
  color:#cfc8b6;
}
article .product-current-stock-status,
article .product-current-stock-status.text-success,
article form.qs-cart .text-success{
  color:#cfc8b6 !important;
  padding:0 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.5;
  letter-spacing:.02em;
}
article .product-current-stock-status i{
  color:#a99e8c !important;
  font-size:11px;
  margin-right:6px;
}

/* --- G. Google-betyget (injiceras med inline-stilar) ------------------------- */
#rhs-trust-stars{
  display:flex !important;align-items:baseline !important;flex-wrap:wrap !important;
  gap:8px !important;
  margin:12px 0 0 !important;
  font-family:'Crimson Text',Georgia,serif !important;
}
#rhs-trust-stars > span:first-child{
  color:#e8b54a !important;
  font-size:14px !important;
  letter-spacing:2px !important;
  line-height:1 !important;
}
#rhs-trust-stars > span + span{
  color:#f3eee2 !important;
  font-size:14px !important;
  font-weight:700 !important;
  font-variant-numeric:lining-nums;
}
#rhs-trust-stars a{
  color:#a99e8c !important;
  font-size:12.5px !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}
#rhs-trust-stars a:hover{color:#e8b54a !important}
#rhs-trust-stars a:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}

/* --- H. Kopraden - 54 px hela vagen ------------------------------------------ */
article form.qs-cart .addCart{
  display:flex;flex-wrap:nowrap;align-items:stretch;
  width:100%;height:54px;
  margin:10px 0 0 !important;
  box-shadow:none !important;
}
article form.qs-cart .addCart .input-group-append{
  flex:1 1 auto;display:flex;
}
article form.qs-cart .addCart input{
  width:70px !important;flex:0 0 70px;
  height:54px !important;
  background:#201c18;
  color:#f3eee2;
  border:0;border-radius:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  text-align:center;
  font-family:'Crimson Text',Georgia,serif;
  font-size:16px;
  font-variant-numeric:tabular-nums lining-nums;
  -moz-appearance:textfield;
}
article form.qs-cart .addCart input::-webkit-outer-spin-button,
article form.qs-cart .addCart input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
article form.qs-cart .addCart input:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
article form.qs-cart .addCart input:focus-visible{
  outline:2px solid #efe7d6;outline-offset:-2px;
  box-shadow:inset 0 0 0 1px rgba(239,231,214,.55);
}
article form.qs-cart .addCart button{
  flex:1 1 auto;width:100%;height:54px;
  background:#1F8665 !important;
  color:#fff !important;
  border:0;border-radius:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
  font-family:'Crimson Text',Georgia,serif;
  font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  padding:0 12px;
  cursor:pointer;
  transition:background-color .15s ease;
}
article form.qs-cart .addCart button i{font-size:14px;margin-right:10px;opacity:.9}
article form.qs-cart .addCart button:hover{background:#186b51 !important;opacity:1 !important}
article form.qs-cart .addCart button:focus-visible{outline:2px solid #efe7d6;outline-offset:3px}
article form.qs-cart .addCart button:active{
  background:#155c45 !important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,.22) !important;
}
article form.qs-cart .addCart button:disabled{
  background:#2a2622 !important;
  color:#7e7566 !important;
  cursor:not-allowed;
  box-shadow:none !important;
}

/* --- I. Recensionsblocket - ladlost ------------------------------------------ */
.rhs-pdp-recdel{
  margin:24px 0 0;padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  background:transparent;box-shadow:none;
}
article .reviews-section{background:transparent;border:0;padding:0;box-shadow:none}
.rhs-pdp-recdel .rhs-pdp-recrubrik{
  display:flex;align-items:baseline;gap:10px;
  margin:0 0 12px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:15px;font-weight:700;line-height:1.30;letter-spacing:.01em;
  color:#f3eee2;
  text-shadow:none;
}
.rhs-pdp-recdel .rhs-pdp-recrubrik a,
.rhs-pdp-recdel .rhs-pdp-recrubrik .review-btn{
  margin-left:auto;
  font-family:'Crimson Text',Georgia,serif;
  font-size:12px;font-weight:400;letter-spacing:.02em;
  color:#a99e8c;
  text-decoration:underline;text-underline-offset:3px;
  border:0;padding:0;background:transparent;
}
.rhs-pdp-recdel .rhs-pdp-recrubrik a:hover,
.rhs-pdp-recdel .rhs-pdp-recrubrik .review-btn:hover{color:#e8b54a}
.rhs-pdp-recdel .rhs-pdp-recrubrik a:focus-visible,
.rhs-pdp-recdel .rhs-pdp-recrubrik .review-btn:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}

/* Ladlost uttryck scopat till direktbarn - slider-laget (2+ recensioner) ror vi ej */
article .reviews > .review{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:12px 0 0 !important;
  color:#e9e2d2;font-size:14px;line-height:1.65;
  font-style:normal !important;
}
article .reviews .review{border-radius:0 !important}
article .reviews .review_response{
  background:transparent !important;
  border:0 !important;
  border-left:2px solid rgba(255,255,255,.14) !important;
  border-radius:0 !important;
  padding:0 0 0 14px !important;
  margin:12px 0 0 !important;
  color:#cfc8b6 !important;
  font-size:13.5px;
}
article .reviews .review .fa-star,
article .reviews .review .fa-star-o{color:#e8b54a;font-size:13px}
article .reviews > .review small{
  font-size:12.5px;line-height:1.45;letter-spacing:.02em;color:#a99e8c;
}
article .reviews > hr{display:none}
/* Recensionsslidern (2+ recensioner) far inte spilla ut ur kopkolumnen */
article .reviews{max-width:100%}
article .reviews > div.rhs-har-rec{max-width:100%}
#rhs-review-track{
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent 100%);
          mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent 100%);
}
@media (max-width:991.98px){
  #rhs-review-track{-webkit-mask-image:none;mask-image:none}
}
article .reviews .review-btn.show-all-button{
  margin-top:10px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:12px;color:#a99e8c;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
article .reviews .review-btn.show-all-button:hover{color:#e8b54a}
article .reviews .verified-buyer-badge{
  color:#a99e8c !important;
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
article .reviews .verified-buyer-badge svg,
article .reviews .verified-buyer-badge path{
  color:#2aa07a !important;fill:#2aa07a !important;
}
article .reviews-section .rating .fa-star,
article .review-form .fa-star{color:#e8b54a !important}

article .review-form input,
article .review-form textarea{
  background:#201c18;
  border:1px solid rgba(169,158,140,.30);
  color:#f3eee2;
  border-radius:0;
  padding:10px 12px;
  font-size:14px;
  font-family:'Crimson Text',Georgia,serif;
}
article .review-form ::placeholder{color:#7e7566}
article .review-form input:focus-visible,
article .review-form textarea:focus-visible{
  outline:2px solid #efe7d6;outline-offset:-2px;
  border-color:transparent;
}
article .review-form button{
  height:44px;width:auto;padding:0 28px;
  background:#1F8665 !important;
  color:#fff !important;
  border:0;border-radius:0;
  font-family:'Crimson Text',Georgia,serif;
  font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;
  transition:background-color .15s ease;
}
article .review-form button:hover{background:#186b51 !important;opacity:1 !important}
article .review-form button:focus-visible{outline:2px solid #efe7d6;outline-offset:3px}

/* --- J. Stripen -------------------------------------------------------------- */
.rhs-pdp-strip{
  margin:24px 0 0;padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  display:flex;flex-wrap:wrap;align-items:center;
  gap:16px 24px;
}
.rhs-pdp-strip .rhs-pdp-fortroende{
  flex:0 0 100%;
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;
  gap:8px 18px;
  margin:0;padding:0;border:0;
  font-family:'Crimson Text',Georgia,serif;
  font-size:12.5px;letter-spacing:0;text-transform:none;
  color:#b8ad99;
  text-shadow:none;
}
.rhs-pdp-strip .rhs-pdp-fortroende span{
  display:inline-flex;align-items:baseline;gap:8px;
  white-space:nowrap;position:static;
}
.rhs-pdp-strip .rhs-pdp-fortroende span::before{
  content:"\2713";
  color:#2aa07a;font-weight:700;font-size:12px;
}
.rhs-pdp-strip .detail-option{
  padding:0 !important;margin:0;
  display:flex;align-items:baseline;gap:8px;
}
.rhs-pdp-strip .detail-option small:first-child{
  font-size:10.5px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#8d8271;
}
.rhs-pdp-strip .product-current-sku{
  font-size:12.5px;color:#cfc8b6;letter-spacing:.02em;
  font-variant-numeric:lining-nums;
}
.rhs-pdp-strip .detail-option.rhs-delning{margin-left:auto}
.rhs-pdp-strip .detail-option.rhs-delning .detail-option-heading{display:none}
.rhs-pdp-strip .detail-option ul{margin:0;padding:0;list-style:none;display:flex;gap:8px}
.rhs-pdp-strip .detail-option ul li{margin:0;padding:0;display:flex;gap:8px}

/* ===== RHS DELNINGSRADEN BRYTS 8 sep 2026 =====
   Raden fick tre ikoner till (Instagram, TikTok, Snapchat). Atta stycken a
   44 px med 8 px mellanrum ar 408 px, och kolumnen pa en 390 px skarm ar
   360 px - alltsa borjade HELA produktsidan skrolla 33 px i sidled, pa varje
   produkt-, tjanst- och kurssida. Uppmatt: 33 px vid 390, 63 px vid 360.
   Ikonerna far inte krympas under 44x44 (traffyta), sa raden bryts i stallet. */
.rhs-pdp-strip .detail-option.rhs-delning{max-width:100%;min-width:0}
.rhs-pdp-strip .detail-option.rhs-delning ul,
.rhs-pdp-strip .detail-option.rhs-delning ul li{flex-wrap:wrap}
/* Pa telefon far de atta ikonerna ett jamnt 4x2-rutnat i stallet for en
   brytning som lamnar en ensam ikon pa andra raden. 4x44 + 3x8 = 200 px. */
@media(max-width:575px){
  .rhs-pdp-strip .detail-option.rhs-delning ul li{
    display:grid;grid-template-columns:repeat(4,44px);gap:8px;justify-content:start}
}

article .social-share{
  width:32px;height:32px;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none;
  display:inline-flex;align-items:center;justify-content:center;
  transition:box-shadow .15s ease;
}
article .social-share i{background-color:#8d8271;width:13px;height:13px}
article .social-share svg{
  color:#8d8271;fill:#8d8271;
  width:13px !important;height:13px !important;
  position:static !important;top:auto !important;
}
article .social-share:hover{box-shadow:none}
article .social-share:hover i{background-color:#e8b54a}
article .social-share:hover svg{color:#e8b54a;fill:#e8b54a}
article .social-share:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}

/* --- K. Produktbeskrivningen - fullbredd ------------------------------------- */
.rhs-pdp-accwrap{margin-top:48px}
.rhs-pdp-acc{
  background:transparent;box-shadow:none;
  border:0;
  border-top:1px solid rgba(255,255,255,.09);
  padding:32px 0 0;
}
.rhs-pdp-acc summary{
  list-style:none;cursor:pointer;pointer-events:auto;
  display:block;padding:0;margin:0 0 20px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:24px;font-weight:700;line-height:1.25;
  color:#f3eee2;
  text-shadow:none;
}
.rhs-pdp-acc summary::-webkit-details-marker{display:none}
.rhs-pdp-acc summary::after{content:none;display:none}

.rhs-pdp-accinner{
  background:transparent;box-shadow:none;
  padding:0;
  max-width:none;
  color:#f0e9d8;font-size:16.5px;line-height:1.8;
}
.rhs-pdp-accinner .tab-content{
  background:transparent !important;box-shadow:none !important;
  padding:0 !important;margin:0 !important;
}
.rhs-pdp-accinner .tab-content::before{display:none}
.rhs-pdp-accinner .tab-pane{padding:0 !important}
.rhs-pdp-accinner .row{margin:0 !important}
.rhs-pdp-accinner .col,
.rhs-pdp-accinner [class*="col-"]{padding:0 !important}

.rhs-pdp-accinner .text-dark{color:#f0e9d8 !important}
.rhs-pdp-accinner p,
.rhs-pdp-accinner li,
.rhs-pdp-accinner span,
.rhs-pdp-accinner td,
.rhs-pdp-accinner th,
.rhs-pdp-accinner div{
  color:#f0e9d8 !important;
  font-family:'Crimson Text',Georgia,serif !important;
}
.rhs-pdp-accinner h1,
.rhs-pdp-accinner h2,
.rhs-pdp-accinner h3,
.rhs-pdp-accinner h4,
.rhs-pdp-accinner h5,
.rhs-pdp-accinner b,
.rhs-pdp-accinner strong{
  color:#fdf9ef !important;font-weight:700;
  font-family:'Crimson Text',Georgia,serif !important;
}
.rhs-pdp-accinner p{margin:0 0 16px;max-width:68ch}
.rhs-pdp-accinner p:last-child{margin-bottom:0}
/* Versalvagg-fix: ett helt stycke inlindat i strong blev en oläslig
   versalklump. Etikettstilen kravde uppercase - nu bara vikt och farg,
   sa langa fetstilsstycken forblir lasbara. */
.rhs-pdp-accinner p.rhs-underrubrik:not(br){
  font-size:15px;font-weight:700;letter-spacing:.02em;
  text-transform:none;
  margin:36px 0 12px;max-width:none;
}
.rhs-pdp-accinner p.rhs-underrubrik:not(br) strong{
  font-size:inherit !important;color:inherit !important;
  letter-spacing:inherit;font-weight:700;
}
.rhs-pdp-accinner p:first-child.rhs-underrubrik:not(br){margin-top:0}

/* MASTE sta efter tag-listan ovan, annars vinner span-regeln over lankfargen */
.rhs-pdp-accinner a{color:#e8b54a !important;text-decoration:underline;text-underline-offset:3px}
.rhs-pdp-accinner a *{color:inherit !important}
.rhs-pdp-accinner a:hover{color:#f0c877 !important}
.rhs-pdp-accinner a:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}

.rhs-pdp-accinner ul{list-style:none;padding:0;margin:0 0 28px;column-count:2;column-gap:64px}
.rhs-pdp-accinner ul li{
  break-inside:avoid;-webkit-column-break-inside:avoid;
  display:flex;gap:12px;
  padding:9px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  margin:0;
}
.rhs-pdp-accinner ul li:last-child{border-bottom:1px solid rgba(255,255,255,.09)}
.rhs-pdp-accinner ul li::before{
  content:"";
  flex:0 0 6px;height:1px;
  background:rgba(169,158,140,.55);
  margin-top:.85em;
}
.rhs-pdp-accinner iframe{
  width:100% !important;max-width:760px;height:auto !important;
  aspect-ratio:16/9;
  display:block;border:0;
  box-shadow:0 14px 34px rgba(0,0,0,.38);
  margin:28px 0;
}
.rhs-pdp-accinner > *:last-child,
.rhs-pdp-accinner .tab-content > *:last-child,
.rhs-pdp-accinner .tab-pane > *:last-child{margin-bottom:0}
.rhs-pdp-accinner iframe:last-child{margin-bottom:0}
.rhs-pdp-accinner .fr-video{display:block;width:100%;max-width:100%}
.rhs-pdp-accinner img{
  background:#fff;padding:10px;
  border:1px solid #d8d2c3;border-radius:0;
  width:auto;max-width:100%;height:auto;
  display:block;margin:24px 0;float:none;
}
.rhs-pdp-accinner table{width:100%;border-collapse:collapse;font-size:14px}
.rhs-pdp-accinner td,
.rhs-pdp-accinner th{
  padding:8px 12px 8px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
  text-align:left;
}

/* --- L. Passar ihop med - kategorisidans kort ograverade --------------------- */
.rhs-pdp-crossgrid{
  position:relative;
  margin:48px 0 0;
  padding:32px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
}
.rhs-pdp-crossgrid-rubrik{
  font-family:'Crimson Text',Georgia,serif;
  font-size:24px;font-weight:700;line-height:1.25;
  letter-spacing:0;text-transform:none;
  color:#f3eee2;
  margin:0 0 20px;padding-right:104px;
  text-shadow:none;
}
.rhs-pdp-crosspilar{position:absolute;top:28px;right:0;display:flex;gap:8px}
.rhs-pdp-crosspil{
  width:40px;height:40px;border-radius:50%;
  background:#201c18;
  border:1px solid rgba(255,255,255,.14);
  color:#efe7d6;
  display:flex;align-items:center;justify-content:center;
  font-size:22px;line-height:1;padding:0 0 3px;cursor:pointer;
  transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}
.rhs-pdp-crosspil:hover{border-color:#e8b54a;color:#e8b54a;background:#241f1a}
.rhs-pdp-crosspil:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
.rhs-pdp-crosspil:active{background:#1b1713}

.rhs-pdp-crossgrid-rad{
  display:flex;gap:20px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;scroll-padding-left:4px;
  padding:8px 4px 26px;
  margin:0 -4px;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent 100%);
          mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent 100%);
  scrollbar-width:thin;scrollbar-color:rgba(169,158,140,.5) transparent;
}
.rhs-pdp-crossgrid-rad::-webkit-scrollbar{height:6px}
.rhs-pdp-crossgrid-rad::-webkit-scrollbar-thumb{background:rgba(169,158,140,.5)}

.rhs-pdp-crosskort{
  position:relative;display:block;
  flex:0 0 236px;scroll-snap-align:start;
  background:#fff;border:0;border-radius:0;
  box-shadow:0 14px 34px rgba(0,0,0,.38);
  padding:14px 14px 64px;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease;
}
.rhs-pdp-crosskort img{
  width:100%;aspect-ratio:1/1;height:auto;
  object-fit:contain;display:block;
  margin:0 0 12px;
  background:#fff;padding:0;box-shadow:none;
}
.rhs-pdp-crosskort-titel{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-family:'Crimson Text',Georgia,serif;
  font-size:15.5px;line-height:1.45;
  color:#22201c;
  min-height:2.9em;
}
.rhs-pdp-crosskort-pris{
  display:block;margin-top:8px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:17.5px;font-weight:700;
  color:#22201c;
  font-variant-numeric:tabular-nums lining-nums;
}
.rhs-pdp-crosskort::after{
  content:"Visa produkt";
  position:absolute;left:14px;right:14px;bottom:14px;
  background:#1F8665;color:#fff;text-align:center;
  padding:11px 0;
  font-family:'Crimson Text',Georgia,serif;
  font-size:13px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;
  transition:background-color .15s ease;
}
.rhs-pdp-crosskort:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(0,0,0,.52)}
.rhs-pdp-crosskort:hover::after{background:#186b51}
.rhs-pdp-crosskort:focus-visible{outline:2px solid #efe7d6;outline-offset:3px}

/* --- N. Variantvaljaren och recensionsrubrik utan antal  (rhs-variant-block)
   Bootstrap-selecten renderas som en vit standardwidget - klas den i sajtens
   sprak. Recensionsrubriken .review-label stylas aven nar produkten saknar
   recensioner (da matchar mallens "Recensioner (N)"-pollning aldrig). */
/* Produktfaltens etiketter: lasbara som standard. Endast variantvaljarens
   etikett blir versal mikro-etikett - annars blir kryssrutetexter oläsliga. */
article form.qs-cart label{
  display:block;margin:0 0 8px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:14px;font-weight:400;letter-spacing:0;
  text-transform:none;color:#e9e2d2;
}
article .product-property-line:where(.rhs-har-select):not(br) > label,
article .controls:where(.rhs-har-select):not(br) > label,
article .form-group:where(.rhs-har-select):not(br) > label,
article .qs-product-fields > label{
  font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#a99e8c;
}
article .product-property-line{margin:0 0 18px}
article .product-property-line:last-child{margin-bottom:0}
article form.qs-cart label.rhs-kryssetikett:not(br){
  display:flex;align-items:flex-start;gap:10px;
  margin:0;cursor:pointer;
  font-size:14px;color:#e9e2d2;line-height:1.45;
}
article form.qs-cart label > input[type="checkbox"]{
  position:static;opacity:1;pointer-events:auto;
  width:18px;height:18px;flex:0 0 18px;
  margin:3px 0 0;accent-color:#1F8665;cursor:pointer;
}
article form.qs-cart input.qs-cart-product-property[type="text"],
article form.qs-cart .white-input,
article form.qs-cart textarea.qs-cart-product-property{
  width:100%;height:48px;padding:0 14px;
  background:#201c18 !important;color:#f3eee2 !important;
  border:0 !important;border-radius:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  font-family:'Crimson Text',Georgia,serif;font-size:15px;
}
article form.qs-cart textarea.qs-cart-product-property{height:auto;padding:12px 14px;line-height:1.6}
article form.qs-cart .white-input::placeholder{color:#7e7566}
article form.qs-cart .white-input:focus-visible{outline:2px solid #efe7d6;outline-offset:-2px}
article form.qs-cart label.btn.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;
  height:44px;padding:0 22px;margin:0;
  background:transparent !important;
  color:#efe7d6 !important;
  border:1px solid rgba(255,255,255,.30) !important;
  border-radius:0 !important;
  font-family:'Crimson Text',Georgia,serif;
  font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  cursor:pointer;transition:border-color .15s ease, color .15s ease;
}
article form.qs-cart label.btn.btn-primary:hover{border-color:#e8b54a !important;color:#e8b54a !important}
article .product-property-line > span,
article .product-property-line small{color:#a99e8c;font-size:12.5px}
article .qs-product-fields{margin:0}
article .bootstrap-select{width:100% !important;margin:0}
article .bootstrap-select > .dropdown-toggle,
article .bootstrap-select .btn-selectpicker{
  height:54px !important;
  background:#201c18 !important;
  color:#f3eee2 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14) !important;
  font-family:'Crimson Text',Georgia,serif;
  font-size:15px;
  padding:0 16px !important;
  display:flex;align-items:center;
  transition:box-shadow .15s ease;
}
article .bootstrap-select > .dropdown-toggle:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.26) !important}
article .bootstrap-select > .dropdown-toggle:focus-visible{outline:2px solid #efe7d6;outline-offset:-2px}
article .bootstrap-select > .dropdown-toggle::after{border-top-color:#a99e8c;margin-left:auto}
article .bootstrap-select .filter-option{color:#f3eee2;text-align:left;font-size:15px}
article .bootstrap-select .dropdown-menu{
  background:#201c18 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:0 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.45) !important;
  padding:4px 0 !important;
}
article .bootstrap-select .dropdown-menu li a,
article .bootstrap-select .dropdown-menu .dropdown-item{
  color:#cfc8b6 !important;
  font-family:'Crimson Text',Georgia,serif;
  font-size:14px;
  padding:10px 16px !important;
}
article .bootstrap-select .dropdown-menu li a:hover,
article .bootstrap-select .dropdown-menu li a:focus,
article .bootstrap-select .dropdown-menu .dropdown-item:hover{
  background:rgba(255,255,255,.05) !important;color:#f3eee2 !important;
}
article .bootstrap-select .dropdown-menu li.selected a,
article .bootstrap-select .dropdown-menu .dropdown-item.active{
  background:transparent !important;color:#e8b54a !important;
}

article .review-label{
  display:flex;align-items:baseline;gap:10px;
  margin:0 0 12px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:15px !important;font-weight:700;line-height:1.30;letter-spacing:.01em;
  color:#f3eee2;
}
article .review-label a,
article .review-label .review-btn{
  margin-left:auto;
  font-size:12px;font-weight:400;letter-spacing:.02em;
  color:#a99e8c;text-decoration:underline;text-underline-offset:3px;
  border:0;padding:0;background:transparent;
}
article .review-label a:hover,
article .review-label .review-btn:hover{color:#e8b54a}
article .col-lg-5 > .reviews-section,
article form.qs-cart > .reviews-section{
  margin:24px 0 0;padding:20px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
}
article form.qs-cart .text-success i,
article form.qs-cart .text-success svg{color:#a99e8c !important;fill:#a99e8c !important}

/* --- O. Bildval (fargswatchar) som slider  (rhs-swatch-slider)
   18 rutor i blockflode tog 690 px hojd och tryckte ner kopknappen.
   Nu en horisontell snap-slider i samma sprak som tillbehor och
   "Passar ihop med": rutan ar 60 px, vald ruta far guldring. */
article .option-row-custom{margin:0 0 18px}
article form.qs-cart label.option-row-custom-label{
  display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 6px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#a99e8c;
}
article .option-row-custom > br{display:none}
article .option-row-custom-label > span{
  font-size:12.5px;font-weight:400;letter-spacing:.02em;
  text-transform:none;color:#cfc8b6;
}
article .option-row-custom-options{
  display:flex !important;
  gap:8px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  padding:2px 2px 12px;margin:0;
  scrollbar-width:thin;scrollbar-color:rgba(169,158,140,.5) transparent;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent 100%);
          mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent 100%);
}
article .option-row-custom-options::-webkit-scrollbar{height:5px}
article .option-row-custom-options::-webkit-scrollbar-thumb{background:rgba(169,158,140,.5)}
article .option.option-image-bg{
  flex:0 0 60px;scroll-snap-align:start;
  width:60px !important;height:60px !important;
  margin:0 !important;padding:0 !important;
  position:relative;
}
article .option.option-image-bg label{
  display:block;
  width:60px !important;height:60px !important;
  margin:0 !important;padding:0 !important;
  background-size:cover !important;
  background-position:center !important;
  background-color:#fff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  cursor:pointer;
  transition:box-shadow .15s ease;
}
article .option.option-image-bg:hover label{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
article .option.option-image-bg.rhs-ikryssad:not(br) label{
  box-shadow:inset 0 0 0 2px #e8b54a;
}
article .option.option-image-bg.rhs-fokus:not(br) label{outline:2px solid #efe7d6;outline-offset:2px}
@media (max-width:991.98px){
  article .option-row-custom-options{-webkit-mask-image:none;mask-image:none}
}

/* --- P. Totalrad nar tillval valts  (rhs-total)
   Priset uppdateras inte av plattformen nar tillval kryssas i - kunden sag
   950 kr aven med 495 kr i tillval. Raden visas bara nar tillval finns. */
#rhs-total{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:18px 0 0;padding:14px 0 0;
  border-top:1px solid rgba(255,255,255,.09);
  font-family:'Crimson Text',Georgia,serif;
}
#rhs-total span{
  font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#a99e8c;
}
#rhs-total strong{
  font-size:22px;font-weight:700;color:#f3eee2;
  font-variant-numeric:tabular-nums lining-nums;
  white-space:nowrap;
}

/* ==========================================================================
   ETAPP 1 - K1 och K4  (2026-08-25, femmannaspec v13)
   K1: kopformularets INRE bootstrap-kolumner (.col-md-8) gjorde varje
       konfigurationsfalt 193 px for smalt och 15 px indraget.
   K4: temats egen regel (0,4,2 + !important) gav vald fargruta en gra
       skugga och en vit ring med radie 5. Overskrivs pa samma selektor.
   ========================================================================== */
article form.qs-cart [class*="col-"]{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
article .option-row-custom .option-row-custom-options input[type="radio"]:checked + label{
  box-shadow:inset 0 0 0 2px #e8b54a !important;
  border:none !important;
}
article .option-row-custom .option-row-custom-options input[type="radio"]:checked + label::before{
  border-color:#e8b54a !important;
  border-radius:0 !important;
}

/* ==========================================================================
   ETAPP 1 - K7 och K9  (2026-08-25, femmannaspec v13)
   K7: alla falt 16 px pa mobil sa iOS slutar zooma vid fokus.
   K9: tomt recensionsblock doljs fran forsta malning (ingen CLS).
   ========================================================================== */
article .reviews-section.rhs-tom-rec{display:none}
@media (max-width:991.98px){
  article form.qs-cart input[type="text"],
  article form.qs-cart input[type="email"],
  article form.qs-cart input[type="number"],
  article form.qs-cart input[type="file"],
  article form.qs-cart input[type="checkbox"],
  article form.qs-cart select,
  article form.qs-cart textarea,
  article .review-form input,
  article .review-form textarea{font-size:16px !important}
}

/* ==========================================================================
   ETAPP 1 - K3  (2026-08-25, femmannaspec v13)
   Fargvalens radioknappar var display:none = borta ur tabbordning och
   tillganglighetstrad. Nu 1x1 px men fokuserbara, med synlig fokusring.
   ========================================================================== */
article .option-row-custom-options input[type="radio"]{
  position:absolute;opacity:0;
  width:1px;height:1px;margin:0;
  display:block !important;
  pointer-events:none;
}
article .option.option-image-bg.rhs-fokus:not(br) label{
  outline:2px solid #efe7d6;outline-offset:2px;
}

/* ==========================================================================
   ETAPP 1 - K6  (2026-08-25, femmannaspec v13)
   Lasergravyrfalten var alltid utfallda (214 px) och tryckte kopknappen
   182 px under vecket. Nu en rad i tillbehorens sprak: rund + som blir
   gron bock. Falten flyttas, raderas aldrig - varden foljer med i ordern.
   ========================================================================== */
article form.qs-cart .rhs-falla{border-bottom:1px solid rgba(255,255,255,.09)}
article form.qs-cart .rhs-falla-knapp{
  width:100%;min-height:56px;
  display:flex;align-items:center;gap:16px;
  background:transparent;border:0;border-radius:0;
  padding:12px 0;margin:0;
  font-family:'Crimson Text',Georgia,serif;
  font-size:14px;color:#e9e2d2;
  text-align:left;cursor:pointer;
}
article form.qs-cart .rhs-falla-knapp::after{
  content:"+";
  flex:0 0 36px;margin-left:auto;
  width:36px;height:36px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.30);
  color:#efe7d6;font-size:20px;
  display:flex;align-items:center;justify-content:center;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
article form.qs-cart .rhs-falla:hover .rhs-falla-knapp::after{border-color:#2aa07a;color:#f3eee2}
article form.qs-cart .rhs-falla.rhs-oppen .rhs-falla-knapp::after{content:"\2212"}
article form.qs-cart .rhs-falla.rhs-ifylld .rhs-falla-knapp::after{
  content:"\2713";background:#1F8665;border-color:#1F8665;color:#fff;font-size:16px;
  box-shadow:0 0 0 3px rgba(31,134,101,.18);
}
article form.qs-cart .rhs-falla-knapp:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
article form.qs-cart .rhs-falla-box{display:none}
article form.qs-cart .rhs-falla.rhs-oppen .rhs-falla-box{display:block;padding:0 0 16px}

/* ==========================================================================
   ETAPP 3 - G1, G2, G4  SIGNATUREN  (2026-08-26, femmannaspec v13)
   Regeln kunden ska kunna lasa pa en sekund:
     GRONT = laggs till ordern (tillbehor, CTA)
     GULD  = valt bland alternativ (tumnagel, fargruta, variant)
   G2 flyttar tumnagelbandet ut ur den vita plattan sa guldet hamnar mot
   mork yta dar det syns - annars gor signaturen inget arbete.
   ========================================================================== */
article .col-lg-7 .bg-white{padding-bottom:0 !important}
article .col-lg-7 > .swiper-thumbs{
  padding:16px 0 0;background:transparent;
  display:flex;flex-wrap:nowrap;gap:8px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;scrollbar-color:rgba(169,158,140,.5) transparent;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent 100%);
          mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent 100%);
}
article .col-lg-7 > .swiper-thumbs::-webkit-scrollbar{height:5px}
article .col-lg-7 > .swiper-thumbs::-webkit-scrollbar-thumb{background:rgba(169,158,140,.5)}
article .swiper-thumb-item{scroll-snap-align:start}

/* G1 - guld som valets farg */
article .col-lg-7 > .swiper-thumbs .swiper-thumb-item{
  opacity:.55;
  transition:opacity .15s ease,box-shadow .15s ease,border-color .15s ease;
}
article .col-lg-7 > .swiper-thumbs .swiper-thumb-item:hover{opacity:.85}
article .col-lg-7 > .swiper-thumbs .swiper-thumb-item.active,
article .col-lg-7 > .swiper-thumbs .swiper-slide-thumb-active{
  opacity:1;
  border-color:#e8b54a;
  box-shadow:inset 0 0 0 2px #e8b54a;
}
article .col-lg-7 > .swiper-thumbs .swiper-thumb-item.active ~ .swiper-thumb-item.active{
  opacity:.55;border-color:#d8d2c3;box-shadow:none;
}
article .bootstrap-select .dropdown-menu li.selected a,
article .bootstrap-select .dropdown-menu .dropdown-item.active{
  color:#e8b54a !important;font-weight:700;
}

/* G4 - gront tas tillbaka till kopet */
.rhs-pdp-crosskort{padding-bottom:56px}
.rhs-pdp-crosskort::after{
  left:auto;right:14px;width:112px;
  padding:9px 0;font-size:12px;letter-spacing:.12em;
}
@media (max-width:991.98px){
  .rhs-pdp-crosskort::after{right:10px;width:92px}
  article .col-lg-7 > .swiper-thumbs{-webkit-mask-image:none;mask-image:none}
}

/* ==========================================================================
   ETAPP 2 - PRECISION  (2026-08-26, femmannaspec v13)
   P1 video, P2 en hogerkant, P3 tre typnivaer, P4 mobilskala,
   P5 fyra cream-toner (frammande farger ut), P6 platt H1.
   ========================================================================== */
.rhs-pdp-accinner iframe{max-width:760px !important}
.rhs-pdp-accinner{max-width:820px}
.rhs-pdp-accinner p{max-width:62ch}
.rhs-pdp-accinner ul{column-gap:56px}
.rhs-pdp-acc summary,
.rhs-pdp-crossgrid-rubrik{font-size:21px}
.rhs-pdp-strip .detail-option small:first-child{font-size:11px;letter-spacing:.16em;color:#a99e8c}
article .col-lg-5 h1{text-shadow:none}
article .reviews .review-date,
article .reviews .text-muted{color:#a99e8c !important}
.rhs-pdp-accinner p.rhs-underrubrik:not(br){color:#a99e8c !important}
.rhs-pdp-accinner p.rhs-underrubrik:not(br) strong{color:#a99e8c !important}
.rhs-pdp-strip .rhs-pdp-fortroende{color:#a99e8c}
.rhs-pdp-strip .product-current-sku{color:#a99e8c}
article .social-share i{background-color:#a99e8c}
article .social-share svg{color:#a99e8c;fill:#a99e8c}
@media (max-width:991.98px){
  article .col-lg-5 h1{font-size:29px !important}
  article .col-lg-5 .product-price,
  article .col-lg-5 li.font-weight-light{font-size:24px !important}
  .rhs-pdp-acc summary,
  .rhs-pdp-crossgrid-rubrik{font-size:19px !important}
  .rhs-pdp-strip .rhs-pdp-fortroende{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 16px;align-items:baseline;
  }
  .rhs-pdp-strip .rhs-pdp-fortroende span{white-space:normal}
  .rhs-pdp-strip .rhs-pdp-fortroende span:nth-child(n+3){grid-column:1 / -1}
}

/* --- M. Sticky koprad - mobil ------------------------------------------------ */
.rhs-pdp-sticky{
  display:flex;
  position:fixed;left:0;right:0;bottom:0;z-index:900;
  align-items:center;gap:12px;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(15,13,11,.97);
  backdrop-filter:saturate(140%) blur(10px);
  box-shadow:0 -8px 24px rgba(0,0,0,.5);
  border-top:1px solid rgba(243,238,227,.12);
  transform:translateY(110%);
  visibility:hidden;pointer-events:none;
  transition:transform .24s cubic-bezier(.22,.61,.36,1), visibility 0s .24s;
}
.rhs-pdp-sticky.rhs-aktiv{
  transform:none;visibility:visible;pointer-events:auto;
  transition:transform .24s cubic-bezier(.22,.61,.36,1), visibility 0s 0s;
}
.rhs-pdp-sticky-pris{
  font-family:'Crimson Text',Georgia,serif;
  font-size:17px;font-weight:700;
  color:#f3eee2;
  white-space:nowrap;
  font-variant-numeric:tabular-nums lining-nums;
}
.rhs-pdp-sticky-kop{
  flex:1 1 auto;height:46px;
  font-family:'Crimson Text',Georgia,serif;
  font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
  background:#1F8665;color:#fff;
  border:0;border-radius:0;
  padding:0 10px;cursor:pointer;
  transition:background-color .15s ease;
}
.rhs-pdp-sticky-kop:active{background:#186b51}
.rhs-pdp-sticky-kop:focus-visible{outline:2px solid #efe7d6;outline-offset:-3px}
@media (max-width:991.98px){ body.rhs-pdp{padding-bottom:80px} }
@media (min-width:768px){
  .rhs-pdp-sticky{display:none !important}
}

/* Betygsraden vid titeln ar underkand och aterinfors aldrig */
.rhs-pdp-betyg{display:none !important}

/* --- Mobil ------------------------------------------------------------------- */
@media (max-width:991.98px){
  article{padding:20px 16px 28px}
  article > .row > .col-lg-7{padding-right:0 !important;padding-bottom:24px !important}
  article .col-lg-5 h1{font-size:27px;line-height:1.16;margin:0 0 10px !important}
  article .col-lg-5 .product-price,
  article .col-lg-5 li.font-weight-light{font-size:25px !important}
  article .col-lg-5 > .d-flex{padding-bottom:16px}
  article .detail-carousel .productpage-image{padding:12px !important}

  .rhs-pdp-pil,
  article .wishlist-btn.rhs-pdp-hjarta{width:40px;height:40px}
  .rhs-pdp-pil{font-size:22px}
  .rhs-pdp-pil.rhs-prev{left:12px}
  .rhs-pdp-pil.rhs-next{right:12px}
  article .wishlist-btn.rhs-pdp-hjarta{top:12px;left:12px}
  article .btn.btn-photoswipe{
    width:40px !important;height:40px !important;line-height:40px !important;
    top:12px !important;right:12px !important;
  }

  article .swiper-thumbs{gap:6px;padding:10px 12px 12px}
  article .swiper-thumb-item{width:60px;height:60px;flex:0 0 60px}

  article .product-property-addon{gap:12px}

  .rhs-pdp-recdel,
  .rhs-pdp-strip{margin-top:20px;padding-top:16px}

  .rhs-pdp-accwrap{margin-top:32px}
  .rhs-pdp-acc{padding-top:24px}
  .rhs-pdp-acc summary{font-size:20px;margin-bottom:16px}
  .rhs-pdp-accinner{max-width:none;font-size:16px;line-height:1.75;padding:0}
  .rhs-pdp-accinner ul{column-count:1}
  .rhs-pdp-accinner p{max-width:none}

  .rhs-pdp-crossgrid{margin-top:32px;padding-top:24px}
  .rhs-pdp-crossgrid-rubrik{font-size:20px;padding-right:0}
  .rhs-pdp-crosspilar{display:none}
  .rhs-pdp-crossgrid-rad{gap:14px;padding:6px 4px 20px;-webkit-mask-image:none;mask-image:none}
  .rhs-pdp-crosskort{flex:0 0 164px;padding:12px 12px 52px}
  .rhs-pdp-crosskort-titel{font-size:14px}
  .rhs-pdp-crosskort-pris{font-size:16px}
  .rhs-pdp-crosskort::after{left:10px;right:10px;bottom:10px;padding:9px 0;font-size:11.5px}
}

/* --- Reducerad rorelse -------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  .rhs-pdp-crosskort,
  article .social-share,
  article .product-property-addon,
  article .product-property-addon::after,
  .rhs-pdp-pil,
  .rhs-pdp-crosspil,
  .rhs-pdp-sticky,
  article .wishlist-btn.rhs-pdp-hjarta,
  article form.qs-cart .addCart button,
  article .swiper-thumb-item,
  article .btn.btn-photoswipe{
    transition:none !important;
    animation:none !important;
  }
  .rhs-pdp-crosskort:hover{transform:none !important}
}

/* --- E1. Tillbehorsetikett - AVSIKTLIGT blockets sista regel ------------------
   Kan strykas med en enda radering utan sidoeffekter. :has()-villkoret gor att
   etiketten aldrig kan sta ensam om plattformen renderar om wrappen. */
.rhs-pdp-tillval.rhs-har-addon::before{
  content:"Tillbehör";
  display:block;
  font-size:11px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:#a99e8c;
  margin:0 0 10px;
}

/* ==========================================================================
   PRODUKTSIDA - LIVENS RECEPT  (2026-08-26)
   Agaren: livesidan ser battre ut. Uppmatt skillnad: livet har DJUP
   (tra bakom, vit titel, guldpris, vitt textblock) medan testversionen
   blev flack - allt cream pa en solid mork panel. Detta block tar
   tillbaka livets fyra grepp och behaller alla funktionella fixar.
   ========================================================================== */
article{
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}
article > .row:first-of-type{margin-left:-15px !important;margin-right:-15px !important}
article > .row:first-of-type > .col-lg-7{padding:0 15px !important}
article > .row:first-of-type > .col-lg-5{padding:0 15px !important}
article .col-lg-5 h1{color:#fff !important;font-size:35px !important}
article .col-lg-5 .product-price,
article .col-lg-5 li.font-weight-light{
  color:#e8b54a !important;
  font-size:32px !important;
}
.rhs-pdp-sticky-pris{color:#e8b54a}

/* Beskrivningen som vitt textblock - livets starkaste grepp */
.rhs-pdp-accwrap{margin-top:40px}
.rhs-pdp-acc{border:0;padding:0}
.rhs-pdp-acc summary{
  color:#f3eee2;
  margin:0 0 16px;
}
.rhs-pdp-accinner{
  background:#fff;
  box-shadow:0 18px 44px rgba(0,0,0,.45);
  padding:40px 44px;
  max-width:none;
  color:#222;
  font-size:17.6px;line-height:1.75;
}
.rhs-pdp-accinner p{max-width:none;color:#222 !important}
.rhs-pdp-accinner li,
.rhs-pdp-accinner span,
.rhs-pdp-accinner td,
.rhs-pdp-accinner th,
.rhs-pdp-accinner div{color:#222 !important}
.rhs-pdp-accinner h1,
.rhs-pdp-accinner h2,
.rhs-pdp-accinner h3,
.rhs-pdp-accinner h4,
.rhs-pdp-accinner h5,
.rhs-pdp-accinner b,
.rhs-pdp-accinner strong{color:#111 !important}
.rhs-pdp-accinner p.rhs-underrubrik:not(br){color:#6f6653 !important}
.rhs-pdp-accinner p.rhs-underrubrik:not(br) strong{color:#6f6653 !important}
.rhs-pdp-accinner a{color:#1F8665 !important}
.rhs-pdp-accinner a:hover{color:#186b51 !important}
.rhs-pdp-accinner ul li{border-bottom:1px solid rgba(0,0,0,.10)}
.rhs-pdp-accinner ul li::before{background:rgba(0,0,0,.35)}
.rhs-pdp-accinner td,
.rhs-pdp-accinner th{border-bottom:1px solid rgba(0,0,0,.10)}
.rhs-pdp-accinner img{border-color:#d8d2c3}
@media (max-width:991.98px){
  .rhs-pdp-accinner{padding:24px 20px;font-size:16.5px}
  article > .row:first-of-type{margin-left:0 !important;margin-right:0 !important}
  article > .row:first-of-type > .col-lg-7,
  article > .row:first-of-type > .col-lg-5{padding:0 !important}
  article .col-lg-5 h1{font-size:29px !important}
  article .col-lg-5 .product-price,
  article .col-lg-5 li.font-weight-light{font-size:26px !important}
}

/* ==========================================================================
   VARUKORGSPANELEN (2026-08-21)
   Lag i samma varld som landingpagen: varm narsvart panel, cream text,
   guld pris, cream primarknapp. Ersatter de vita rutorna pa gra botten.
   Scopat under .cart-sidebar - ror inte kassan eller ovriga modaler.
   ========================================================================== */
.cart-sidebar .sidebar-cart-content{
  background:#191512;
  border-left:1px solid rgba(169,158,140,.22);
}
.cart-sidebar .modal-header h3{
  font-family:'Crimson Text',Georgia,serif;
  color:#f3eee2;font-size:26px;margin:0;padding:22px 22px 8px;
}
.cart-sidebar .modal-close svg{color:#a99e8c;transition:color .18s ease}
.cart-sidebar .modal-close:hover svg{color:#e8b54a}

/* Varje rad blir en panel i stallet for en vit ruta. */
.cart-sidebar .navbar-cart-product{
  background:rgba(34,32,28,.92) !important;
  border:1px solid rgba(169,158,140,.18);
  border-radius:2px;
  box-shadow:none !important;
  padding:12px !important;
}
/* Miniatyren behaller ljus platta - produktfotona ar tagna mot vitt. */
.cart-sidebar .navbar-cart-product-image{background:#fff;border-radius:2px}
.cart-sidebar .navbar-cart-product-link,
.cart-sidebar .navbar-cart-product-link.text-dark{
  color:#f3eee2 !important;
  font-family:'Crimson Text',Georgia,serif;
  text-decoration:none;
}
.cart-sidebar .navbar-cart-product-link:hover{color:#fff !important}
.cart-sidebar .navbar-cart-product-price{
  color:#e8b54a !important;
  font-family:'Crimson Text',Georgia,serif;font-size:16px;
}
.cart-sidebar .navbar-cart-product-variant{color:#a99e8c}
.cart-sidebar .qs-cart-delete{color:#a99e8c;transition:color .18s ease}
.cart-sidebar .qs-cart-delete:hover{color:#e8b54a}

/* Antalsvaljaren: fran svart kloss till ett bordat falt. */
.cart-sidebar .navbar-cart-product-qty{
  background:rgba(20,17,14,.9) !important;
  border:1px solid rgba(169,158,140,.35) !important;
  color:#f3eee2 !important;
  font-family:'Crimson Text',Georgia,serif;
  border-radius:2px;
  box-shadow:none !important;
}
.cart-sidebar .btn-items,
.cart-sidebar .btn-items-decrease,
.cart-sidebar .btn-items-increase{color:#cfc8b6 !important;transition:color .18s ease}
.cart-sidebar .btn-items:hover,
.cart-sidebar .btn-items-decrease:hover,
.cart-sidebar .btn-items-increase:hover{color:#e8b54a !important}

/* Foten. */
.cart-sidebar .sidebar-cart-footer{
  background:rgba(20,17,14,.96);
  border-top:1px solid rgba(169,158,140,.18);
  box-shadow:none !important;
}
.cart-sidebar .sidebar-cart-footer h5{
  font-family:'Crimson Text',Georgia,serif;color:#f3eee2;
}
.cart-sidebar .navbar-cart-totals{color:#e8b54a}

/* Primarknappen i landingpagens stil: cream fyllning, mork text.
   Den grona knappen kom fran temats standardpalett, inte fran varumarket. */
.cart-sidebar .navbar-checkout-btn{
  background:#efe7d6 !important;
  border:1px solid #efe7d6 !important;
  color:#191512 !important;
  font-family:'Crimson Text',Georgia,serif;
  letter-spacing:.08em;
  border-radius:2px;
  transition:background-color .18s ease,border-color .18s ease;
}
.cart-sidebar .navbar-checkout-btn:hover{
  background:#f3eee2 !important;border-color:#f3eee2 !important;color:#191512 !important;
}
.cart-sidebar a.color-text-base{
  color:#a99e8c !important;font-family:'Crimson Text',Georgia,serif;
  transition:color .18s ease;
}
.cart-sidebar a.color-text-base:hover{color:#e8b54a !important}





/* Rubrikbandet arvde temats gra ton och brot mot panelen. */
.cart-sidebar .modal-header{background:transparent !important}
.cart-sidebar .modal-header,
.cart-sidebar .modal-body,
.cart-sidebar .sidebar-cart-body{background:#191512 !important}

/* Papperskorg och plus/minus var for svaga for att lasas som knappar. */
.cart-sidebar .qs-cart-delete,
.cart-sidebar .qs-cart-delete svg{color:#cfc8b6 !important;opacity:1 !important}
.cart-sidebar .qs-cart-delete:hover,
.cart-sidebar .qs-cart-delete:hover svg{color:#e8b54a !important}
.cart-sidebar .btn-items,
.cart-sidebar .btn-items-decrease,
.cart-sidebar .btn-items-increase{
  color:#f3eee2 !important;font-size:18px;line-height:1;padding:0 10px;opacity:1 !important;
}

/* ============================================================
   VARIANTVALJAREN (2026-08-27) - enda kvarvarande delen av
   PDP-ombyggnaden. Agaren: "ta tillbaka nuvarande live flode
   forutom produktbildsektionen + slider + variant slidern +
   passar ihop delen". Bildplattan, tumnaglarna och korsforsalj-
   ningen ligger i basen och rors inte; detta block ersatter
   bara plattformens rullgardin med synliga, opaka val.
   ============================================================ */
article#product .controls.rhs-har-brickor .bootstrap-select,
article#product .controls.rhs-har-brickor > select.qs-cart-option{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;opacity:0 !important}
article#product .rhs-brickor{display:flex !important;flex-direction:column !important;gap:8px !important;margin:0 !important}
article#product .rhs-bricka{position:relative;display:flex;align-items:center;min-height:56px;padding:14px 18px;margin:0;border:1px solid rgba(243,238,226,.10);border-radius:12px;background:#1f1a14;color:#d9d2c6;font-size:15.5px;font-weight:500;line-height:1.3;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}
article#product .rhs-bricka input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
article#product .rhs-bricka:hover{background:#292219;border-color:rgba(243,238,226,.28);color:#fff}
article#product .rhs-bricka.rhs-ikryssad:not(br){background:#332b20;border-color:rgba(243,238,226,.55);color:#fff;font-weight:600}
article#product .rhs-bricka.rhs-ikryssad:not(br)::after{content:"";margin-left:auto;width:20px;height:20px;border-radius:50%;background:#f3eee2;box-shadow:inset 0 0 0 6px #1f1a14;flex:0 0 20px}
article#product .rhs-bricka.rhs-fokus:not(br){outline:2px solid #f3eee2;outline-offset:2px}
article#product .rhs-bricka.rhs-inaktiv:not(br){opacity:.4;cursor:not-allowed}

/* ============================================================
   JAKTIA PA VART UNDERLAG (2026-08-28)
   Agaren: "endast anvanda Jaktia som mall gor att det inte passar
   in i var bakgrundsbild". Ratt diagnos: Jaktias kopkolumn fungerar
   for att den star pa en LUGN VIT SIDA. Var star pa ett trafoto -
   text mot adring, allt flimrar. Sajtens egen losning finns redan
   (bildplattan och korsforsaljningskorten ar opaka ytor MED SKUGGA
   ovanpa traet), sa hela produktdelen far samma behandling: en lugn
   opak yta dar traet blir RAM i stallet for underlag. Dar ovanpa
   ligger Jaktias struktur, och de tre delar agaren underkant.
   ============================================================ */
@media (min-width:992px){
article#product{margin-bottom:40px !important}
}


/* -- 1. TILLBEHOR: agaren "syns knappt, hur ska man veta vad man valjer" -- */
article#product .rhs-pdp-tillval{margin-top:30px !important}
article#product .rhs-pdp-tillval::before{font-size:12px !important;letter-spacing:1.5px !important;color:#a99e8c !important;padding-bottom:12px !important;border-bottom:1px solid rgba(243,238,226,.12) !important;display:block !important;margin-bottom:6px !important}
article#product .rhs-pdp-tillval .product-property-line{padding:12px !important;margin:0 !important;border:0 !important;border-radius:12px !important;gap:16px !important;align-items:center !important;transition:background .16s ease !important}
article#product .rhs-pdp-tillval .product-property-line:hover{background:rgba(255,255,255,.045) !important}
article#product .rhs-pdp-tillval .addon-product-image{width:64px !important;height:64px !important;min-width:64px !important;flex:0 0 64px !important;object-fit:contain !important;background:#fff !important;padding:5px !important;border-radius:6px !important;border:0 !important}
article#product .rhs-pdp-tillval .addon-product-title{font-size:15.5px !important;line-height:1.35 !important;color:#f3eee2 !important;margin-bottom:2px !important}
article#product .rhs-pdp-tillval .addon-product-link{font-size:13px !important;color:#a99e8c !important}
article#product .rhs-pdp-tillval .addon-product-price{font-size:16px !important;font-weight:700 !important;color:#f3eee2 !important;margin-left:auto !important;padding-left:14px !important;white-space:nowrap !important}
article#product .rhs-pdp-tillval .product-property-line::after{width:38px !important;height:38px !important;min-width:38px !important;font-size:20px !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;border:1.5px solid rgba(243,238,226,.45) !important;color:#f3eee2 !important;border-radius:50% !important;background:transparent !important;transition:background .16s ease,border-color .16s ease,color .16s ease !important}
article#product .rhs-pdp-tillval .product-property-line:hover::after{border-color:#f3eee2 !important}
article#product form.qs-cart .rhs-pdp-tillval .product-property-line.product-property-line.product-property-line.rhs-ikryssad:not(br){background:rgba(31,134,101,.13) !important}
article#product form.qs-cart .rhs-pdp-tillval .product-property-line.product-property-line.product-property-line.rhs-ikryssad:not(br)::after{content:"\2713" !important;background:#1F8665 !important;border-color:#1F8665 !important;color:#fff !important}

/* -- 2. RECENSIONER: agaren "fult lagda" - rubrikrad med riktig knapp,
      recensionen i en egen inramad yta i stallet for lost flytande text -- */
article#product .rhs-pdp-recdel{margin-top:30px !important;padding-top:22px !important;border-top:1px solid rgba(243,238,226,.12) !important}
article#product .review-label{display:flex !important;align-items:center !important;justify-content:space-between !important;margin:0 0 14px !important;font-size:15.5px !important;font-weight:700 !important;color:#f3eee2 !important}
article#product .review-btn{margin:0 !important}
article#product .review-btn a{display:inline-block !important;border:1px solid rgba(243,238,226,.4) !important;border-radius:10px !important;color:#e9e2d2 !important;font-size:12px !important;letter-spacing:.1em !important;text-transform:uppercase !important;padding:9px 14px !important;text-decoration:none !important;transition:background .16s ease,border-color .16s ease !important}
article#product .review-btn a:hover{background:rgba(255,255,255,.06) !important;border-color:#f3eee2 !important}
article#product .rhs-pdp-recdel .reviews-section{background:#1f1a14 !important;border-radius:12px !important;padding:18px 20px !important}
article#product .rhs-pdp-recdel .reviews-section i.fa-star{color:#cfc8b6 !important}

/* -- 3. BESKRIVNINGEN: agaren "blir for lang" - klamrad till 430px med
      mjuk uttoning och en knapp, i stallet for dold eller andlos -- */
article#product .rhs-pdp-acc .rhs-pdp-accinner{position:relative !important;max-height:430px !important;overflow:hidden !important}
article#product .rhs-pdp-acc.rhs-desc-oppen .rhs-pdp-accinner{max-height:none !important}
article#product .rhs-pdp-acc .rhs-pdp-accinner::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:150px !important;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 78%) !important;pointer-events:none !important}
article#product .rhs-pdp-acc.rhs-desc-oppen .rhs-pdp-accinner::after{display:none !important}
article#product .rhs-desc-knapp{display:block !important;margin:18px auto 0 !important;background:transparent !important;border:1px solid rgba(243,238,226,.42) !important;border-radius:10px !important;color:#e9e2d2 !important;font-family:inherit !important;font-size:12.5px !important;letter-spacing:.1em !important;text-transform:uppercase !important;padding:12px 22px !important;cursor:pointer !important;transition:background .16s ease,border-color .16s ease !important}
article#product .rhs-desc-knapp:hover{background:rgba(255,255,255,.06) !important;border-color:#f3eee2 !important}


/* ===== FINPUTS: recensionsrubrik, stjarnor, fokusring, neutralt pris ===== */
article#product .rhs-pdp-recdel .review-label{justify-content:flex-start !important;gap:2px !important}
article#product .rhs-pdp-recdel .review-label > .review-btn{margin-left:auto !important}
article#product .reviews-section .rating i.fa-star{color:#f3eee2 !important;font-size:16px !important;letter-spacing:2px !important}
article#product .rhs-desc-knapp:focus,article#product .rhs-pdp-recdel .review-btn a:focus{outline:none !important;box-shadow:none !important}
article#product .rhs-desc-knapp:focus-visible,article#product .rhs-pdp-recdel .review-btn a:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:3px !important}
article#product li.product-price{color:#f3eee2 !important;font-size:34px !important;letter-spacing:-.005em !important;font-variant-numeric:tabular-nums !important}


/* ===== TILLVAL, TOMMA BLOCK OCH RECENSIONSKARUSELL ===== */
article#product .rhs-pdp-recdel.rhs-tom-recdel{display:none !important}
article#product [data-qb-element="productpage_show_sku"].rhs-tom-sku.rhs-tom-sku:not(br){display:none !important}
article#product #rhs-review-track{scroll-snap-type:x mandatory !important;scrollbar-width:none !important;gap:0 !important}
article#product #rhs-review-track::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
article#product #rhs-review-track > .review{flex:0 0 100% !important;width:100% !important;max-width:100% !important;min-width:100% !important;margin:0 !important;overflow:visible !important;scroll-snap-align:start !important}
article#product form.qs-cart .product-property-checkbox,article#product form.qs-cart .product-property-file,article#product form.qs-cart .product-property-shorttext{display:block !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 0 8px !important}
article#product .product-property-checkbox > label{display:flex !important;align-items:center !important;gap:14px !important;width:100% !important;margin:0 !important;min-height:56px !important;padding:12px 14px 12px 18px !important;background:#1f1a14 !important;border:1px solid rgba(243,238,226,.10) !important;border-radius:12px !important;color:#d9d2c6 !important;font-size:15.5px !important;font-weight:500 !important;line-height:1.35 !important;cursor:pointer !important;transition:background .18s ease,border-color .18s ease,color .18s ease !important}
article#product .product-property-checkbox > label:hover{background:#292219 !important;border-color:rgba(243,238,226,.28) !important;color:#fff !important}
article#product .product-property-checkbox input[type="checkbox"]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;opacity:0 !important;border:0 !important}
article#product .product-property-checkbox .addon-price{margin-left:auto !important;padding-left:12px !important;color:#f3eee2 !important;font-size:16px !important;font-weight:700 !important;white-space:nowrap !important}
article#product .product-property-checkbox > label::after{content:"+" !important;flex:0 0 34px !important;width:34px !important;height:34px !important;border-radius:50% !important;border:1.5px solid rgba(243,238,226,.45) !important;background:transparent !important;color:#f3eee2 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:21px !important;font-weight:400 !important;line-height:1 !important}
article#product .product-property-checkbox > label.rhs-ikryssad:not(br){background:#332b20 !important;border-color:rgba(243,238,226,.55) !important;color:#fff !important;font-weight:600 !important}
article#product .product-property-checkbox > label.rhs-ikryssad:not(br)::after{content:"✓" !important;background:#1F8665 !important;border-color:#1F8665 !important;color:#fff !important;font-size:17px !important}
article#product .product-property-file > label:first-of-type,article#product .product-property-shorttext > label:first-of-type{display:flex !important;align-items:baseline !important;width:100% !important;margin:14px 0 8px !important;color:#cfc8b6 !important;font-size:11.5px !important;letter-spacing:.16em !important;text-transform:uppercase !important;font-weight:700 !important}
article#product .product-property-file > label:first-of-type .addon-price,article#product .product-property-shorttext > label:first-of-type .addon-price{margin-left:auto !important;padding-left:12px !important;color:#f3eee2 !important;font-size:15px !important;font-weight:700 !important;letter-spacing:0 !important;text-transform:none !important;white-space:nowrap !important}
article#product .product-property-file > br,article#product .product-property-shorttext > br{display:none !important}
article#product .product-property-shorttext input[type="text"]{display:block !important;width:100% !important;min-height:52px !important;padding:12px 16px !important;background:#1f1a14 !important;border:1px solid rgba(243,238,226,.18) !important;border-radius:12px !important;color:#f3eee2 !important;font-family:'Crimson Text',Georgia,serif !important;font-size:16px !important;box-shadow:none !important}
article#product .product-property-shorttext input[type="text"]:focus{border-color:rgba(243,238,226,.55) !important;outline:none !important}
article#product .product-property-file label.btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-height:50px !important;padding:0 22px !important;background:transparent !important;border:1px solid rgba(243,238,226,.38) !important;border-radius:12px !important;color:#f3eee2 !important;font-family:'Crimson Text',Georgia,serif !important;font-size:12px !important;letter-spacing:.16em !important;text-transform:uppercase !important;font-weight:700 !important;margin:0 12px 0 0 !important;cursor:pointer !important}
article#product .product-property-file label.btn:hover{background:rgba(255,255,255,.06) !important;border-color:#f3eee2 !important}
article#product .product-property-file > span[id^="file-"]{color:#a99e8c !important;font-size:14px !important}
article#product button:focus,article#product a:focus,article#product label:focus,article#product summary:focus,article#product [tabindex]:focus{outline:none !important;box-shadow:none !important}
article#product button:focus-visible,article#product a:focus-visible,article#product label:focus-visible,article#product summary:focus-visible,article#product [tabindex]:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:3px !important;box-shadow:none !important}


/* ===== NEUTRALA STJARNOR OCH VISA ALLA I RUTAN ===== */
article#product #rhs-trust-stars span[aria-hidden]{color:#f3eee2 !important}
article#product .reviews [class*="show-all"]{float:none !important;display:table !important;width:auto !important;margin:16px auto 0 !important}


/* ===== TILLBEHOR OCH RECENSIONER: OPAKA KORT, SYSKONRUBRIKER ===== */
article#product .rhs-pdp-tillval{margin:26px 0 22px !important}
article#product .rhs-pdp-tillval::before{display:block !important;color:#f3eee2 !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;margin:0 0 12px !important;padding:0 0 10px !important;border-bottom:1px solid rgba(243,238,226,.14) !important}
article#product .rhs-pdp-tillval .product-property-addon{background:#1f1a14 !important;border:1px solid rgba(243,238,226,.12) !important;border-radius:12px !important;padding:14px 16px !important;margin:0 0 8px !important;gap:16px !important;min-height:96px !important;transition:background .18s ease,border-color .18s ease !important}
article#product .rhs-pdp-tillval .product-property-addon:hover{background:#262019 !important;border-color:rgba(243,238,226,.32) !important}
article#product .rhs-pdp-tillval .product-property-addon.rhs-ikryssad:not(br){background:#2b2419 !important;border-color:rgba(243,238,226,.5) !important}
article#product .addon-product-image{width:72px !important;height:72px !important;flex:0 0 72px !important;border-radius:8px !important}
article#product .rhs-pdp-recdel{margin-top:26px !important;border-top:0 !important;padding-top:0 !important}
article#product .rhs-pdp-recdel > .review-label{display:flex !important;align-items:baseline !important;gap:3px !important;color:#f3eee2 !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.18em !important;text-transform:uppercase !important;margin:0 0 12px !important;padding:0 0 10px !important;border-bottom:1px solid rgba(243,238,226,.14) !important}
article#product .rhs-pdp-recdel > .review-label > .review-btn{margin-left:auto !important}
article#product .rhs-pdp-recdel .review-btn a{background:transparent !important;border:0 !important;padding:0 !important;color:#a99e8c !important;font-size:12.5px !important;font-weight:400 !important;letter-spacing:.02em !important;text-transform:none !important;text-decoration:underline !important;text-underline-offset:3px !important;border-radius:0 !important}
article#product .rhs-pdp-recdel .review-btn a:hover{color:#f3eee2 !important}
article#product .rhs-pdp-recdel .reviews-section{background:transparent !important;padding:0 !important;border-radius:0 !important;border:0 !important}
article#product .review{background:#1f1a14 !important;border:1px solid rgba(243,238,226,.12) !important;border-radius:12px !important;padding:18px 20px !important;display:grid !important;grid-template-columns:1fr auto !important;column-gap:12px !important;row-gap:7px !important;align-items:center !important}
article#product .review > *{grid-column:1 / -1 !important}
article#product .review .rating{grid-column:1 !important;grid-row:1 !important;justify-self:start !important;margin:0 !important}
article#product .review .review-date{grid-column:2 !important;grid-row:1 !important;justify-self:end !important;margin:0 !important;font-size:13px !important;color:#a99e8c !important}
article#product .review > strong{grid-column:1 !important;grid-row:2 !important;justify-self:start !important;font-size:15px !important;color:#fff !important}
article#product .review .verified-buyer-badge{grid-column:2 !important;grid-row:2 !important;justify-self:end !important;margin:0 !important;font-size:11px !important;letter-spacing:.1em !important}
article#product .review > p{grid-row:3 !important;margin:3px 0 0 !important;font-size:15px !important;line-height:1.6 !important;color:#e9e2d2 !important}


/* ===== TILLBEHORSKORT v3 + GULDSTJARNOR ===== */
article#product .rhs-pdp-tillval::before{font-size:13px !important}
article#product .rhs-pdp-tillval .product-property-addon{padding:14px !important;gap:14px !important;min-height:104px !important;border-radius:14px !important}
article#product .rhs-pdp-tillval .addon-product-image{width:76px !important;height:76px !important;min-width:76px !important;max-width:76px !important;flex:0 0 76px !important;border-radius:10px !important;background:#f5f4f1 !important;padding:6px !important;object-fit:contain !important}
article#product .addon-product-content{display:grid !important;grid-template-columns:auto 1fr !important;column-gap:14px !important;row-gap:7px !important;align-items:baseline !important;width:100% !important}
article#product .addon-product-title{grid-column:1 / -1 !important;grid-row:1 !important;font-size:15.5px !important;line-height:1.32 !important;color:#f3eee2 !important;font-weight:500 !important;text-align:left !important}
article#product .addon-product-price{grid-column:1 !important;grid-row:2 !important;justify-self:start !important;font-size:17px !important;font-weight:700 !important;color:#fff !important;text-align:left !important}
article#product .addon-product-link{grid-column:2 !important;grid-row:2 !important;justify-self:start !important;font-size:12.5px !important;color:#a99e8c !important;text-decoration:none !important;border-bottom:1px solid rgba(169,158,140,.45) !important}
article#product .addon-product-link:hover{color:#f3eee2 !important;border-bottom-color:#f3eee2 !important}
article#product .rhs-pdp-tillval .product-property-addon::after{width:44px !important;height:44px !important;flex:0 0 44px !important;border:0 !important;background:#1F8665 !important;color:#fff !important;font-size:26px !important;font-weight:400 !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;transition:background .18s ease !important}
article#product .rhs-pdp-tillval .product-property-addon:hover::after{background:#24a07b !important}
article#product .rhs-pdp-tillval .product-property-addon.rhs-ikryssad:not(br){border-color:rgba(31,134,101,.75) !important;background:#1c2119 !important}
article#product .rhs-pdp-tillval .product-property-addon.rhs-ikryssad:not(br)::after{content:"✓" !important;background:#15654c !important;font-size:20px !important}
article#product .reviews-section .review .rating i.fa-star{color:#e8b54a !important}
article#product #rhs-trust-stars span[aria-hidden]{color:#e8b54a !important}

article#product .product-property-checkbox > label::after{width:44px !important;height:44px !important;flex:0 0 44px !important;border:0 !important;background:#1F8665 !important;color:#fff !important;font-size:26px !important}
article#product .product-property-checkbox > label:hover::after{background:#24a07b !important}
article#product .product-property-checkbox > label.rhs-ikryssad:not(br){background:#1c2119 !important;border-color:rgba(31,134,101,.75) !important}
article#product .product-property-checkbox > label.rhs-ikryssad:not(br)::after{content:"✓" !important;background:#15654c !important;font-size:20px !important;border:0 !important}


/* ===== KLICKYTOR I TILLBEHOR OCH RECENSIONER (minst 32 px) ===== */
article#product .addon-product-link{display:inline-block !important;padding:8px 0 !important;margin:-8px 0 !important}
article#product .rhs-pdp-recdel .review-btn a{display:inline-block !important;padding:9px 2px !important;margin:-9px 0 !important}
article#product .reviews > div > div > button{border:12px solid transparent !important;background-clip:padding-box !important;box-sizing:content-box !important;padding:0 !important}
article#product .reviews > div:not([id]):not([class]){margin:12px 0 0 !important}
article#product #rhs-trust-stars a{display:inline-block !important;padding:7px 0 !important;margin:-7px 0 !important}


/* ===== PRODUKTBESKRIVNING: LASBAR SPALT OCH RATTA LISTOR ===== */
article#product .rhs-pdp-accinner p,article#product .rhs-pdp-accinner h2,article#product .rhs-pdp-accinner h3,article#product .rhs-pdp-accinner ul,article#product .rhs-pdp-accinner ol,article#product .rhs-pdp-accinner img{max-width:700px !important;margin-left:auto !important;margin-right:auto !important}
article#product .rhs-pdp-accinner p{font-size:19px !important;line-height:1.68 !important;margin-top:0 !important;margin-bottom:18px !important}
article#product .rhs-pdp-accinner h2{font-size:27px !important;line-height:1.25 !important;margin-top:42px !important;margin-bottom:14px !important;text-wrap:balance !important}
article#product .rhs-pdp-accinner > *:first-child,article#product .rhs-pdp-accinner > * > *:first-child{margin-top:0 !important}
article#product .rhs-pdp-accinner ul,article#product .rhs-pdp-accinner ol{margin-top:0 !important;margin-bottom:22px !important;padding-left:0 !important}
article#product .rhs-pdp-accinner li{display:block !important;position:relative !important;padding:8px 0 8px 22px !important;font-size:19px !important;line-height:1.6 !important;border-bottom:1px solid rgba(0,0,0,.10) !important}
article#product .rhs-pdp-accinner li::before{position:absolute !important;left:0 !important;top:1.05em !important;margin:0 !important;width:10px !important;height:1px !important}
article#product .rhs-pdp-accinner img{display:block !important;margin:26px auto !important}
article#product .rhs-pdp-accinner img + br,article#product .rhs-pdp-accinner img + br + br{display:none !important}
article#product .rhs-pdp-accinner p:where(.rhs-har-bild):not(br){margin-bottom:6px !important}
@media(max-width:700px){
article#product .rhs-pdp-accinner p,article#product .rhs-pdp-accinner li{font-size:17px !important;line-height:1.65 !important}
article#product .rhs-pdp-accinner h2{font-size:22px !important;margin-top:32px !important}
}


/* ===== PASSAR IHOP: KNAPP SOM PA KATEGORISIDAN, "VISA KURS" FOR KURSER ===== */
article#product .rhs-pdp-crosskort::after{left:14px !important;right:14px !important;width:auto !important;min-width:0 !important;max-width:none !important;bottom:14px !important;font-size:13px !important;letter-spacing:.15em !important;padding:11px 0 !important;line-height:1.6 !important}
article#product .rhs-pdp-crosskort[href*="/kurser/"]::after{content:"Visa kurs" !important}
/* Samma sprak i kategorirutnatet (Carlo 8 sep). Kortet dar ar en <div> och
   adressen sitter pa rubriklanken inuti, sa klassen satts av theme.js. */
.rhs-kat-rutnat .product.rhs-kort-kurs .bg-white::after{content:"Visa kurs" !important}


/* ===== FINPUTS: RYTM OCH ENHETLIGA RADIER ===== */
article#product .controls.rhs-har-brickor > br{display:none !important}
article#product .controls.rhs-har-brickor > label{margin-bottom:10px !important}
article#product .rhs-pdp-tillval .product-property-addon{border-radius:12px !important}
article#product .option.option-image-bg,article#product .option.option-image-bg > label,article#product .option.option-image-bg img{border-radius:10px !important}


/* ===== MANGA ALTERNATIV (5+) BLIR DROPDOWN I STALLET FOR LISTA ===== */
article#product .controls.rhs-har-dropdown .bootstrap-select{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;opacity:0 !important;border:0 !important}
article#product .controls.rhs-har-dropdown > br{display:none !important}
article#product .controls.rhs-har-dropdown > label{margin-bottom:10px !important}
article#product .controls.rhs-har-dropdown > select.qs-cart-option{visibility:visible !important;display:block !important;position:static !important;width:100% !important;height:auto !important;min-height:56px !important;padding:14px 48px 14px 18px !important;margin:0 !important;clip:auto !important;opacity:1 !important;overflow:visible !important;white-space:normal !important;background-color:#1f1a14 !important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23f3eee2' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 18px center !important;border:1px solid rgba(243,238,226,.22) !important;border-radius:12px !important;color:#f3eee2 !important;font-family:'Crimson Text',Georgia,serif !important;font-size:16px !important;font-weight:500 !important;line-height:1.3 !important;-webkit-appearance:none !important;appearance:none !important;cursor:pointer !important;box-shadow:none !important}
article#product .controls.rhs-har-dropdown > select.qs-cart-option:hover{border-color:rgba(243,238,226,.42) !important;background-color:#262019 !important}
article#product .controls.rhs-har-dropdown > select.qs-cart-option:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:3px !important}
article#product .controls.rhs-har-dropdown > select.qs-cart-option option{background:#1f1a14 !important;color:#f3eee2 !important}


/* ===== SYNLIG TANGENTBORDSFOKUS PA OMRITADE KONTROLLER ===== */
article#product .rhs-bricka:focus-within,
article#product .product-property-checkbox > label:focus-within,
article#product .rhs-pdp-tillval .product-property-addon:focus-within,
article#product .option.option-image-bg:focus-within{outline:2px solid #cfc8b6 !important;outline-offset:3px !important}


/* ===== KONSEKVENT VERTIKAL RYTM I KOPKOLUMNEN (26 px mellan grupper) ===== */
article#product .product-current-stock-qty-box{margin-top:10px !important;margin-bottom:0 !important}
article#product .col-lg-5 > div.d-flex{margin-bottom:26px !important}
article#product .col-lg-5 > form.qs-cart{margin-top:0 !important;margin-bottom:0 !important}
article#product .rhs-pdp-recdel{margin-top:26px !important;margin-bottom:0 !important}
article#product .rhs-pdp-strip{margin-top:26px !important}


/* ===== LUFT MELLAN ANTAL OCH CTA + TYPSKALA UNDER 992 ===== */
article#product .input-group.addCart{gap:10px !important}
article#product .input-group.addCart > *{margin-left:0 !important}
@media(max-width:991px){
article#product li.product-price{font-size:28px !important}
}


/* ===== RECENSIONSKORT: INGEN KAPAD TEXT ===== */
/* mallens max-height:300px + overflow:visible gjorde 163 px text oatkomlig */
article#product #rhs-review-track{align-items:flex-start !important}
article#product #rhs-review-track > .review{max-height:none !important}

/* 
NASTLADE LISTOR I BESKRIVNINGEN: EN SPALT, INGA KAPADE ORD
*/
article#product .rhs-pdp-accinner ul ul{column-count:1 !important;column-gap:0 !important;margin:6px 0 0 !important}
article#product .rhs-pdp-accinner ul:where(.rhs-lista-stycken):not(br):not(br){column-count:1 !important;column-gap:0 !important}
article#product .rhs-pdp-accinner li{break-inside:avoid !important;-webkit-column-break-inside:avoid !important}
article#product .rhs-pdp-accinner p,article#product .rhs-pdp-accinner li,article#product .rhs-pdp-accinner h2,article#product .rhs-pdp-accinner h3{overflow-wrap:break-word !important}

/* 
RECENSIONSETIKETTER: LASBARA (85-ARSREGELN)
*/
article#product .review strong,article#product .review b{color:#cfc8b6 !important}

/* 
OSYNLIGT TABBSTOPP: BOOTSTRAP-SELECTS RESTWRAPPER
Select:en har flyttats ut till .controls och ar den synliga kontrollen.
Wrappern ar kvar 1x1 med opacity 0 men innehaller en knapp som fangar Tab.
*/
article#product .controls .bootstrap-select{display:none !important}

/* 
DROPDOWNEN FAR ALDRIG FORSVINNA UNDER LADDNING
bootstrap-select sveper in select:en vid window.load. Tills mallens skript
flyttat ut den ska den synas anda - annars blir kontrollen 18 px i stallet
for 84 px och kopknappen hoppar 66 px uppat.
*/
article#product .controls.rhs-har-dropdown .bootstrap-select.rhs-har-select:not(br){display:block !important;position:static !important;width:100% !important;height:auto !important;padding:0 !important;margin:0 !important;overflow:visible !important;clip:auto !important;opacity:1 !important;border:0 !important;background:none !important;box-shadow:none !important}
article#product .controls.rhs-har-dropdown .bootstrap-select > button.dropdown-toggle,article#product .controls.rhs-har-dropdown .bootstrap-select > .dropdown-menu{display:none !important}
article#product .controls.rhs-har-dropdown .bootstrap-select > select.qs-cart-option{visibility:visible !important;display:block !important;position:static !important;width:100% !important;height:auto !important;min-height:56px !important;padding:14px 48px 14px 18px !important;margin:0 !important;clip:auto !important;opacity:1 !important;overflow:visible !important;white-space:normal !important;background-color:#1f1a14 !important;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23f3eee2' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 18px center !important;border:1px solid rgba(243,238,226,.22) !important;border-radius:12px !important;color:#f3eee2 !important;font-family:'Crimson Text',Georgia,serif !important;font-size:16px !important;font-weight:500 !important;line-height:1.3 !important;-webkit-appearance:none !important;appearance:none !important;cursor:pointer !important;box-shadow:none !important}
article#product .controls.rhs-har-dropdown .bootstrap-select > select.qs-cart-option option{background:#1f1a14 !important;color:#f3eee2 !important}

/* 
LASBARHET I BESKRIVNINGEN: RUBRIKSKALA OCH MATTABELLER
h3 ritades 30,8 px medan h2 var 27 px - underrubriken var storre an
rubriken. Tabeller stod i 14 px pa 1162 px breda rader medan styckena
runt omkring ar 19 px pa 700 px.
*/
article#product .rhs-pdp-accinner h3{font-size:22px !important;line-height:1.3 !important;margin:26px 0 10px !important}
article#product .rhs-pdp-accinner h4{font-size:19.5px !important;line-height:1.35 !important;margin:22px 0 8px !important}
article#product .rhs-pdp-accinner h5{font-size:19px !important;line-height:1.4 !important;margin:20px 0 8px !important}
article#product .rhs-pdp-accinner table{max-width:700px !important;width:100% !important;margin-left:auto !important;margin-right:auto !important;border-collapse:collapse !important}
article#product .rhs-pdp-accinner td,article#product .rhs-pdp-accinner th{font-size:19px !important;line-height:1.5 !important;padding:9px 10px !important;border-bottom:1px solid rgba(0,0,0,.28) !important}
article#product .rhs-pdp-accinner th{font-weight:700 !important}
@media(max-width:700px){
  article#product .rhs-pdp-accinner h3{font-size:19px !important}
  article#product .rhs-pdp-accinner h4{font-size:17.5px !important}
  article#product .rhs-pdp-accinner h5{font-size:17px !important}
  article#product .rhs-pdp-accinner td,article#product .rhs-pdp-accinner th{font-size:17px !important;padding:8px 8px !important}
}

/* 
RECENSIONSKORTET SKA FYLLA SIN PLATS
flex-start lamnade tomrum under kortare kort. Uppmatt med stretch:
alla kort lika hoga, noll kapad text.
*/
article#product #rhs-review-track{align-items:stretch !important}

/* 
LEVERANSBESKEDET SKA GA ATT LASA (85-ARSREGELN)
Statusraden stod i 13 px - sidans minsta hela mening, och den som
avgor om kunden far vanta 30-45 dagar.
*/
article#product .product-current-stock-status{font-size:17px !important;line-height:1.45 !important}

/* 
BREDA TABELLER SCROLLAR I SIN EGEN RUTA
En sexkolumnstabell rann 5 px utanfor sin figur vid 390 px.
Nu scrollar figuren i stallet for att sidan ska spilla.
*/
article#product .rhs-pdp-accinner figure:where(.rhs-har-tabell):not(br){overflow-x:auto !important;max-width:700px !important;margin-left:auto !important;margin-right:auto !important}
article#product .rhs-pdp-accinner figure:where(.rhs-har-tabell):not(br) table{max-width:none !important;width:100% !important}

/* 
FABLE-OMGANGEN: LASBARHET (85-ARSREGELN), VALT TILLBEHOR, STICKY, HOPPLANK
*/
article#product .product-current-stock-qty-box{font-size:17px !important}
article#product .product-current-stock-qty-box small{font-size:inherit !important}
article#product .review > p{font-size:17px !important}
article#product .review .review-date,article#product .review-date{font-size:14px !important}
article#product .review_response{font-size:15.5px !important}
article#product .review > strong{color:#fff !important}
.rhs-pdp-strip .rhs-pdp-fortroende{font-size:14px !important}
article#product .controls > label{font-size:13px !important}
article#product .option-row-custom-label{font-size:13px !important}
article#product .rhs-desc-knapp{font-size:13.5px !important}
article#product .rhs-pdp-recdel .review-btn a{font-size:13.5px !important}
article#product .show-all-button{font-size:13.5px !important}
article#product #rhs-trust-stars a{font-size:13.5px !important}
article#product .rhs-pdp-acc summary{padding:10px 0 !important;margin:0 0 6px !important}
article#product .rhs-pdp-accinner{font-size:19px !important}
article#product .rhs-pdp-accinner span{font-size:inherit !important}
article#product .rhs-pdp-accinner h1{font-size:27px !important;line-height:1.25 !important;max-width:700px !important;margin:30px auto 12px !important}
@media(max-width:700px){
  article#product .rhs-pdp-accinner{font-size:17px !important}
  article#product .rhs-pdp-accinner h1{font-size:22px !important}
}
@media(max-width:991.98px){article#product li.product-price{font-size:28px !important}}
article#product .rhs-pdp-tillval .product-property-line,article#product .rhs-pdp-tillval .product-property-line::after,article#product .product-property-checkbox > label,article#product .product-property-checkbox > label::after{transition:none !important}
article#product form.qs-cart .rhs-pdp-tillval .product-property-line.product-property-line.product-property-line.product-property-line.rhs-vald{background:#1c2119 !important;border:1px solid rgba(31,134,101,.75) !important}
article#product form.qs-cart .rhs-pdp-tillval .product-property-line.product-property-line.product-property-line.product-property-line.rhs-vald::after{content:"✓" !important;background:#15654c !important;border-color:#15654c !important;color:#fff !important}
article#product form.qs-cart .product-property-checkbox > label.rhs-vald{background:#332b20 !important;border-color:rgba(243,238,226,.55) !important;color:#fff !important;font-weight:600 !important}
article#product form.qs-cart .product-property-checkbox > label.rhs-vald::after{content:"✓" !important;background:#1F8665 !important;border-color:#1F8665 !important;color:#fff !important;font-size:17px !important}
.rhs-pdp-sticky-kop:disabled{background:#4a453d !important;color:rgba(243,238,226,.55) !important;cursor:not-allowed !important}
a.rhs-hoppa{position:fixed;top:-70px;left:12px;z-index:2147483000;background:#1f1a14;color:#f3eee2;padding:12px 18px;border-radius:10px;border:1px solid rgba(243,238,226,.4);font-size:16px;text-decoration:none;transition:top .15s ease}
a.rhs-hoppa:focus{top:12px;outline:2px solid #cfc8b6;outline-offset:2px}

/* 
RECENSIONSSPARET FOLJER AKTIVT KORT
Kortens naturliga hojder skiljer stort (300-653 px pa jagarexamen).
Sparet var last vid hogsta kortet: strackta kort fick jattegap mellan
raderna, korta kort fick dott bottenparti. Nu foljer sparhojden det
aktiva kortet (rhsRecHojd i mallen) med mjuk overgang.
*/
article#product #rhs-review-track{align-items:flex-start !important;overflow-y:hidden !important;transition:height .28s ease !important}
article#product .review{align-content:start !important}
@media (prefers-reduced-motion:reduce){article#product #rhs-review-track{transition:none !important}}

/* 
STORA BATCHEN: reserverade ytor, surfplatta, korsforsaljning, bevaka,
antalsknappar, syskonetiketter, beskrivningsmarkering
*/
/* lagersaldoraden reserverar sin plats sa inget hoppar nar den fylls */
article#product .product-current-stock-qty-box{display:block !important;min-height:26px !important}
article#product .product-current-stock-qty-box.rhs-tom-saldo.rhs-tom-saldo small{visibility:hidden}
/* platshallare for Google-badgen pa kurssidor */
#rhs-trust-plats{min-height:34px}
/* surfplatta staende: kapa bildhojden sa kopknappen kommer upp */
@media(min-width:768px) and (max-width:991.98px){
  article#product .detail-slider .swiper-slide img{max-height:480px !important;width:auto !important;max-width:100% !important;margin:0 auto !important;object-fit:contain !important}
}
/* sektionsrubriker over beskrivningens h2 */
article#product .rhs-pdp-acc summary,article#product .rhs-pdp-crossgrid-rubrik{font-size:28px !important}
@media(max-width:991.98px){article#product .rhs-pdp-acc summary,article#product .rhs-pdp-crossgrid-rubrik{font-size:24px !important}}
/* synlig pil pa beskrivningsvaxlaren */
article#product .rhs-pdp-acc summary{list-style:none !important;position:relative !important;padding-right:38px !important;cursor:pointer !important}
article#product .rhs-pdp-acc summary::-webkit-details-marker{display:none !important}
article#product .rhs-pdp-acc summary::after{content:"" !important;position:absolute !important;right:8px !important;top:50% !important;width:11px !important;height:11px !important;border-right:2px solid #cfc8b6 !important;border-bottom:2px solid #cfc8b6 !important;transform:translateY(-72%) rotate(45deg) !important;transition:transform .18s ease !important}
article#product .rhs-pdp-acc[open] > summary::after{transform:translateY(-28%) rotate(225deg) !important}
/* mobil: nasta korskort kikar fram */
@media(max-width:991.98px){article#product .rhs-pdp-crosskort{flex:0 0 calc(50% - 26px) !important}}
/* kortknappen far luft */
article#product .rhs-pdp-crosskort{padding-bottom:64px !important}
@media(max-width:991.98px){article#product .rhs-pdp-crosskort{padding-bottom:60px !important}}
/* bevaka-formularet lasbart (oskopad #101010-regel i temat) */
#watchers-add-form-box input,#watchers-add-form-box textarea,[id^="watchers"] input{background:#f5f2ea !important;color:#17191b !important;border:1px solid #b9b2a4 !important}
/* syskonetiketterna i samma storlek */
article#product .rhs-pdp-recdel .review-label{font-size:15.5px !important}
/* antalsknappar minus/plus */
article#product .rhs-qty-knapp{width:44px !important;height:54px !important;flex:0 0 44px !important;background:#141110 !important;border:1px solid rgba(243,238,226,.28) !important;color:#f3eee2 !important;font-size:22px !important;line-height:1 !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;border-radius:0 !important;padding:0 !important}
article#product .rhs-qty-knapp:hover{background:#241f1a !important;border-color:rgba(243,238,226,.5) !important}
article#product .rhs-qty-knapp:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:2px !important}

/* PEKARE PA KNAPPLIKA LANKAR (Recensera produkt m.fl. visade textmarkor) */
article#product .review-btn a,article#product .review-btn,article#product .show-all-button,article#product .rhs-desc-knapp,article#product .rhs-falla-knapp,article#product #rhs-trust-stars a{cursor:pointer !important;user-select:none !important}

/* 
VARUKORGSLADAN I PRODUKTSIDANS SPRAK
Radkort, stegknappar, falt och kassaknapp foljer nu samma formsprak som
kopkolumnen: morka paneler #1f1a14/#141110, kram #f3eee2, guldpris,
gron orderknapp #1F8665.
*/
#sidebarCart .modal-header{border-bottom:1px solid rgba(243,238,226,.14) !important;padding:16px 20px !important}
#sidebarCart .modal-close{width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#cfc8b6 !important;cursor:pointer !important}
#sidebarCart .modal-close:hover{color:#fff !important}
#sidebarCart .modal-close:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:2px !important}
#sidebarCart .navbar-cart-product{background:#1f1a14 !important;border:1px solid rgba(243,238,226,.12) !important;border-radius:12px !important;padding:12px !important;margin:0 0 10px !important;align-items:center !important}
#sidebarCart .navbar-cart-product-image{width:64px !important;height:64px !important;border-radius:10px !important;background:#f5f4f1 !important;object-fit:contain !important;padding:4px !important}
#sidebarCart .navbar-cart-product-link{color:#f3eee2 !important;font-family:'Crimson Text',Georgia,serif !important;font-size:16.5px !important;font-weight:700 !important;text-decoration:none !important}
#sidebarCart .navbar-cart-product-link:hover{color:#fff !important;text-decoration:underline !important}
#sidebarCart .navbar-cart-product-link small{color:#a99e8c !important;font-weight:400 !important;font-size:13.5px !important}
#sidebarCart .navbar-cart-product-price{color:#f3eee2 !important;font-size:15px !important;font-weight:700 !important}
#sidebarCart .btn-items{width:40px !important;height:40px !important;min-width:40px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;background:#141110 !important;border:1px solid rgba(243,238,226,.28) !important;border-radius:0 !important;color:#f3eee2 !important;font-size:20px !important;line-height:1 !important;cursor:pointer !important;user-select:none !important}
#sidebarCart .btn-items:hover{background:#241f1a !important;border-color:rgba(243,238,226,.5) !important}
#sidebarCart .btn-items:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:2px !important}
#sidebarCart .navbar-cart-product-qty{width:48px !important;height:40px !important;background:#141110 !important;border:1px solid rgba(243,238,226,.28) !important;border-radius:0 !important;color:#f3eee2 !important;font-size:16px !important;text-align:center !important;box-shadow:none !important}
#sidebarCart .qs-cart-delete{width:36px !important;height:36px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#a99e8c !important;cursor:pointer !important}
#sidebarCart .qs-cart-delete:hover{color:#e0765c !important}
#sidebarCart .qs-cart-delete:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:2px !important}
#sidebarCart .modal-footer,#sidebarCart .cart-footer{border-top:1px solid rgba(243,238,226,.14) !important}
#sidebarCart .navbar-cart-totals{color:#f3eee2 !important;font-variant-numeric:tabular-nums !important}
#sidebarCart .navbar-checkout-btn{background:#1F8665 !important;color:#fff !important;font-family:'Crimson Text',Georgia,serif !important;font-size:14px !important;font-weight:700 !important;letter-spacing:.16em !important;text-transform:uppercase !important;height:54px !important;border-radius:0 !important;border:0 !important;cursor:pointer !important;transition:background .18s ease !important}
#sidebarCart .navbar-checkout-btn:hover{background:#24a07b !important;color:#fff !important}
#sidebarCart .navbar-checkout-btn:focus-visible{outline:2px solid #cfc8b6 !important;outline-offset:3px !important}
#sidebarCart .navbar-checkout-btn.disabled{background:#4a453d !important;color:rgba(243,238,226,.55) !important;cursor:not-allowed !important}
#sidebarCart a.btn.btn-block.color-text-base{color:#cfc8b6 !important;font-size:13px !important;letter-spacing:.14em !important;text-transform:uppercase !important;text-decoration:underline !important;text-underline-offset:4px !important}
#sidebarCart a.btn.btn-block.color-text-base:hover{color:#fff !important}
#sidebarCart .qs-cart-empty{color:#d9d2c6 !important;font-size:17px !important}

/* === RHS kategorigenvagar: rensning + jamnare rader (30 aug 2026) === */
/* 1. "Om varan Service" pekar pa /recensioner och ar ingen underkategori.
   Samma regel tar "Recensioner fran kunder" pa /vapen-utrustning.
   Presentkort ar en RIKTIG underkategori och star kvar. */
.rhs-kat-chips a[href*="/recensioner"]{display:none !important}
/* 2. Jamnare rader (endast band med 10+ kategorier, dvs /produkter —
   pa /vapen-utrustning knuffade en global min-width ut en chip till rad 3): breddspridningen 93-335px var problemet, inte antalet.
   Minsta bredd lyfter de korta utan att nagon rad tillkommer. */


/* 3. Kategorigenvagarna som kolumnindex i stallet for chipsrutor.
   Skalet: 13 kategorier i rutor kraver 3-4 rader (176 px) eller att
   nagra doljs - och dolda kategorier riskerar att missas helt.
   Som index far alla plats: 94 px pa bred skarm, 118 px pa laptop,
   utan att ett enda namn radbryts eller goms. */
.rhs-kat-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px;text-align:left}
.rhs-kat-chips a{background:none !important;box-shadow:none !important;padding:6px 0 !important;min-width:0 !important;text-align:left !important;letter-spacing:.6px !important;font-size:13.5px !important;line-height:1.35 !important;white-space:normal !important;border-bottom:1px solid rgba(239,231,214,.14) !important}
.rhs-kat-chips a:hover{color:#fff !important;border-bottom-color:rgba(239,231,214,.5) !important}
@media (min-width:1400px){.rhs-kat-chips{grid-template-columns:repeat(4,1fr)}}
@media (min-width:768px) and (max-width:991.98px){.rhs-kat-chips{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767.98px){.rhs-kat-chips{display:block;text-align:center}}

/* Fontstorleken behover extra specificitet - en aldre regel satter 12.5px med !important */
.rhs-kat-chips .category_buttonarea a{font-size:13.5px !important}

/* --- 3. Finslipning av indexet: hela raden klickbar, chevron, hover, fokus.
   Scopat till >=768 px sa mobilens dropdown inte bryts av display:flex. --- */
@media (min-width:768px){
  .rhs-kat-chips{column-gap:40px !important}
  .rhs-kat-chips .category_buttonarea a{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:6px 8px 6px 0 !important;transition:background-color .15s ease,padding-left .15s ease,color .15s ease !important}
  .rhs-kat-chips .category_buttonarea a::after{content:"\203A";font-size:15px;line-height:1;opacity:.25;flex:none;transform:translateX(-2px);transition:opacity .15s ease,transform .15s ease}
  .rhs-kat-chips .category_buttonarea a:hover{background:rgba(239,231,214,.06) !important;padding-left:8px !important;color:#fff !important}
  .rhs-kat-chips .category_buttonarea a:hover::after{opacity:.9;transform:translateX(2px)}
  .rhs-kat-chips .category_buttonarea a:focus-visible{outline:2px solid #efe7d6 !important;outline-offset:-2px !important}
}
/* Maste ligga EFTER regeln ovan - annars vacker display:flex upp den igen. */
.rhs-kat-chips .category_buttonarea a[href*="/recensioner"]{display:none !important}

/* --- 4. Kurssidan: index, fortroenderemsa och filterrad bort.
   Indexet listade samma kurser som korten direkt under, och leverans/retur
   och prisfilter hor inte hemma pa en kurssida. Klassen satts av ett tidigt
   skript i mallen "list" sa inget hinner blinka fram. --- */
/* Fortroenderemsan bort fran ALLA kategorisidor (31 aug 2026).
   Produktsidorna har en egen remsa (.rhs-pdp-fortroende) och rors inte. */
.rhs-kat-fortroende{display:none !important}

html.rhs-kurser .rhs-kat-chips,
html.rhs-kurser .rhs-kat-verktyg{display:none !important}

/* --- 5. Mobilen: tatare topp pa kategorisidorna (31 aug 2026) ---
   Uppmatt pa 400 px: rubrik -> forsta produkt var 219 px = 28 % av
   skarmen. Av det var 76 px ren luft, och en hel rad reserverade plats
   at "Rensa"-lanken som har opacity:0 tills ett filter ar aktivt.
   Rensa flyttas upp till hoger pa sorteringsraden och far en riktig
   tryckyta (38x35 px) utan att raden vaxer. Inget doljs. */
@media (max-width:767.98px){
  .rhs-kat-chips{margin-top:8px !important}
  .rhs-kat-verktyg{margin-top:8px !important;grid-template-columns:1fr 1fr auto !important;gap:7px !important;align-items:center !important}
  .rhs-kat-verktyg > label.rhs-vtyg-grupp:nth-of-type(3){grid-column:1 / -1 !important}
  .rhs-kat-verktyg > .rhs-vtyg-rensa{grid-column:3 / 4 !important;grid-row:1 / 2 !important;justify-self:end !important;padding:9px 0 !important;display:flex !important;align-items:center !important}
  .rhs-kat-rutnat{margin-top:10px !important}
  .rhs-kat .pt-3{padding-top:8px !important}
}

/* --- 6. Sokknappen i mobilmenyn (31 aug 2026) -------------------
   Sag ut som en tom vit fyrkant. Orsaken var inte en trasig ikon:
   Quickbutiks egen markup satter Bootstrap-klassen "bg-white" pa
   .input-group-append i menyns sokfalt, medan sokikonen ar
   streckbaserad med stroke:#fff - vit ikon pa vit botten.
   Ikonen fanns hela tiden (getBBox 15x15, use href="#search-1").
   Fixen ger appenden samma morka ton som sjalva inputen sa faltet
   blir ett enda morkt sokfalt. Kontrast ikon/botten: 19,0:1.
   Endast i mobilmenyns modal - headerns egen sokknapp rors inte. */
.modal .search-wrapper .input-group-append.bg-white{background:#101010 !important}

/* --- 7. Varukorgen pa mobil (31 aug 2026) -----------------------
   Tva fynd fran kundsimuleringen, bada verifierade av mig i
   testmallen med aktiv flik och skarmbild.

   A) "LÄGG TILL" i korgens upsell-lista ar Bootstrap btn-outline-dark:
      rgb(34,34,34) text och ram pa rgb(25,21,18) botten = 1,14:1.
      WCAG AA kraver 4,5:1. Knappen ar i praktiken osynlig.
      Var ocksa 77x27 px med 11 px text.

   B) Korgladan har fast width:500px. Pa en telefon smalare an 500 px
      hamnar hogerkanten - dar plusknappen sitter - utanfor skarmen,
      och #sidebarCart har overflow-x:hidden sa den gar aldrig att na.
      Regeln gäller bara under 500 px sa inskjutnings-animationen
      (translateX(500px) i stangt lage) fortfarande doljer lådan helt. */
#sidebarCart .qb-upsell-add{color:#f3eee2 !important;background:rgba(255,255,255,.07) !important;border:1px solid rgba(243,238,226,.55) !important;min-height:40px !important;font-size:12.5px !important;padding:8px 14px !important;letter-spacing:.6px !important}
#sidebarCart .qb-upsell-add:hover{background:rgba(255,255,255,.14) !important;border-color:rgba(243,238,226,.9) !important}
@media (max-width:499.98px){
  #sidebarCart .modal-dialog{width:100% !important;max-width:100% !important;margin-left:0 !important}
}

/* RHS korgstepper: .max-w-100px (100px) rymmer inte minus40+falt60+plus40=140 - plusknappen klipptes 11px vid <=511px viewport (aven riktiga 390, iframe-matt 2 sep) */
#sidebarCart .qs-cart-item .max-w-100px{max-width:none !important}

/* RHS mobilfinputs (2 sep 2026): 16px-falt stoppar iOS autozoom (UX-fynd 5);
   44px traffytor pa hjarta/pilar/zoom i mobil + delaikoner (UX-fynd 6);
   .rhs-filfel ar filvaktens felrad (theme.js). */
@media (max-width:991.98px){
  article form.qs-cart input[type="text"],
  article form.qs-cart input[type="email"],
  article form.qs-cart input[type="number"],
  article form.qs-cart input[type="file"],
  article form.qs-cart textarea,
  article .review-form input,
  article .review-form textarea{font-size:16px !important}
  article .wishlist-btn.rhs-pdp-hjarta,
  .rhs-pdp-pil,
  article .btn.btn-photoswipe{width:44px !important;height:44px !important}
}
article .social-share{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center}
article .product-property-addon .addon-product-link{display:inline-block;padding:8px 4px;margin:-8px -4px}
.rhs-filfel{margin-top:6px;font-size:14px;color:#e8b54a}

/* RHS DESIGNPASS 2 sep 2026 - art director-fynd 5,6,7,8,9,12 + CRO 2 + UX 3.
   Rytm: 24 under H1, 32 pris->formular, 12 inom kopgruppen, 24 mellan sektioner.
   Sticky galleri fyller tomrummet under bildplattan (120-440 px uppmatt).
   Korsforsaljningens knappar tystas sa gront bara betyder Lagg i korgen.
   Typsteg 35/30/24 (mobil 29/24/19). Bildplattan 32 px passepartout.
   Kontrollhojd 54 for fil/textfalt. Fortroenderaden (flyttas av theme.js) under knappen.
   Mobil: swatchmask + antal farger (data-rhs-antal satts av theme.js). */
article#product .col-lg-5 h1{margin-bottom:24px !important}
article#product .col-lg-5 > .d-flex.flex-column{padding-bottom:0 !important;margin-bottom:32px !important}
article#product .col-lg-5 > .product_description{margin-top:0 !important}
article#product form.qs-cart > .row{margin-top:0 !important}
article#product form.qs-cart > .rhs-pdp-tillval{margin-top:0 !important;margin-bottom:24px !important}
article#product .product-current-stock-qty-box{margin-top:12px !important}
article#product form.qs-cart > .input-group.addCart{margin-top:12px !important}
article#product .rhs-pdp-recdel{margin-top:24px !important}
article#product .rhs-pdp-strip{margin-top:24px !important;padding-top:24px !important}
@media (min-width:992px){
  article#product > .row > .col-lg-7{position:sticky;top:16px;align-self:flex-start}
}
article#product .col-lg-5 .product-price,article#product .col-lg-5 li.font-weight-light{font-size:30px !important}
html body article#product .rhs-pdp-acc summary,html body .rhs-pdp-acc summary,html body article#product .rhs-pdp-crossgrid-rubrik,html body .rhs-pdp-crossgrid-rubrik{font-size:24px !important}
article#product .detail-carousel .productpage-image{padding:32px !important}
article#product form.qs-cart label.btn.btn-primary{height:54px !important;display:inline-flex;align-items:center}
article#product form.qs-cart .white-input:not(.product-property-checkbox){height:54px !important}
article#product form.qs-cart .rhs-pdp-fortroende{margin:14px 0 0 !important;padding:14px 0 0 !important;border-top:1px solid rgba(255,255,255,.09)}
article#product .option-row-custom-label[data-rhs-fargantal]::after{content:" (" attr(data-rhs-fargantal) " färger)";font-size:11px;letter-spacing:.02em;text-transform:none;color:#a99e8c}
@media (max-width:991.98px){
  article#product .col-lg-5 .product-price,article#product .col-lg-5 li.font-weight-light{font-size:24px !important}
  html body article#product .rhs-pdp-acc summary,html body .rhs-pdp-acc summary,html body article#product .rhs-pdp-crossgrid-rubrik,html body .rhs-pdp-crossgrid-rubrik{font-size:19px !important}
  article#product .option-row-custom-options{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent 100%) !important;mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent 100%) !important}
}

/* Fortroenderaden ligger nu i formularet (theme.js DESIGNPASS/CRO 2) - samma stil som i stripen */
article#product form.qs-cart .rhs-pdp-fortroende{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px 18px;font-family:'Crimson Text',Georgia,serif;font-size:14px !important;letter-spacing:0;text-transform:none;color:#a99e8c;text-shadow:none;margin:14px 0 0 !important;padding:14px 0 0 !important;border:0;border-top:1px solid rgba(255,255,255,.09)}
article#product form.qs-cart .rhs-pdp-fortroende span{display:inline-flex;align-items:baseline;gap:8px;white-space:nowrap;position:static}
article#product form.qs-cart .rhs-pdp-fortroende span::before{content:"\2713";color:#2aa07a;font-weight:700;font-size:12px}
@media (max-width:991.98px){
  article#product form.qs-cart .rhs-pdp-fortroende{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;align-items:baseline}
  article#product form.qs-cart .rhs-pdp-fortroende span{white-space:normal}
  article#product form.qs-cart .rhs-pdp-fortroende span:nth-child(n+3){grid-column:1 / -1}
}

/* RHS KORT-OVERLAY (3 sep 2026): plattformens hover-overlay med snabbknappen
   "Lagg i korgen" doljs pa ALLA produktkort (startsidans karuseller hade den kvar
   ovanpa var "Visa produkt"). Kortets enda handling ar att oppna produktsidan -
   produkterna har varianter/tillval som valjs dar. Kategorigriden hade regeln redan. */
.product-hover-overlay{display:none !important}

/* RHS SVEP-FIXAR (3 sep 2026) - fynd fran helsajtssvepet (alla sidtyper x 1451/390):
   kontakt: inbaddad 600px-iframe spillde 103px pa mobil, kartpopupens kalla gra;
   plattformens primarknapp #43956b ger 3,7:1 med vit text -> PDP-knappens #1F8665 (4,6:1);
   blogg: byline i cream pa vitt kort (1,7:1), Las mer 3,7:1; inloggning: Skapa konto 3,7:1;
   traffytor under 24px (meny/varukorg/sidfotsikoner/Rensa); etiketter 10,5px; overstruket pris 3,8:1;
   Elfsight-widgeten spillde 60px pa mobil. */
.col-lg-6 iframe,.page-content iframe,article iframe,.rhs-pdp-accinner iframe{max-width:100% !important}
.leaflet-popup-content .text-muted,.bg-white .text-muted{color:#6b665c !important}
.btn-primary,.btn-primary:focus,.navbar-checkout-btn,.login .btn:not(.btn-inverse){background:#1F8665 !important;border-color:#1F8665 !important;color:#fff !important}
.btn-primary:hover,.navbar-checkout-btn:hover{background:#186b51 !important;border-color:#186b51 !important}
.post .bg-white .blog_post_details,.post .bg-white .blog_post_details span,.post .bg-white .blog_post_details a{color:#6b665c !important}
.post .bg-white a.font-weight-bold{color:#186b51 !important}
.navbar .list-inline-item > a.text-hover-primary{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
footer a.opacity-hover-7{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.rhs-vtyg-rensa{min-height:36px !important;padding-top:8px !important;padding-bottom:8px !important}
.rhs-under a,.rhs-faq-svar a{display:inline-block;padding:4px 0}
nav.breadcrumb .breadcrumb-item a{display:inline-block;padding:3px 0}
.rhs-slutsald-flagga{font-size:11.5px !important}
.rhs-kat-fakta-rad dt{font-size:11.5px !important}
.bg-white .product-before-price{color:#6f6a60 !important}
.eapps-widget,[class^="eapps-"],[id^="eapps-"]{max-width:100% !important}
@media (max-width:991.98px){
  .rhs-kat-verktyg .rhs-vtyg-grupp > span{font-size:12px !important}
}

/* Kontakt: kontaktsidans H2 med e-postadress (35px, obrytbar) spillde 103px pa mobil */
h2.font-weight-bold.mb-4.mb-lg-4{overflow-wrap:anywhere;word-break:break-word}
@media (max-width:575.98px){ h2.font-weight-bold.mb-4.mb-lg-4{font-size:24px !important;line-height:1.3} }

/* RHS TILLGANGLIGHET GLOBAL (3 sep 2026): synlig fokusring for tangentbord (temat hade
   inga :focus-visible-regler), hopplank till innehallet (visas bara vid fokus). */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #efe7d6 !important;outline-offset:2px !important}
.rhs-skip{position:absolute;left:-9999px;top:8px;z-index:100000;background:#1F8665;color:#fff;padding:10px 16px;font-family:'Crimson Text',Georgia,serif;font-size:16px;text-decoration:none;border-radius:2px}
.rhs-skip:focus,.rhs-skip:focus-visible{left:8px;outline:2px solid #efe7d6;outline-offset:2px}


/* ===== RHS KATEGORITEXT-SSR (3 sep 2026) =====
   Rubriker, citat och FAQ som ligger server-renderade i kategori-
   beskrivningen (.rhs-kat-text-brod). Samma typografi som JS-sektionerna
   (Crimson Text, cream pa mork panel) sa att sidan ser likadan ut oavsett
   om texten kommer fran beskrivningen eller fran mallens CFG. */
.rhs-kat-text-brod h2{font-family:'Crimson Text',Georgia,serif;font-size:clamp(18px,2vw,22px);line-height:1.3;font-weight:700;color:#fff;text-align:center;text-wrap:balance;margin:34px 0 14px}
.rhs-kat-text-brod h2:first-of-type{margin-top:28px}
.rhs-kat-text-brod h3{font-family:'Crimson Text',Georgia,serif;font-size:17px;line-height:1.35;font-weight:700;color:#f3eee2;margin:22px 0 6px}
.rhs-kat-text-brod h3 + p{margin-top:0}
.rhs-kat-text-brod blockquote{margin:26px 0;padding:18px 22px;border-left:2px solid rgba(232,181,74,.75);background:rgba(255,255,255,.04);font-style:italic;font-size:17px;line-height:1.6;color:#f3eee2}
.rhs-kat-text-brod blockquote strong{display:block;font-style:normal;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:#a99e8c;margin:0 0 8px}
.rhs-kat-text-brod strong{color:#f3eee2}
@media (max-width:575px){
  .rhs-kat-text-brod h2{font-size:19px;margin:28px 0 12px}
  .rhs-kat-text-brod h3{font-size:16.5px}
  .rhs-kat-text-brod blockquote{padding:14px 16px;font-size:16px}
}


/* ===== RHS BRODSMULOR (3 sep 2026) =====
   Brodsmulorna var 14 px vit text klistrad mot vanster under menyn, med
   butiksdatans blandade skiftlage och 32 px bottenluft fran ul-elementet.
   Nu: centrerat sparsystem i samma etikettstil som resten av sidan
   (Crimson Text, versaler, sparrad), dampade lankar, cream for aktuell sida,
   guldiga separatorer. Mobil: en enda tillbaka-smula till narmaste foralder
   (nth-last-child(2)) i stallet for tre brutna rader. */
nav.breadcrumb{display:block !important;margin:26px 0 22px !important;padding:0 !important;background:transparent;font-size:0;line-height:0}
nav.breadcrumb ul.breadcrumb{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 !important;padding:0 !important;background:transparent;border-radius:0;list-style:none}
nav.breadcrumb .breadcrumb-item{display:inline-flex;align-items:center;padding:0 !important;margin:0;font-family:'Crimson Text',Georgia,serif;font-size:12.5px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:#a99e8c;text-align:center;white-space:nowrap}
nav.breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"\203A";display:inline-block;float:none;padding:0 10px;color:rgba(232,181,74,.8);font-size:16px;line-height:1;letter-spacing:0;position:relative;top:-1px}
nav.breadcrumb .breadcrumb-item a{display:inline-block;padding:8px 2px;color:#a99e8c;text-decoration:none;transition:color .15s ease}
nav.breadcrumb .breadcrumb-item a:hover,nav.breadcrumb .breadcrumb-item a:focus-visible{color:#e8b54a;text-decoration:none}
nav.breadcrumb .breadcrumb-item.active{color:#f3eee2;padding:8px 2px !important;max-width:100%;white-space:normal}
@media (max-width:767px){
  nav.breadcrumb{margin:12px 0 12px !important}
  nav.breadcrumb ul.breadcrumb{justify-content:flex-start}
  nav.breadcrumb .breadcrumb-item{display:none}
  nav.breadcrumb .breadcrumb-item:nth-last-child(2){display:inline-flex;font-size:12px;letter-spacing:.14em}
  nav.breadcrumb .breadcrumb-item:nth-last-child(2)::before{content:"\2039";display:inline-block;padding:0 8px 0 0;color:rgba(232,181,74,.8);font-size:16px;line-height:1;letter-spacing:0;position:relative;top:-1px}
  nav.breadcrumb .breadcrumb-item a{padding:10px 2px}
}


/* ===== RHS PDP-HEADERRESERV (3 sep 2026) =====
   Egna scripts sitewide CLS-vakt ger header.header min-height:209px (for
   startsidans Elfsight-widget). Pa produktsidor ar headern 123 px hog och
   resten (86 px) blev ett tomt band ovanfor brodsmulorna. Samma slapp som
   redan gors for kategorisidor (body:has(.rhs-kat)). */
/* (ersatt av html body header.header) */


/* ===== RHS BRODSMULOR v2 (4 sep 2026) =====
   1) Ensam Hem-smula (sok, onskelista, inloggning): v1:s display:block !important slog ut
      theme.js inline-doljning - soksmula satter nu klassen rhs-dold i stallet.
   2) Mobil: langa foraldernamn (t.ex. Digitala sikten - Varmesikten - Morkersikten) spillde
      4 px utanfor skarmen med nowrap - den synliga foraldersmulan far radbrytas. */
nav.breadcrumb.rhs-dold{display:none !important}
@media (max-width:767px){
  nav.breadcrumb .breadcrumb-item:nth-last-child(2){white-space:normal;max-width:100%;text-align:left;line-height:1.5}
  nav.breadcrumb .breadcrumb-item:nth-last-child(2) a{display:inline;padding:8px 2px 8px 0}
}


/* ==== RHS HEADER-KANT (5 sep 2026): logo och ikoner i linje med innehallets kant pa desktop.
   Raden ar flex med Bootstrap-utility justify-content-center (!important), darfor !important har. ==== */
@media (min-width:992px){
  header.header .navbar--variation-1.col-12{justify-content:space-between !important;padding-left:15px !important;padding-right:15px !important}
}

/* ==== RHS MOBILSOK (5 sep 2026): sokikon bredvid varukorgen i mobilheadern + sokrad under headern.
   Byggs av theme.js-blocket RHS MOBILSOK. Dold fran 992 px dar butikens vanliga sokfalt visas. ==== */
header.header{position:relative}
.rhs-mobsok-li{display:inline-block;vertical-align:bottom}
.rhs-mobsok-knapp{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;padding:0;color:#fff;cursor:pointer}
.rhs-mobsok-knapp svg{width:24px;height:24px;fill:currentColor}
.rhs-mobsok-knapp:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rhs-mobsok{position:absolute;left:0;right:0;top:100%;z-index:1030;background:#161616;padding:10px 15px;display:none;gap:8px;box-shadow:0 8px 16px rgba(0,0,0,.4)}
.rhs-mobsok.rhs-oppen{display:flex}
.rhs-mobsok input{flex:1;min-width:0;height:48px;font-size:16px;padding:0 14px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:4px}
.rhs-mobsok input::placeholder{color:rgba(255,255,255,.6)}
.rhs-mobsok button[type=submit]{height:48px;padding:0 18px;background:#1F8665;color:#fff;border:0;border-radius:4px;font-size:16px;font-family:inherit}
@media (min-width:992px){.rhs-mobsok-li,.rhs-mobsok{display:none !important}}

/* ==== RHS SIDINDELNING (5 sep 2026): kategorilistor med fler an 60 kort visar 48 i taget + Visa fler produkter.
   nth-child-regeln doljer kort 49+ redan vid forsta malning (ingen blink). theme.js-blocket RHS SIDINDELNING
   satter rhs-sida-js pa rutnatet och styr sedan per kort med rhs-sida-dold. Dolda kort laddar inte sina bilder. ==== */
.rhs-kat-rutnat:not(.rhs-sida-js) > .product:nth-child(n+49){display:none}
.rhs-kat-rutnat.rhs-sida-js > .product.rhs-sida-dold{display:none !important}
.rhs-sida-rad{text-align:center;padding:8px 0 24px}
.rhs-sida-knapp{display:inline-block;min-width:240px;min-height:48px;padding:12px 28px;background:#1F8665;color:#fff;border:0;border-radius:4px;font-size:17px;font-family:inherit;cursor:pointer}
.rhs-sida-knapp:hover,.rhs-sida-knapp:focus-visible{background:#176b50;color:#fff;outline:2px solid #fff;outline-offset:2px}
.rhs-sida-status{display:block;margin:10px 0 0;color:#f3eee2;font-size:15px}
.rhs-sida-alla{display:inline-block;margin-top:8px;color:#f3eee2;text-decoration:underline;font-size:15px}



/* ==== RHS VAPENSERVICE-PAR (6 sep 2026): de tva vapenservice-slidrarna ligger sida vid
   sida under EN gemensam rubrik "Vapenservice" med ingress, och varje slider har en egen
   topprad (etikett + egna pilar) och skiljs av ett lodratt streck. I mobil staplas de och
   strecket blir vagratt. theme.js bygger .rhs-vs-par > h2 + p.rhs-under + .rhs-vs-grid >
   .rhs-vs-kol > .rhs-vs-topp (h3.rhs-vs-etikett + .rhs-vs-nav) + sektionen, och satter
   swiper till 2 kort per vy. Temats egna .swiper-nav gar inte att styla (varken CSS eller
   inline slar igenom) och doljs darfor helt. ==== */
.rhs-vs-par{margin:40px 0 40px}
.rhs-vs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;row-gap:0;
  max-width:1250px;margin:0 auto;padding:0 22px;box-sizing:border-box}
.rhs-vs-kol{min-width:0;padding:0 26px}
.rhs-vs-kol + .rhs-vs-kol{border-left:1px solid rgba(243,238,227,.18)}
.rhs-vs-par .rhs-rubrik{margin-bottom:8px !important}
.rhs-vs-par .rhs-under{margin-bottom:26px !important}
.rhs-vs-topp{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.rhs-vs-par .rhs-vs-grid .rhs-vs-kol h3.rhs-vs-etikett{font-family:"Crimson Text",Georgia,serif;
  font-size:18px !important;font-weight:700;color:#f3eee2;text-align:left;margin:0;
  letter-spacing:.02em;flex:1 1 auto}
.rhs-vs-nav{display:flex;gap:8px;flex:0 0 auto}
.rhs-vs-pil{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(20,17,14,.85);color:#efe7d6;border:0;border-radius:50%;cursor:pointer;padding:0;
  box-shadow:inset 0 0 0 1px rgba(243,238,227,.30)}
.rhs-vs-pil svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}
.rhs-vs-pil:hover{background:rgba(40,34,27,.95);color:#fff}
.rhs-vs-pil:focus-visible{outline:2px solid #efe7d6;outline-offset:2px}
.rhs-vs-kol .swiper-nav{display:none}
.rhs-vs-kol section.rhs-vs-sektion{margin-top:0 !important}
@media (max-width:767.98px){
  .rhs-vs-par{margin:28px 0 28px}
  .rhs-vs-grid{grid-template-columns:minmax(0,1fr);padding:0}
  .rhs-vs-kol{padding:0}
  .rhs-vs-kol + .rhs-vs-kol{border-left:0;border-top:1px solid rgba(243,238,227,.18);
    padding-top:22px;margin-top:8px}
  .rhs-vs-par .rhs-under{margin-bottom:20px !important}
  .rhs-vs-par .rhs-vs-grid .rhs-vs-kol h3.rhs-vs-etikett{font-size:17px !important}
  .rhs-vs-topp{margin-bottom:12px}
  .rhs-vs-pil{width:44px;height:44px}
}


/* RHS FILRAD 6 sep 2026: den nativa filinputen ligger kvar i floedet med
   opacity 0 och lagger en tom rad pa 54 px under knappen "Valj fil".
   Etiketten har for=file-<id>, sa knappen oppnar filvaljaren aven nar
   inputen tas ur floedet. Klipp-metoden (inte display:none) kravs for att
   inputen ska forbli fokuserbar och klickbar via etiketten. */
.product-property-file input.qs-cart-product-file{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}


/* RHS LEVERANSDROPP 6 sep 2026: "Valj Leverans & frakt" har alternativ pa
   upp till 64 tecken (382 px text). Vid 390 px skarmbredd finns 294 px kvar
   inne i kontrollen, sa etiketten maste kortas med punkter i stallet for att
   kapas mitt i ett ord. Galler alla dropdown-varianter, inte bara leverans. */
article#product .controls.rhs-har-dropdown select.qs-cart-option{
  text-overflow:ellipsis;
  white-space:nowrap;
}


/* RHS TILLBEHORSRUTA 7 sep 2026 (v4): rutan som "Las mer" under Tillbehor
   oppnar. Panelen ar en kolumn: ramen med produktsidan tar all hojd som blir
   over, foten med atgardsknappen ligger still langst ner. Hojden ar 90dvh med
   vh som reserv OCH max-height:100% - pa iPhone raknas vh pa den stora
   viewporten medan den fixerade behallaren foljer den synliga, och skillnaden
   (~85 px pa 390x844) tryckte stangknappen ovanfor skarmkanten.
   z-index 100001 lagger rutan over kundvagnspanelen (100000). */
.rhs-tillbruta{position:fixed;inset:0;z-index:100001;display:flex;
  align-items:center;justify-content:center;padding:24px}
.rhs-tillbruta[hidden]{display:none !important}
/* Rullningslaset gors i JS med fixerad body - html{overflow:hidden} rackte
   inte i det har temat (uppmatt: sidan bakom rullade 684 px anda). Regeln
   star kvar som andra lager och for att ta bort rullisten. */
html.rhs-tillbruta-oppen{overflow:hidden}
.rhs-tillbruta-tack{position:absolute;inset:0;background:rgba(20,17,14,.85)}
.rhs-tillbruta-panel{position:relative;width:min(1100px,100%);height:90vh;
  max-height:100%;display:flex;flex-direction:column;
  background:#1f1a14;border:1px solid rgba(243,238,227,.18);border-radius:12px;
  overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.55)}
@supports (height:100dvh){.rhs-tillbruta-panel{height:90dvh}}
.rhs-tillbruta-stang{position:absolute;top:10px;right:10px;z-index:2;
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(243,238,227,.18);border-radius:50%;padding:0;
  background:rgba(20,17,14,.82);color:#f3eee2;cursor:pointer}
.rhs-tillbruta-stang:hover,.rhs-tillbruta-stang:focus-visible{background:#1f1a14}
.rhs-tillbruta-stang svg{width:20px;height:20px;fill:none;stroke:currentColor;
  stroke-width:1.8;stroke-linecap:round}
/* pointer-events:none - laddtexten tacker hela panelen och at annars klick pa
   bada knapparna i foten under hela laddningen. */
.rhs-tillbruta-laddar{position:absolute;inset:0;margin:0;display:flex;
  align-items:center;justify-content:center;text-align:center;padding:0 24px;
  pointer-events:none;color:#a99e8c;
  font-family:'Crimson Text',Georgia,serif;font-size:17px}
.rhs-tillbruta-laddar[hidden]{display:none}
.rhs-tillbruta-ram{display:block;flex:1 1 auto;width:100%;min-height:0;border:0;
  background:#1f1a14}
.rhs-tillbruta-ram[hidden]{display:none}
.rhs-tillbruta-fot{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;
  gap:12px 18px;padding:14px 20px;background:#1f1a14;
  border-top:1px solid rgba(243,238,227,.18)}
.rhs-tillbruta-lagg{min-height:48px;padding:0 22px;border:0;border-radius:10px;
  background:#1F8665;color:#fff;font-size:15px;letter-spacing:.02em;cursor:pointer}
.rhs-tillbruta-lagg:hover{background:#186b51}
.rhs-tillbruta-lagg[hidden]{display:none}
.rhs-tillbruta-lagg[data-vald="1"],
.rhs-tillbruta-lagg:disabled{background:none;color:#a99e8c;
  border:1px solid rgba(243,238,227,.18);cursor:default}
.rhs-tillbruta-oppna{display:inline-flex;align-items:center;min-height:44px;
  color:#a99e8c;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.rhs-tillbruta-oppna:hover{color:#f3eee2}
@media (max-width:767.98px){
  .rhs-tillbruta{padding:0;align-items:flex-end}
  .rhs-tillbruta-panel{width:100%;height:94vh;border-radius:14px 14px 0 0;
    border-bottom:0}
  .rhs-tillbruta-fot{padding:12px 14px;
    padding-bottom:calc(12px + env(safe-area-inset-bottom))}
  .rhs-tillbruta-lagg{flex:1 1 100%}
}
@supports (height:100dvh){
  @media (max-width:767.98px){.rhs-tillbruta-panel{height:94dvh}}
}

/* Produktsidan nar den visas inne i rutan. Bort med sidhuvud, sidfot och
   brodsmulor, sa att bara produkten syns. Bort ocksa med ramens egen kopdel:
   tillvalsrader, variantvaljare, kop-knappen, den fasta mobilkopraden,
   korgpanelen och relaterade produkter. Rutan ska informera, inte konkurrera
   med det grona plusset pa tillbehorsraden. Rubrik, pris, galleri, lagerstatus,
   trygghetsraden, beskrivning och recensioner star kvar.

   .rhs-pdp-sticky byggs av produktmallens skript och hangs pa document.body,
   alltsa UTANFOR form.qs-cart - darfor egen regel. Den forsvinner ocksa vid
   kallan (tidig retur i rhsStickyBygg), det har ar balte och hangslen.
   body.rhs-pdp har 80 px botten-luft for just den raden; utan raden ar den
   bara tom yta. */
html.rhs-i-ruta > body > header,
html.rhs-i-ruta > body > footer,
html.rhs-i-ruta > body > a.rhs-skip,
html.rhs-i-ruta > body > a.rhs-hoppa{display:none !important}
html.rhs-i-ruta > body > #rhs-main{padding-top:18px !important}
html.rhs-i-ruta .breadcrumb,
html.rhs-i-ruta nav[aria-label="Brödsmulor"]{display:none !important}
html.rhs-i-ruta .grecaptcha-badge{display:none !important}
html.rhs-i-ruta article#product form.qs-cart .product-property-line,
html.rhs-i-ruta article#product form.qs-cart .option-row,
html.rhs-i-ruta article#product form.qs-cart .addCart,
html.rhs-i-ruta .rhs-pdp-sticky,
html.rhs-i-ruta #sidebarCart,
html.rhs-i-ruta section.rhs-pdp-crossgrid{display:none !important}
html.rhs-i-ruta body.rhs-pdp{padding-bottom:0 !important}


/* RHS BLOGGBRYTNING 7 sep 2026: bloggartikelns loptext innehaller ett obrutet
   ord som gjorde sidan 11 px horisontellt rullbar vid 390 px. Uppmatt:
   article.hero.post scrollWidth 386 mot clientWidth 360, utan att nagot
   barnelement stack ut - alltsa text som inte kan brytas. break-word bryter
   bara nar ordet annars skulle sticka ut, sa ovrig typografi ar oforandrad. */
article.hero.post,
article.hero.post p,
article.hero.post li,
article.hero.post h1,
article.hero.post h2,
article.hero.post h3{overflow-wrap:break-word}


/* RHS CERAKOTE-FARGVAL 7 sep 2026 (v2): fargvaljaren under Cerakote-tillbehoret.
   Varje val ar en kolumn med bildruta och namn under - title racker inte pa
   pekskarm, dar hovring inte finns. Stor forhandsvisning till vanster eftersom
   en 60 px miniatyr inte racker for att skilja tva jordfarger at nar valet
   kostar 950 kr och inte gar att angra. Galler BARA Cerakote. */
.rhs-cfarg{margin:12px 0 6px}
/* Inne i tillbehorsrutan ar kopdelen dold; da ska valjaren inte heller synas. */
html.rhs-i-ruta .rhs-cfarg{display:none !important}

.rhs-cfarg-topp{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.rhs-cfarg-forhand{flex:0 0 auto;width:96px;height:96px;border-radius:8px;
  border:1px solid rgba(243,238,227,.18);background-color:#efe7d6;
  background-size:cover;background-position:center;
  background-image:linear-gradient(135deg,rgba(243,238,227,.10),rgba(243,238,227,.03))}
.rhs-cfarg-forhand-fylld{border-color:rgba(243,238,227,.4)}
.rhs-cfarg-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.rhs-cfarg-rubrik{font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;
  color:#a99e8c}
.rhs-cfarg-antal{font-size:12px;color:#a99e8c;letter-spacing:.02em}
.rhs-cfarg-vald{font-family:'Crimson Text',Georgia,serif;font-size:17px;
  line-height:1.25;color:#f3eee2;overflow-wrap:break-word}
.rhs-cfarg-nav{display:flex;gap:8px;flex:0 0 auto;align-self:flex-start}
.rhs-cfarg-pil{width:44px;height:44px;display:flex;align-items:center;
  justify-content:center;padding:0;border:1px solid rgba(243,238,227,.18);
  border-radius:50%;background:none;color:#f3eee2;cursor:pointer}
.rhs-cfarg-pil:hover{border-color:rgba(243,238,227,.45)}
.rhs-cfarg-pil svg{width:16px;height:16px;fill:none;stroke:currentColor;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* padding-bottom ger fokusringen plats; utan den klipps den av rullningsrutan. */
.rhs-cfarg-band{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;
  scrollbar-width:thin;padding:3px 0 8px;scroll-padding:0 8px}
.rhs-cfarg-cell{flex:0 0 auto;width:88px;display:flex;flex-direction:column;gap:5px}
.rhs-cfarg-ruta{position:relative;width:88px;height:66px;padding:0;cursor:pointer;
  border:1px solid rgba(243,238,227,.18);border-radius:6px;
  background-color:#efe7d6;background-size:cover;background-position:center}
.rhs-cfarg-ruta:hover{border-color:rgba(243,238,227,.5)}
.rhs-cfarg-namn{font-size:11px;line-height:1.25;color:#a99e8c;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden}

/* Temat nollstaller box-shadow pa allt fokuserat i article#product med
   !important, sa markeringen maste vaga tyngre - annars foll ringen bort i
   samma stund som kunden klickade. Bocken ar dessutom en bekraftelse som inte
   bygger pa farg. */
article#product .rhs-cfarg-band button.rhs-cfarg-ikryssad{
  border-color:#e8b54a !important;
  box-shadow:0 0 0 2px #e8b54a !important}
.rhs-cfarg-ruta.rhs-cfarg-ikryssad::after{content:"\2713";position:absolute;
  right:4px;bottom:3px;width:20px;height:20px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#e8b54a;color:#20180c;font-size:12px;line-height:1;font-weight:700}
.rhs-cfarg-ikryssad + .rhs-cfarg-namn{color:#f3eee2}

.rhs-cfarg-krav{margin:8px 0 0;padding:9px 11px;
  font-family:'Crimson Text',Georgia,serif;font-size:14.5px;line-height:1.4;
  color:#f3eee2;border:1px solid #da871e}
.rhs-cfarg-krav[hidden]{display:none}
.rhs-cfarg-kravs .rhs-cfarg-band{outline:1px solid #da871e;outline-offset:3px}

/* Dubbletten av samma tillbehor doljs men ligger kvar omarkerad i formularet. */
.rhs-cfarg-dubblett{display:none !important}
/* Textfaltet som bar fargen ersatts visuellt av rutorna. */
.rhs-cfarg-dolt-falt{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap}

@media (max-width:767.98px){
  .rhs-cfarg-forhand{width:84px;height:84px}
  .rhs-cfarg-cell{width:78px}
  .rhs-cfarg-ruta{width:78px;height:60px}
  .rhs-cfarg-vald{font-size:16px}
}

/* I tillbehorsrutan ska fargrutorna SYNAS men inte gaa att valja - det ar dar
   kunden kan se kuloren stort, medan valet gors med bandet pa produktsidan.
   Gruppen markeras av theme.js eftersom :has() inte far anvandas. */
html.rhs-i-ruta article#product form.qs-cart .form-group.rhs-i-ruta-farger{
  display:block !important;pointer-events:none}
html.rhs-i-ruta article#product form.qs-cart .form-group.rhs-i-ruta-farger input{
  pointer-events:none}

/* Plattformen hanger pa vald variant efter etiketten. I rutan gar inget att
   valja, sa det namnet ar bara forvirrande dar. */
html.rhs-i-ruta .rhs-i-ruta-farger .option-row-custom-variant-name{display:none}

/* ===== RHS TILLBEHORSKNAPP I GULD 8 sep 2026 =====
   Carlo: plusknappen ska ha samma orangegula ton som resten av temat,
   #e8b54a - samma guld som betygsstjarnorna, brodsmulornas pil och den
   valda fargrutan i Cerakote-bandet.
   ENDAST OVALT LAGE. Nar tillbehoret ar valt ska knappen bli GRON, precis
   som forut: guld = "gar att lagga till", gront = "tillagt". Rorde darfor
   inte .rhs-ikryssad/.rhs-vald-reglerna hogre upp i filen.
   Morkt black pa guld i stallet for vitt: vit text pa #e8b54a ger 2,0:1
   och hade fallit pa kontrastsvepet, #241d12 ger ca 8:1.
   Bade tillbehorsrader och kryssrutetillval - samma kontroll for kunden,
   och de star bredvid varandra i kopkolumnen. */
article#product .rhs-pdp-tillval .product-property-addon::after,
article#product .product-property-checkbox > label::after{
  background:#e8b54a !important;
  color:#241d12 !important;
  border:0 !important}
article#product .rhs-pdp-tillval .product-property-addon:hover::after,
article#product .product-property-checkbox > label:hover::after{
  background:#f0c877 !important;
  color:#241d12 !important}
/* Tillbehorsrader utanfor kopkolumnens tillvalslada: dar ar plusknappen
   genomskinlig med ram, sa bara ramen och texten fargas om vid hover. */
article .product-property-addon:hover::after{border-color:#e8b54a !important;color:#f3eee2 !important}

/* ===== RHS FARGRUTAN VISAS FORST NAR EN FARG AR VALD 8 sep 2026 =====
   Den stora forhandsrutan stod tom och krammig innan kunden klickat, och
   lastes da som en trasig bild bredvid texten "Ingen farg vald". Den ritas
   nu forst nar den faktiskt visar nagot - JS satter .rhs-cfarg-forhand-fylld
   nar en kulor valts och tar bort den nar valet nollstalls. */
article#product .rhs-cfarg-forhand{display:none !important}
article#product .rhs-cfarg-forhand.rhs-cfarg-forhand-fylld{display:block !important}

/* ===== RHS BESKRIVNINGEN VANSTERSTALLD 8 sep 2026 =====
   Beskrivningens brodtext lag i en 700 px lasspalt med auto-marginaler.
   Rubriker utan den regeln (h4) borjade i kortets vanstermarginal medan
   styckena borjade 230 px in - det lastes som centrerad, ojamn text.
   Livemallen har ingen lasspalt alls: texten fyller kortet. Matt i Chrome
   1600 px: live-stycke x=215 bredd=1170 i ett kort pa 1250. Vi tar darfor
   bort spalten for TEXTEN. Bilder, tabeller och figurer behaller sin
   maxbredd - Carlo bad om texten, och en 2000 px bild pa full kortbredd
   ar en annan sak. */
article#product .rhs-pdp-accinner p,
article#product .rhs-pdp-accinner h1,
article#product .rhs-pdp-accinner h2,
article#product .rhs-pdp-accinner h3,
article#product .rhs-pdp-accinner h4,
article#product .rhs-pdp-accinner h5,
article#product .rhs-pdp-accinner ul,
article#product .rhs-pdp-accinner ol{
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important}

/* ===== RHS DELNINGSIKONER I EGNA FARGER 8 sep 2026 =====
   Ikonerna var vita och tunna (17,6 px) och forsvann mot det morka
   underlaget. Native varumarkesfarger gor dem lasbara och igenkannbara.
   Ikonerna ar CSS-masker, inte teckensnitt: kuloren sitter i
   background-color, inte color. Att bara satta color gor ingenting.
   X och e-post har ingen farg som fungerar mot morkt - X ar svart som
   varumarke - sa de far temats cremevita. Klickytan ar redan 44x44. */
article#product a.social-share.social-share-fb i{background-color:#1877F2 !important;color:#1877F2 !important}
article#product a.social-share.social-share-pinterest i{background-color:#E60023 !important;color:#E60023 !important}
article#product a.social-share.social-share-linkedin i{background-color:#0A66C2 !important;color:#0A66C2 !important}
article#product a.social-share.social-share-email i{background-color:#f3eee2 !important;color:#f3eee2 !important}
article#product a.social-share.social-share-twitter svg{fill:#f3eee2 !important}
article#product a.social-share i,
article#product a.social-share svg{font-size:20px !important;width:20px !important;height:20px !important}
article#product a.social-share:hover i{filter:brightness(1.2) !important}
article#product a.social-share.social-share-twitter:hover svg{fill:#ffffff !important}

/* ===== RHS RECENSIONSPRICKAR RADBRYTS 8 sep 2026 =====
   Plattformens recensionskarusell lagger en prick per recension i en
   flexrad med nowrap. 28 recensioner blev 1099 px i en 503 px kolumn och
   rann ut over sidan. Prickarna doljs INTE - raden far bryta. Klickytan
   pa 32 px behalls (tillganglighetssvepet). Klassen satts fran theme.js
   eftersom behallaren saknar bade klass och id. */
article#product .reviews-section .rhs-recprickar{display:none !important}
/* Med prickarna borta far pilarna och raknaren dela EN rad, centrerad.
   Raknaren flyttas in mellan pilarna fran theme.js. */
article#product .reviews-section .rhs-recnav{
  justify-content:center !important;
  align-items:center !important;
  gap:16px !important;
  margin-top:14px !important}
/* "(3/28) Visa alla" ar plattformens egen raknare och den ljuger nu:
   temats spar (#rhs-review-track) innehaller ALLA recensioner redan vid
   sidladdning - 28 av 28 - medan texten pastar tre. Den doljs darfor helt.
   Kvar blir tva pilar och rubrikens "RECENSIONER (28)". Ingenting att
   rakna ut for kunden, inget som kan bli fel. */
article#product .reviews-section .rhs-recnav .rhs-recvisaalla{display:none !important}

/* ===== RHS DELNING INSTAGRAM TIKTOK SNAPCHAT 8 sep 2026 ===== */
article#product a.social-share.social-share-instagram i{
  background-color:transparent !important;
  background-image:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%) !important}
article#product a.social-share.social-share-tiktok i{background-color:#f3eee2 !important}
article#product a.social-share.social-share-snapchat svg{fill:#FFFC00 !important}
article#product .rhs-delning-besked{margin:10px 0 0 !important;font-size:12.5px !important;
  line-height:1.4 !important;color:#a99e8c !important;min-height:1.4em !important}

/* ===== RHS BESKRIVNING SOM LIVE 8 sep 2026 =====
   Carlo: produktbeskrivningen ska se ut EXAKT som i livemallen — bara
   layouten, hopfallningen ("Visa hela beskrivningen") ar kvar.
   Uppmatta varden i livemallen (Chrome, samma produkt):
     h2  35,2px / 45,76px (1,3)  #222  700  margin 0 0 8px
     h3  30,8px / 40,04px (1,3)  #222  700  margin 0 0 8px
     p   17,6px / 28,16px (1,6)  #222  400  margin 0 0 16px
     ul/ol/li  17,6px / 28,16px             margin 0 0 16px
   Testmallen korde 19px brodtext och 27/22px rubriker med mer luft.
   Nedan speglas livevardena rakt av. */
article#product .rhs-pdp-accinner h2{font-size:35.2px !important;line-height:1.3 !important;color:#222 !important;font-weight:700 !important;margin:0 0 8px !important}
article#product .rhs-pdp-accinner h3{font-size:30.8px !important;line-height:1.3 !important;color:#222 !important;font-weight:700 !important;margin:0 0 8px !important}
article#product .rhs-pdp-accinner h4{font-size:26.4px !important;line-height:1.3 !important;color:#222 !important;font-weight:700 !important;margin:0 0 8px !important}
article#product .rhs-pdp-accinner p,
article#product .rhs-pdp-accinner ul,
article#product .rhs-pdp-accinner ol{font-size:17.6px !important;line-height:1.6 !important;color:#222 !important;margin:0 0 16px !important}
article#product .rhs-pdp-accinner li{font-size:17.6px !important;line-height:1.6 !important;color:#222 !important;margin:0 !important}
/* Livemallen ger listorna 40 px indrag (li-x 128 mot styckets 88). I
   testmallen lag padding-left pa 0, sa siffrorna och punkterna hangde
   utanfor textblocket. */
article#product .rhs-pdp-accinner ul,
article#product .rhs-pdp-accinner ol{padding-left:40px !important}

/* ===== RHS BESKRIVNING LISTOR SOM LIVE =====
   Testmallen ritade om beskrivningens punktlistor: tva spalter, hairline
   mellan raderna, dold punkt och ett eget streck via ::before. Livemallen
   har vanliga listor — disc/decimal, en spalt, inga ramar. Uppmatt i live:
   ul disc, ol decimal, 40 px padding-left, li display:list-item, 0 kant. */
article#product .rhs-pdp-accinner ul{list-style:disc !important;column-count:1 !important;column-gap:normal !important}
article#product .rhs-pdp-accinner ol{list-style:decimal !important;column-count:1 !important;column-gap:normal !important}
article#product .rhs-pdp-accinner ul li,
article#product .rhs-pdp-accinner ol li{display:list-item !important;gap:normal !important;padding:0 !important;border:0 !important;break-inside:auto !important}
article#product .rhs-pdp-accinner ul li::before{content:none !important;display:none !important}

/* ===== RHS KORTKNAPP 8 sep 2026 =====
   Plattformens .product-hover-overlay flyttas av theme.js ut ur bildens
   hover-lager och blir en permanent knapp sist i kortet. Overlayen doljs
   fortfarande overallt annars (hover-varianten ar borttagen sedan 3 sep) -
   bara den flyttade, klassade .rhs-kortknapp visas.
   Texten kommer fran plattformen: "Lagg i korgen" for produkter utan
   varianter, "Flera val" for dem som har. Da kan etiketten aldrig ljuga. */
.rhs-kat-rutnat .product .product-hover-overlay.rhs-kortknapp,
.product-hover-overlay.rhs-kortknapp{
  display:block !important;position:static !important;inset:auto !important;
  background:transparent !important;width:100% !important;
  /* Plattformen satter height:48px pa overlayen. Med box-sizing:border-box at
     den hojden upp knappens egen bottenpadding, sa avstandet till kortkanten
     varierade med skarmbredden (14 px pa desktop, 11 px pa mobil). height:auto
     gor bandet lika hogt placerat som grannkortens ::after overallt. */
  height:auto !important;
  margin-top:auto !important;padding:0 14px 14px !important;
  opacity:1 !important;visibility:visible !important;transform:none !important}
.rhs-kortknapp form.qs-cart{width:100% !important;margin:0 !important}
/* Plattformens egen kopknapp ar mork #191512 med graddvit text (regeln
   button.qs-cart-submit.w-100 hogst upp i filen). Den fargen behalls - det ar
   sajtens kop-farg pa produktsidan, och den skiljer kop-kortet fran det grona
   "Visa produkt"-bandet vid ett ogonkast. Bara formen jamkas in: samma bredd,
   samma kantiga band, samma serif-versaler som bandet. */
.rhs-kortknapp button{
  display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;
  width:100% !important;min-height:0 !important;padding:11px 0 !important;
  border:0 !important;border-radius:0 !important;
  font-family:'Crimson Text',Georgia,serif !important;
  font-size:13px !important;letter-spacing:.15em !important;text-transform:uppercase !important}
/* Grön, samma #1F8665 som grannkortens "Visa produkt"-band (Carlo 8 sep).
   Texten maste vara ren vit: krämvitet #f3eee2 som plattformens egen regel
   satter ger 3,89:1 mot gronet, vitt ger 4,51:1 och klarar 4.5:1-kravet. */
.rhs-kortknapp button.qs-cart-submit.w-100{background-color:#1F8665 !important}
.rhs-kortknapp button.qs-cart-submit.w-100:hover{background-color:#186b51 !important}
.rhs-kortknapp button.qs-cart-submit.w-100,
.rhs-kortknapp button.qs-cart-submit.w-100 *{color:#fff !important;fill:#fff !important}
.rhs-kortknapp button span{
  font-family:'Crimson Text',Georgia,serif !important;
  font-size:13px !important;letter-spacing:.15em !important;line-height:1.45 !important}
.rhs-kortknapp button svg{width:17px !important;height:17px !important}
.rhs-kortknapp > a{
  display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;min-height:44px !important;
  border:1px solid #d8d2c3 !important;border-radius:8px !important;
  color:#222 !important;text-decoration:none !important;
  font-size:13px !important;letter-spacing:.08em !important;text-transform:uppercase !important}
.rhs-kortknapp > a:hover{border-color:#222 !important}
/* Kortet som fatt kopknappen: plattformens egen ::after-etikett "Visa produkt"
   maste bort, annars star tva knappar under varandra. De 64 px som reserverats
   for det absolutpositionerade bandet behovs inte heller - knappen ar nu ett
   riktigt element i flodet. Kolumnen gors till flex sa att knappen hamnar i
   underkant aven pa kort med kortare produktnamn (margin-top:auto ovan). */
.rhs-kat-rutnat .product.rhs-kort-kop .bg-white{
  /* 0 - overlayens egen padding (14 px) ar hela avstandet till kortkanten,
     exakt som grannkortens gronband med bottom:14px. */
  padding-bottom:0 !important;
  display:flex !important;flex-direction:column !important;height:100% !important}
.rhs-kat-rutnat .product.rhs-kort-kop .bg-white::after{
  content:none !important;display:none !important}
/* ===== RHS KUNSKAPSBANK I MENYN 8 sep 2026 =====
   Dropdownen speglar nu hubbsidan: fyra spar som var och ett fallar ut sina
   artiklar. Tva saker behovdes for att det ska ga att lasa.
   1. Menylankarna lag pa #868e96 mot vitt = 3,32:1, under 4,5:1-kravet. Alla
      dropdownlankar far samma morkare ton - bara Kunskapsbank hade stuckit ut.
   2. De fyra sparen sag exakt ut som artiklarna under dem; bara indraget
      skilde nivaerna at. De satts i halvfet mork ton och laser som rubriker,
      precis som pa hubbsidan.
   Scopat pa lankmalet: menypunkterna saknar egna klasser och :has() ar
   forbjudet i temat (se prestandanoteringen 3 sep). */
header .dropdown-menu a{color:#3d3a34}
header .dropdown-menu a[href*="/kunskapsbank#"]{
  font-weight:700;color:#22201c;letter-spacing:.005em}
/* ===== RHS KORGBRICKAN I HORNET 8 sep 2026 =====
   Plattformen flyttar antalsbrickan vid exakt 576 px - samma brytpunkt dar
   texten VARUKORG dyker upp bredvid ikonen. Under den ligger brickan som en
   riktig hornbricka (right:-9px, 9 px utanfor ikonen). Over den dras den in
   till right:4px, och eftersom brickan ar 20 px och ikonrutan 24 px hamnar den
   da mitt over vaskan i stallet for i hornet: uppmatt badge.left = ikon.left.
   Det ar darfor den ser ratt ut pa telefonen men fel pa datorn.
   Har satts den tillbaka i hornet. 18 px i stallet for 20 gor att den ryms
   innanfor ikonens hogerkant med 3 px luft till texten - -9px som pa mobilen
   hade lagt den ovanpa V:et i VARUKORG. */
@media (min-width:576px){
  header.header a[data-target="#sidebarCart"] .navbar-icon-badge{
    right:3px !important;top:-8px !important;
    width:18px !important;height:18px !important;
    line-height:18px !important;font-size:11.5px !important}
}
/* ===== RHS KATEGORISEKTIONER SOM RULLGARDIN 9 sep 2026 =====
   Snabbfakta, guide, tips, FAQ och kategoritexten ligger hopfallda i native
   <details>. Innehallet finns kvar i DOM:en aven nar rutan ar stangd, sa
   sokmotorer och AI-crawlers laser det som forr - och FAQPage-schemat ligger i
   ett eget JSON-LD-block som inte pavarkas alls.
   Sektionerna inuti har olika egna bredder (760-1250 px), sa rutan lamnas
   obegransad och det ar rubrikraden som halls pa sidans 1250 px sa att
   harstrecken linjerar med rutnatet ovanfor. */
details.rhs-kat-fall{margin:0}
details.rhs-kat-fall > summary.rhs-kat-fall-rub{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  max-width:1250px;margin:0 auto;padding:17px 22px;
  border-top:1px solid rgba(243,238,226,.14);
  font-family:'Crimson Text',Georgia,serif;
  font-size:19px;line-height:1.3;color:#f3eee2;
  transition:color .15s ease}
details.rhs-kat-fall > summary.rhs-kat-fall-rub::-webkit-details-marker{display:none}
details.rhs-kat-fall > summary.rhs-kat-fall-rub::marker{content:""}
details.rhs-kat-fall > summary.rhs-kat-fall-rub::after{
  content:"+";color:#e8b54a;font-size:23px;line-height:1;flex:0 0 auto}
details.rhs-kat-fall[open] > summary.rhs-kat-fall-rub::after{content:"\2013"}
details.rhs-kat-fall > summary.rhs-kat-fall-rub:hover{color:#e8b54a}
details.rhs-kat-fall > summary.rhs-kat-fall-rub:focus-visible{
  outline:2px solid #e8b54a;outline-offset:-2px}
/* sektionens egen rubrik doljs - den star i rullgardinens rad i stallet */
.rhs-kat-fall-dold{display:none !important}
details.rhs-kat-fall > section{margin-top:0}
details.rhs-kat-fall[open] > section{padding-bottom:10px}
@media (max-width:767px){
  details.rhs-kat-fall > summary.rhs-kat-fall-rub{padding:15px;font-size:17.5px}
}
/* ===== RHS ONSKELISTANS DELNINGSRUTA 9 sep 2026 =====
   Delningsrutan pa /shop/wishlist ar plattformens egen och ritas pa VIT
   bakgrund, men den arver temats textfarger som ar gjorda for mork botten.
   Uppmatt: etiketter och rubrik lag pa #cfc8b6 mot vitt = 1,67:1 - i praktiken
   osynliga, medan falten var morka med vit text mitt i den vita rutan.
   Rutan far darfor samma morka kort som resten av sajten; da stammer bade
   texterna och falten, och kontrasten gar fran 1,67:1 till 9,9:1. */
.wishlist-sharebox{
  background:#201a15 !important;
  border:1px solid rgba(243,238,226,.17) !important;
  border-radius:14px !important;
  padding:22px 24px !important;
  max-width:100% !important}
.wishlist-sharebox input.form-control{
  background:#161310 !important;color:#f3eee2 !important;
  border:1px solid rgba(243,238,226,.22) !important;
  border-radius:6px !important;height:44px !important;font-size:16px !important}
.wishlist-sharebox input.form-control::placeholder{color:#8d8271 !important}
.wishlist-sharebox label{color:#cfc8b6 !important;font-size:13.5px !important}
.wishlist-sharebox .share-facebook{
  display:inline-flex !important;align-items:center !important;
  min-height:44px !important;padding:0 16px !important;border-radius:6px !important}
.wishlist-sharebox button[type=submit]{
  min-height:44px !important;border:0 !important;border-radius:6px !important}
/* ===== RHS FOTMENYER PA MOBIL 9 sep 2026 =====
   Under 992 px ska fotens kolumner ligga hopfallda - footern var 1246 px hog
   pa en 390 px skarm med allt utfallt. Plattformens egen hopfallning finns men
   temat doljer togglaren och tvingar panelen oppen (uppmatt: toggler
   display:none, panel display:block trots klassen collapse). Har slapps bada.
   theme.js ger panelerna unika id - utan det pekar alla togglar pa samma
   panel. Over 992 px ar allt orort och kolumnerna star utfallda som forr. */
@media (max-width:991.98px){
  /* Hogre specificitet an temats egen doljning: den vann over
     "footer a.block-toggler" trots !important. Klassen upprepas i stallet
     for att lagga till nya element i selektorn. */
  html body footer a.block-toggler.block-toggler{
    display:flex !important;align-items:center !important;
    justify-content:space-between !important;gap:16px !important;
    width:100% !important;min-height:48px !important;margin:0 !important;
    padding:12px 2px !important;
    border-bottom:1px solid rgba(243,238,226,.14) !important;
    text-decoration:none !important}
  html body footer a.block-toggler.block-toggler::after{
    content:"+";color:#e8b54a;font-size:22px;line-height:1;flex:0 0 auto}
  html body footer a.block-toggler.block-toggler[aria-expanded="true"]::after{content:"\2013"}
  footer .expand-lg.collapse:not(.show){display:none !important}
  footer .expand-lg.collapse.show{display:block !important;padding:6px 0 14px !important}
  footer .expand-lg.collapsing{display:block !important}
}
/* ===== RHS BANDET SKA INTE ATA KLICKET 9 sep 2026 =====
   Pa produkter med bandet "Ny!" gick det inte att trycka pa hjartat. Bandet ar
   75x75 px med z-index 99 och pointer-events:auto; hjartat ar 44x44 med
   z-index 6 och ligger HELT innanfor bandets ruta (1935 av 1935 px2), sa varje
   klick traffade bandet i stallet. Bandet innehaller varken lank eller knapp,
   sa det slapper igenom klicket har. Hjartat flyttas dessutom ner under bandet
   nar ett sadant finns (klassen sats av theme.js) - annars hade det legat kvar
   bakom grafiken och varit osynligt. */
article#product .ribbon,
.rhs-kat-rutnat .product .ribbon,
.product-slide .ribbon{pointer-events:none !important}
article#product .ribbon a,
article#product .ribbon button{pointer-events:auto}
article#product.rhs-har-band .wishlist-btn{top:88px !important}
@media (max-width:767px){
  article#product.rhs-har-band .wishlist-btn{top:76px !important}
}