/* ===== Brandbook V3 — Typography ===== */
/* Hero typeface: Poppins (Thin 100, Regular 400, Bold 700, Black 900) */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url('_font/poppins-v22-latin-100.woff2') format('woff2'); }

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('_font/poppins-v22-latin-regular.woff2') format('woff2'); }

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('_font/poppins-v22-latin-700.woff2') format('woff2'); }

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('_font/poppins-v22-latin-900.woff2') format('woff2'); }

/* Sidekick typeface: Noto Sans (Regular 400, Italic, Bold 700, Bold Italic) */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('_font/noto-sans-v36-latin-regular.woff2') format('woff2'); }

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('_font/noto-sans-v36-latin-italic.woff2') format('woff2'); }

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('_font/noto-sans-v36-latin-700.woff2') format('woff2'); }

@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url('_font/noto-sans-v36-latin-700italic.woff2') format('woff2'); }

/* Artistic typeface: Turbinado Pro (decorative, "Sale", "Bestselger" etc) */
@font-face {
  font-family: 'Turbinado Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('_font/turbinado-pro-regular.woff2') format('woff2'); }

@font-face {
  font-family: 'Turbinado Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('_font/turbinado-pro-bold.woff2') format('woff2'); }

:root {
  /* ===== Brandbook V3 — Complete Design Token System ===== */

  /* V3 Signature Shades (Primary Palette) */
  --v3-coral-red: #FF1E5A;
  --v3-hot-pink: #FF50A0;
  --v3-punchy-pink: #FF78B4;
  --v3-pastry-pink: #FFA0D2;
  --v3-rose-pink: #FFBEE6;
  --v3-cloud-pink: #FFD2FA;

  /* V3 Support Colors */
  --v3-black-pearl: #0A1928;
  --v3-mjosa: #14325A;
  --v3-sapphire: #2B4492;
  --v3-blue-ivy: #3799BB;
  --v3-oslo-grey: #859193;
  --v3-white: #FFFFFF;

  /* V3 Extended Palette */
  --v3-beech: #508250;
  --v3-bumble-bee: #FFBE1E;
  --v3-red-rose: #BD1046;
  --v3-hemnes: #97C6D3;
  --v3-seafoam: #7ECECB;
  --v3-summer-grass: #B2CE83;
  --v3-lemon-tree: #FDEA87;
  --v3-tangerine: #FF7864;
  --v3-ice: #D4ECE8;
  --v3-green-tea: #D5E6C5;
  --v3-sola-sand: #FDF2CF;
  --v3-mona-lisa: #FFAA92;

  /* === Semantic Tokens (mapped to V3) === */

  /* V2 fix: Primary → Coral Red (was #E6005D) */
  --brand-magenta: var(--v3-coral-red);
  --brand-magenta-dark: var(--v3-red-rose);
  /* V4 fix: Dark surfaces → Black Pearl (was #1A1A1A) */
  --brand-dark: var(--v3-black-pearl);
  --brand-gray: var(--v3-oslo-grey);
  --brand-gray-light: #F4F4F4;
  --brand-gray-subtle: #F8F8F8;
  --brand-border: #ddd;
  --brand-white: var(--v3-white);
  --brand-pink-tint: var(--v3-cloud-pink);

  /* Typography Scale (V3: min 12px, was 10.4px) */
  --fs-xs: 0.75rem;
  --fs-small: 0.8rem;
  --fs-base: 0.875rem;
  --fs-large: 1rem;
  --fw-thin: 100;
  --fw-regular: 400;
  --fw-bold: 700;
  --fw-black: 900;

  /* Spacing */
  --nav-h-primary: 48px;
  --nav-h-utility: 32px;
  --header-padding: 20px;

  /* Shadows */
  --shadow-dropdown: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04);
  --shadow-header: 0 2px 4px rgba(0,0,0,0.08);
  --shadow-secondary: 0 2px 4px rgba(0,0,0,0.15);

  /* Legacy aliases → V3 tokens */
  --main-color: var(--v3-coral-red);
  --secondary-color: var(--v3-pastry-pink);
  --tertiary-color: var(--v3-blue-ivy);
  --main-color-accent: var(--v3-red-rose);
  --main-link-color: var(--v3-black-pearl);
  --main-link-hover-color: var(--v3-coral-red);
  --main-text-color: var(--v3-black-pearl);
  /* V5 fix: Cart green → Beech (was #74c57e) */
  --cart-active-color: var(--v3-beech);
  --cart-hover-color: var(--v3-summer-grass);
  --gray-color: var(--v3-oslo-grey);
  /* V5 fix: Sale → Red Rose (was #c20) */
  --sale-color: var(--v3-red-rose);
  --purchase-size-color: var(--v3-mjosa);
  --purchase-size-color-hover: var(--v3-black-pearl);
  --purchase-color: var(--v3-coral-red);
  --purchase-color-hover: var(--v3-hot-pink);

  /* Campaign colors */
  --bw-bg-color-one: var(--v3-bumble-bee);
  --bw-color-one: var(--v3-black-pearl);
  --bf-bg-color-one: #fffc00;
  --bf-color-one: #000;
  --cm-bg-color-one: #00fddc;
  --cm-color-one: #212121;
  --sd-bg-color-one: #dc2436;
  --sd-color-one: #f3e610;
  --ac-bg-color-one: #c1121f;
  --ac-color-one: #fff;
  --csw-bg-color-two: #e8eb01;
  --csw-color-two: #484848;
  --cm-bg-color-two: #00abb4;
  --cm-color-two: #414141;
}

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

@-ms-viewport {

  width: device-width; }


body {

  -ms-overflow-style: scrollbar; }

html {
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: scroll;
  scroll-padding-top: 160px; }

[id] {
  scroll-margin-top: 160px; }



*, *:before, *:after {

  box-sizing: inherit; }



body {
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  background: #ffffff; }



html, body, div, span, applet, object,

iframe, h1, h2, h3, h4, h5, h6, p, blockquote,

pre, a, abbr, acronym, address, big, cite,

code, del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var, b,

u, i, center, dl, dt, dd, ol, ul, li, fieldset,

form, label, legend, table, caption, tbody,

tfoot, thead, tr, th, td, article, aside,

canvas, details, embed, figure, figcaption,

footer, header, hgroup, menu, nav, output, ruby,

section, summary, time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  letter-spacing: 0.01em;
  font: inherit;

  vertical-align: baseline; }



article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block; }



body {

  line-height: 1;
  -webkit-text-size-adjust: none; }



ol, ul {

  list-style: none; }



blockquote, q {

  quotes: none; }

  blockquote:before, blockquote:after, q:before, q:after {
    content: '';

    content: none; }



table {

  border-collapse: collapse;

  border-spacing: 0; }



mark {

  background-color: transparent;

  color: inherit; }



input::-moz-focus-inner {

  border: 0;
  padding: 0; }



*:focus {
    outline: none;
}

input, select, textarea {

  box-shadow:none;
  -moz-appearance: none;

  -webkit-appearance: none;

  -ms-appearance: none;

  appearance: none; }

a {
  color: var(--main-link-color);

  text-decoration: none; }

a:hover {

  }



strong, b {

  font-weight: 700; }



em, i {

  font-style: italic; }




label {

  font-size: 1rem; }



input[type="text"],

input[type="password"],

input[type="email"],
input[type="tel"],

input[type="search"],

input[type="url"],
input[type="submit"] {
  height: 2.5rem; }



select {

  background-size: 1.25rem;

  background-repeat: no-repeat;

  background-position: calc(100% - 1rem) center;

  height: 2.5rem;

  padding-right: 2.5rem;

  text-overflow: ellipsis; }

  select:focus::-ms-value {

    background-color: transparent; }

  select::-ms-expand {

    display: none; }



textarea {

  padding: 0.75rem 1rem; }

input[type="checkbox"],

input[type="radio"] {

  -moz-appearance: none;

  -webkit-appearance: none;

  -ms-appearance: none;

  appearance: none;

  display: block;

  opacity: 0;

  width: 1rem;

  z-index: -1; }


::-webkit-input-placeholder {

  opacity: 1.0; }



:-moz-placeholder {

  opacity: 1.0; }



::-moz-placeholder {

  opacity: 1.0; }


:-ms-input-placeholder {

  opacity: 1.0; }

input[type="text"],

input[type="password"],

input[type="email"],

input[type="tel"],

input[type="search"],

input[type="url"],

select,

textarea {

  background-color: #fff; }

  input[type="text"]:focus,

  input[type="password"]:focus,
  input[type="email"]:focus,

  input[type="tel"]:focus,

  input[type="search"]:focus,

  input[type="url"]:focus,

  select:focus,

  textarea:focus {

  }



select {

  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E"); }

  select option {

    color: #444444;

    background-color: #ffffff; }




::-webkit-input-placeholder {

  color: #888 !important; }



:-moz-placeholder {

  color: #888 !important; }



::-moz-placeholder {

  color: #888 !important; }



:-ms-input-placeholder {

  color: #888 !important; }

body, input, submit, textarea, select, button {
  font-family: 'Noto Sans', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--main-text-color); }
body {
  padding-top: 0px; }

p {

  margin: 0 0 1rem 0; }

h1, h2, h3, h4, h5, h6 {

  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-weight: 700;

  line-height: 1.6;

  margin: 0 0 1.5rem 0; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

    color: inherit;
    text-decoration: none; }



h1 {

  font-size: 1.6rem;

  line-height: 1.2; }



h2 {

  font-size: 1.4rem;
  line-height: 1.2;
  text-align: center; }



h3 {

  margin: 0;
  line-height: 1.2;
  text-align: center; }

input, textarea, select {
  margin: 0;
  padding: 8px;
  border: 0;
  border-radius: 3px; }
input[type="submit"] {
  cursor: pointer;
  background-color: var(--tertiary-color);
  color: #fff; }
input[type="submit"]:hover {
  background-color: var(--secondary-color); }

a.ad {
  color: #fff; }
a.agray {
  color: var(--gray-color);
  border-color: var(--gray-color); }
a.aimportant {
  font-weight: 700; }
a.uline, .fp-shopinfo a, .ip-content a {
  text-decoration: underline; }
a.uline:hover, .fp-shopinfo a:hover, .ip-content a:hover {
  text-decoration: none; }

a.linkpdf {
  padding-right: 20px;
  background: no-repeat right/18px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-pdf.png'); }

#livesearchv1, #livesearchv2, #livesearchv3, #livesearchv4, #livesearchv5 {
  display: none; }
#livesearchv1.livesearch-active, #livesearchv2.livesearch-active, #livesearchv3.livesearch-active, #livesearchv4.livesearch-active, #livesearchv5.livesearch-active {
  display: block; }

.hidden {
  display: none; }

.price-sale {
  font-weight: 700;
  color: var(--sale-color); }

.actionbtn {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  width: 100%;
  padding: 1rem 0;
  overflow: hidden;
  white-space: nowrap;
  line-height: 22px;
  border: 0;
  border-radius: 3px;
  text-align: center;
  font-weight: 700;
  cursor: pointer; }

.morebtn {
  padding: 0.4rem 1rem;
  line-height: 22px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  font-weight: 700;
  text-transform: uppercase; }
.morebtn:hover, .morebtn-small:hover {
  background-color: #000;
  color: #fff;
  transition: background 0.5s, color 0.5s; }
.morebtn-small {
  padding: 0.4rem 0.8rem;
  line-height: 18px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  font-size: 0.8rem;
  text-transform: uppercase; }

.cart-continue-btn {
  width: 100%;
  padding: 0.8rem 0;
  border: 0;
  border-radius: 3px;
  background-color: #f5f5f5;
  cursor: pointer;
  text-align: center; }
.cart-continue-btn:hover {
  background-color: #fff; }
.cart-checkout-btn {
  width: 100%;
  padding: 0.8rem 0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  background-color: var(--cart-active-color);
  font-weight: 700;
  cursor: pointer;
  text-align: center; }
.cart-checkout-btn:hover {
  background-color: var(--cart-hover-color); }
.cart-checkout-btn1 {
  margin-bottom: 10px; }
.cart-vipps-btn {
  width: 100%;
  padding: 0.8rem 0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  background-color: #ff5b24;
  font-weight: 700;
  cursor: pointer;
  text-align: center; }
.cart-vipps-btn:hover {
  background-color: #ff7f54; }
.cart-vipps-opt-inactive {
  background-color: #ff9f74; }

.site-window-frame {
  margin: auto;
  max-width: 100%; }

.ep-404-wrapper {
  padding: 4rem;
  text-align: center; }
.ep-404-text {
  margin: auto; }
.ep-404-link {
  margin-top: 1rem; }

/* Mobile Menu */

/* ===== Mobile Menu — Overlay Drawer (no body shift) ===== */

html.mobilemenu-open {
  overflow: hidden; }

/* Dark overlay behind drawer, above page content */
.mobilemenu-backdrop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000; }
html.mobilemenu-open .mobilemenu-backdrop {
  display: block; }

/* Drawer container — slides in from left */
.mobilemenu-nav {
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 80%;
  max-width: 320px;
  height: 100%;
  overflow-x: hidden;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.mobilemenu-nav.mm-nav-active {
  transform: translateX(0); }

/* MM Header: brand magenta — sticky at top of drawer */
.mm-nav-top {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1200;
  background-color: var(--brand-magenta);
  border-bottom: 1px solid rgba(0,0,0,0.1);
  display: flex;
  align-items: center;
  justify-content: space-between; }
.mm-nav-top-logo {
  line-height: 0; }
.mm-nav-top-close {
  width: 54px;
  text-align: right;
  line-height: 0; }
.mm-nav-top-logo img {
  margin: 12px;
  width: auto;
  height: 30px; }
.mm-nav-top-close img {
  width: auto;
  height: 54px; }
.mm-nav-close {
  position: absolute;
  width: 62px;
  top: 0;
  right: 0; }
.mm-nav-close img {
  width: 100%;
  height: auto; }

/* MM Body: white drawer */
.mm-nav-frame {
  margin-bottom: 1rem; }
.mm-nav-active {
  zoom: 1;
  left: 0%; }
.mm-nav-wrapper {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: var(--brand-white);
  box-sizing: border-box; }
.mm-nav-wrapper a {
  color: var(--brand-dark); }

/* MM Logo in scroll area: standard (dark) logo */
.mm-nav-logo {
  display: none; }
.mm-nav-logo img {
  max-width: 40%;
  height: auto;
  filter: none; }
.mm-nav-info {
  padding-bottom: 1rem;
  text-align: center;
  color: var(--brand-gray);
  text-transform: uppercase;
  font-size: 0.6rem; }

/* MM Main items: 48px touch targets, dark text, uniform borders on every item */
.mm-nav-main {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--brand-gray-light); }
.mm-nav-main > li {
  border-bottom: 1px solid var(--brand-border); }
.mm-nav-main > li:last-child {
  border-bottom: none; }
.mm-nav-link, .mm-nav-dilink {
  display: block;
  min-height: 48px;
  padding: 14px 1rem;
  font-weight: var(--fw-bold);
  color: var(--brand-dark);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.15s ease; }

/* MM Category icons: inline SVG via CSS, targeting li > a::before */
.mm-nav-main > li > a::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 0.6rem;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
.mm-nav-til-han-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6' r='3.5'/%3E%3Cpath d='M12 12v7m-3-4h6'/%3E%3Cline x1='12' y1='19' x2='12' y2='22'/%3E%3C/svg%3E"); }
.mm-nav-til-henne-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='6' r='3.5'/%3E%3Cpath d='M12 12v5'/%3E%3Ccircle cx='12' cy='19' r='3'/%3E%3Cline x1='9' y1='19' x2='15' y2='19'/%3E%3Cline x1='12' y1='16' x2='12' y2='22'/%3E%3C/svg%3E"); }
.mm-nav-par-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3C14.76 3 13.09 3.81 12 5.09 10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3z'/%3E%3C/svg%3E"); }
.mm-nav-analsex-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E"); }
.mm-nav-womanizer-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L4 14h7l-2 7 9-11h-7l2-7z'/%3E%3C/svg%3E"); }
.mm-nav-undertoy-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.38 3.46L16 2 12 3.46 8 2 3.62 3.46a1 1 0 00-.62.92v13.24a1 1 0 00.62.92L8 20l4-1.46L16 20l4.38-1.46a1 1 0 00.62-.92V4.38a1 1 0 00-.62-.92z'/%3E%3Cpath d='M12 3.46V18.54'/%3E%3C/svg%3E"); }
.mm-nav-essensielt-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5z'/%3E%3Cpath d='M2 17l10 5 10-5'/%3E%3Cpath d='M2 12l10 5 10-5'/%3E%3C/svg%3E"); }
.mm-nav-kondom-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22c1.1 0 2-.9 2-2H10c0 1.1.9 2 2 2z'/%3E%3Cpath d='M18 16v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5S10.5 3.17 10.5 4v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2z'/%3E%3C/svg%3E"); }
.mm-nav-bondage-mm > a::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23FF1E5A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4C10 4 8 5 8 7c0 1.5 1 2.5 2 3l-3 4v6h10v-6l-3-4c1-.5 2-1.5 2-3 0-2-2-3-4-3z'/%3E%3Cline x1='8' y1='17' x2='16' y2='17'/%3E%3C/svg%3E"); }

/* MM Chevrons: isolated via ::after so filter doesn't cascade to text/bg */
.mm-nav-menuitem {
  position: relative; }
.mm-nav-menuitem::after {
  content: '';
  position: absolute;
  right: 0.8rem;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  -webkit-mask-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-chevron-mm-ned.png');
  mask-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-chevron-mm-ned.png');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background-color: var(--v3-coral-red);
  pointer-events: none;
  transition: transform 0.2s ease; }
.mm-nav-menuitem:has(.mm-nav-activeitem)::after {
  -webkit-mask-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-chevron-mm-opp.png');
  mask-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-chevron-mm-opp.png'); }

/* MM Active state: Cloud Pink bg, Coral Red text — Brandbook V3 compliant */
.mm-nav-activeitem {
  background-color: var(--v3-cloud-pink);
  color: var(--brand-magenta); }
.mm-nav-main > li:has(.mm-nav-activeitem) {
  border-bottom-color: var(--brand-magenta); }

/* MM Campaign banner */
.mm-campaign {
  padding: 12px;
  padding-top: 0px; }
.mm-campaign img {
  width: 100%;
  border-radius: 3px; }

/* MM Sub-nav quick links: single-column stacked list */
.mm-sub-nav {
  overflow: hidden;
  padding: 0.5rem 0.8rem 2.1rem; }
.mm-sub-nav-main {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.3rem; }
.mm-sub-nav-main li {
  width: 100%; }
.mm-sub-nav-main li a {
  display: block;
  padding: 0.7rem 1rem;
  background-color: var(--brand-magenta);
  color: var(--brand-white);
  border-radius: 3px;
  text-align: center;
  font-family: 'Poppins', 'Noto Sans', Arial, sans-serif;
  font-weight: var(--fw-bold);
  font-size: 0.9rem;
  transition: background-color 0.15s ease; }
.mm-sub-nav-main li a:hover {
  background-color: var(--brand-magenta-dark); }

/* MM Subcategory container: inset shadow for depth */
.mm-nav-optionlist {
  border-top: 1px solid #eee;
  background-color: var(--brand-gray-subtle);
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); }

/* MM Subcategory items */
.mm-nav-subitem {
  border-bottom: 1px solid #eee; }
.mm-nav-subitem a {
  color: var(--brand-magenta);
  font-size: 0.9rem;
  font-weight: var(--fw-regular); }
.mm-nav-subitemdiv {
  padding: 0.4rem 1rem;
  padding-left: 2.5rem;
  font-size: 0.8rem;
  color: var(--brand-gray);
  background-color: var(--brand-gray-subtle);
  text-transform: uppercase;
  border-bottom: 1px solid #eee; }
.mm-nav-sublink {
  display: block;
  min-height: 44px;
  padding: 12px 1rem;
  padding-left: 2.5rem;
  background-color: var(--brand-gray-subtle);
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.15s ease, border-left-color 0.15s ease;
  border-left: 3px solid transparent; }
.mm-nav-sublink:hover {
  background-color: #eee; }
.mm-nav-sublinkperm {
  font-weight: var(--fw-bold);
  border-left-color: var(--brand-magenta); }
a.mm-nav-sublink-viewall {
  position: relative;
  font-family: 'Poppins', 'Noto Sans', Arial, sans-serif;
  font-weight: var(--fw-bold);
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  border-left: 3px solid var(--v3-coral-red);
  color: var(--v3-coral-red) !important;
  background-color: var(--brand-white); }
a.mm-nav-sublink-viewall::after {
  content: "›";
  position: absolute;
  right: 1rem;
  font-size: 1.3rem;
  line-height: 1;
  color: var(--v3-coral-red);
  transition: transform 0.15s ease; }
a.mm-nav-sublink-viewall:hover::after {
  transform: translateX(3px); }
a.mm-nav-sublink-viewall:hover {
  background-color: var(--brand-gray-subtle); }
.mm-nav-subitem-viewall {
  margin-top: 2px;
  border-bottom: none;
  box-shadow: inset 0 2px 3px rgba(0,0,0,0.08); }

.bw-menuitem { background-color: var(--bw-bg-color-one);color: var(--bw-color-one); }
.bf-menuitem { background-color: var(--bf-bg-color-one);color: var(--bf-color-one); }
.cm-menuitem { background-color: var(--cm-bg-color-one);color: var(--cm-color-one); }
.sd-menuitem { background-color: var(--sd-bg-color-one);color: var(--sd-color-one); }
.ac-menuitem { background-color: var(--ac-bg-color-one);color: var(--ac-color-one); }
.bw-menuitem a { color: var(--bw-color-one); }
.bf-menuitem a { color: var(--bf-color-one); }
.cm-menuitem a { color: var(--cm-color-one); }
.sd-menuitem a { color: var(--sd-color-one); }
.ac-menuitem a { color: var(--ac-color-one); }

/* Desktop Menu */

.desktopmenu-nav {
  }
.dm-nav-wrapper {
  }
.dm-nav-wrapper a {
  color: #fff; }
.dm-nav-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  padding: 0; }
.dm-nav-main li {
  position: relative;
  flex-shrink: 0; }
.dm-nav-link, .dm-nav-dilink {
  display: block;
  padding: 0 10px;
  line-height: var(--nav-h-primary);
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-size: var(--fs-base);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--brand-white);
  white-space: nowrap;
  border-bottom: 3px solid transparent;
  transition: border-color 0.2s ease, opacity 0.2s ease; }
.dm-nav-item:hover, .dm-nav-item-active {
  background-color: transparent; }
.dm-nav-item:hover .dm-nav-link,
.dm-nav-item:hover .dm-nav-dilink,
.dm-nav-item-active .dm-nav-link,
.dm-nav-item-active .dm-nav-dilink {
  border-bottom-color: var(--brand-white);
  opacity: 0.9; }
.dm-nav-menuitem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.1s ease 0.1s, background 0.1s ease 0.1s;
  background: no-repeat 50% 77%/12px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-chevron-ned.png'); }
.dm-nav-menuitem:hover::before, .dm-nav-item-active::before {
  background-position: 50% 87%;
  opacity: 1; }

.dm-nav-flyer {
  display: none;
  position: fixed;
  top: var(--hw-h, 170px);
  left: 0;
  z-index: 1001;
  width: 100%;
  padding-bottom: 2rem; }
.dm-nav-flyer-content {
  background-color: var(--brand-white);
  box-shadow: var(--shadow-dropdown);
  color: var(--brand-dark);
  border-top: 3px solid var(--brand-magenta); }
.sr-body .dm-nav-flyer-content {
  background-color: var(--bf-color-one); }

.dm-nav-fl-frame {
  opacity: 0;
  transition: opacity 0.1s ease 0.1s; }
.dm-nav-fl-frame-open {
  opacity: 1; }
.dm-nav-flc-table {
  overflow: auto;
  display: table;
  padding: 1rem 8px;
  width: 100%; }
.dm-nav-flc-row {
  display: table-row; }
.flc-header .dm-nav-flc-cell {
  padding-bottom: 0.3rem;
  text-transform: uppercase; }
.dm-nav-flc-cell {
  display: table-cell;
  vertical-align: top;
  width: 25%; }
.dm-nav-flc-widecell {
  overflow: auto;
  width: 50%; }
.dm-nav-flc-cell img {
  max-width: 100%;
  border-radius: 3px; }

.bw-menuitem-dm a, .bf-menuitem-dm a, .cm-menuitem-dm a, .sd-menuitem-dm a, .ac-menuitem-dm a { line-height: 42px !important;margin: 10px 0;font-weight: 700; }
.bw-menuitem-dm span, .bf-menuitem-dm span, .cm-menuitem-dm span, .sd-menuitem-dm span, .ac-menuitem-dm span { display: inline-block;border-radius: 5px;padding: 0 12px; }

.bw-menuitem-dm span { background-color: var(--bw-bg-color-one);color: var(--bw-color-one); }
.bf-menuitem-dm span { background-color: var(--bf-bg-color-one);color: var(--bf-color-one); }
.cm-menuitem-dm span { background-color: var(--cm-bg-color-one);color: var(--cm-color-one); }
.sd-menuitem-dm span { background-color: var(--sd-bg-color-one);color: var(--sd-color-one); }
.ac-menuitem-dm span { background-color: var(--ac-bg-color-one);color: var(--ac-color-one); }

img.flyer-img {
  max-width: 80%;
  height: auto; }

.flyer-header {
  content: "";
  display: block;
  width: 98%;
  height: 1.5rem;
  color: var(--brand-magenta);
  font-size: var(--fs-large);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.dm-nav-flc-cell .flyer-header:not(:first-child) {
  margin-top: 0.5rem; }
.flyer-link {
  display: block;
  width: 98%;
  padding: 0.2rem 0;
  color: var(--brand-dark);
  font-size: var(--fs-base);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease; }
.flyer-link:hover {
  color: var(--brand-magenta);
  text-decoration: none; }
.flyer-link-ctn {
  font-weight: 700; }
.flyer-link-main {
  padding: 0.2rem 0;
  text-transform: uppercase;
  font-weight: var(--fw-bold);
  color: var(--brand-magenta); }

.flyer-link-bw span, .flyer-link-csw span, .flyer-link-cm span, .flyer-link-sd span, .flyer-link-ac span {
  padding: 4px 6px;
  border-radius: 3px; }

.flyer-link-bw { color: var(--bw-color-one); }
.flyer-link-bw span { background-color: var(--bw-bg-color-one); }
.flyer-link-bf { color: var(--bf-color-one); }
.flyer-link-bf span { background-color: var(--bf-bg-color-one); }
.flyer-link-cm { color: var(--cm-color-one); }
.flyer-link-cm span { background-color: var(--cm-bg-color-one); }
.flyer-link-sd { color: var(--sd-color-one); }
.flyer-link-sd span { background-color: var(--sd-bg-color-one); }
.flyer-link-ac { color: var(--ac-color-one); }
.flyer-link-ac span { background-color: var(--ac-bg-color-one); }

.flyer-article {
  float: left;
  width: 50%;
  padding-left: 1rem; }
.fla-heading {
  font-weight: 700;
  margin-bottom: 0.5rem; }
.fla-text {
  font-size: 0.8rem;
  margin-bottom: 0.5rem; }
.fla-link {
  font-size: 0.8rem; }
.fla-link a {
  color: var(--main-color);
  font-weight: 700; }

.dm-nav-dimmer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  z-index: 999;
  content: "";
  background: rgba(0,0,0,0.35);
  transition: opacity 0.2s ease; }

.ss-nr-image, .cme-image {
  margin: 2rem 0;
  text-align: center; }
.ss-nr-image img, .cme-image img {
  max-width: 120px; }
.ss-nr-header, .cme-header {
  margin-bottom: 2rem;
  padding: 1rem;
  text-align: center;
  font-weight: 700;
  font-size: 1.2rem;
  background-color: #f5f5f5; }
.ss-nr-info, .cme-info {
  padding: 0 1rem;
  margin-bottom: 2rem;
  text-align: center; }
.ss-nr-alt {
  text-align: center;
  margin-bottom: 2rem; }
.ss-nr-alt span {
  font-weight: bold;
  padding-right: 1rem; }
.ss-nr-altsearch {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.2rem 0.5rem;
  background-color: var(--main-color);
  border-radius: 3px;
  color: #fff; }
.ss-nr-altsearch:hover {
  background-color: var(--main-color-accent); }

.hb-sf-live {
  margin-top: 0.2rem;
  border: 1px dotted #ccc;
  border-radius: 3px; }

.livesearch-active {
  padding: 1rem 0.5rem;
  padding-bottom: 0;
  background: no-repeat center/64px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-128-lastehjerte.gif'); }
.ls-wrapper {
  opacity: 0;
  background-color: #fff; }
.ls-heading {
  padding-left: 0.5rem;
  margin-bottom: 0.3rem;
  color: var(--gray-color);
  text-transform: uppercase;
  font-size: 0.8rem; }
.ls-list-wrapper {
  margin-bottom: 1rem; }
.ls-list-wrapper span {
  color: var(--secondary-color); }
.ls-table {
  display: table;
  table-layout: fixed;
  width: 100%; }
.ls-row {
  display: table-row; }
.ls-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0.2rem 0;
  color: var(--main-text-color); }
.ls-row:hover .ls-cell {
  background-color: #f5f5f5; }
.ls-image {
  width: 66px;
  height: 56px;
  text-align: center;
  line-height: 0; }
.ls-image img {
  border-radius: 3px;
  max-width: 50px;
  max-height: 50px; }
.ls-name {
  padding-right: 0.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700; }
.ls-name .ls-subtext {
  font-weight: normal; }
.ls-more {
  padding-top: 1rem;
  font-weight: 700;
  text-align: center; }

.breadcrumb-wrapper {
  overflow: hidden;
  white-space: nowrap;
  padding: 0 8px;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem; }
.breadcrumbs {
  line-height: 1rem;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis; }
.breadcrumb-admin-edit {
  flex: 0 0 auto;
  font-size: 0.7rem;
  padding: 3px 10px;
  background-color: var(--brand-magenta, #d40f7d);
  color: #fff !important;
  border-radius: 3px;
  text-decoration: none;
  white-space: nowrap; }
.breadcrumb-admin-edit:hover {
  opacity: 0.85;
  color: #fff !important; }
.breadcrumbs-item {
  display: inline-block;
  font-size: 0.7rem;
  margin-right: 2px; }
.breadcrumbs-level3 {
  display: none; }
.breadcrumbs-item::before, .ls-caturl::before {
  font-weight: normal;
  color: var(--gray-color);
  content: "/";
  margin-right: 6px; }
.breadcrumbs-item:first-child::before {
  content: "";
  margin: 0; }
.breadcrumbs-item a {
  font-weight: 400; }
.breadcrumbs-item:last-child a {
  color: var(--tertiary-color);
  border-color: var(--tertiary-color); }

.customer-advantages {
  clear: both;
  position: relative;
  padding: 16px 8px;
  border: 0;
  border-radius: 0;
  color: var(--secondary-color);
  text-align: center; }
.ca-fp {
  margin: 1rem 8px; }
.ca-pm {
  margin-top: 1.4rem; }
.ca-pd {
  border: 0;
  padding: 0;
  font-size: 0.8rem;
  font-weight: normal;
  margin-bottom: 1rem; }
.ca-header {
  position: absolute;
  width: 100%;
  top: -0.5rem;
  line-height: 1rem; }
.ca-header span {
  padding: 0 1rem;
  display: inline-block;
  background-color: #fff;
  font-weight: 700;
  }
.ca-list li {
  background: #faf4f5;
  color: #111;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  border: none;
  padding: 10px 6px;
  background-clip: padding-box;
  font-family: 'Poppins', 'Noto Sans', Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  display: inline-block; }
.ca-shipping {
  display: inline-block;
  margin-right: 6px; }
.ca-returns {
  display: inline-block;
  margin-right: 12px; }
.ca-pricematch {
  display: inline-block;
  margin-right: 6px; }
.ca-365days {
  display: inline-block; }
.ca-mailbox {
  display: inline-block; }
.ca-fp .ca-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none; }
.ca-fp .ca-list > li {
  margin: 0;
  padding: 10px 6px;
  font-size: 12px;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word; }
.ca-fp .ca-list > li > a,
.ca-fp .ca-list > li > span > a {
  display: block; }
.ca-fp .ca-list > li img {
  vertical-align: middle;
  margin-right: 3px; }
.ca-fp .ca-pricematch {
  display: none; }

.cart-wrapper {
  overflow: auto;
  margin-bottom: 1rem;
  padding: 0 8px; }
.co-buttons {
  overflow: auto;
  margin-bottom: 1rem; }
.co-continue {
  float: left;
  width: 50%;
  padding-right: 0.25rem; }
.co-checkout {
  float: right;
  width: 50%;
  padding-left: 0.25rem; }
.co-vipps {
  clear: both;
  padding-top: 0.5rem; }
.co-vipps span, .pi-vipps span {
  padding-left: 66px;
  background: no-repeat left 40%/60px url('https://cdn.kondomeriet.no/media/_no/logo/samarbeidspartner-vipps.png'); }
.cart-top {
  margin-top: 1.5rem;
  text-align: center; }
.cart-main {
  overflow: auto;
  margin: 1rem 0; }
.cart-dcval {
  text-align: center;
  color: var(--cart-active-color); }
.cart-dcval span {
  font-weight: 700; }
.cm-empty {
  text-align: center; }
.cm-plist {
  padding: 0 1rem;
  margin-bottom: 1rem; }
.cm-ptable {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #f5f5f5; }
.cmp-row {
  display: table-row; }
.cmp-cell {
  display: table-cell;
  vertical-align: top;
  padding: 0.7rem 0;
  border-bottom: 1px solid #f5f5f5; }
.cmp-row:hover .cmp-cell {
  background-color: #f5f5f5; }
.cmpc-image {
  width: 96px; }
.cmpc-image-wrapper {
  position: relative;
  margin: auto;
  width: 80px;
  line-height: 0; }
.cmpc-image-wrapper img {
  max-width: 100%;
  border-radius: 3px; }
.cmpc-image-stock {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  font-size: 0.6rem;
  text-transform: uppercase;
  text-align: center; }
.cmpc-image-stock span {
  display: block;
  padding: 0.1rem 0;
  line-height: 1.4;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
.cmpc-stocka {
  background-color: var(--cart-active-color);
  color: #fff; }
.cmpc-stockb {
  background-color: var(--secondary-color);
  color: #fff; }
.cmpc-stockc {
  background-color: #f5f5f5;
  color: var(--gray-color); }
.cmpc-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.cmpi-link {
  font-weight: 700; }
.cmpi-table {
  display: table; }
.cmpi-row {
  display: table-row; }
.cmpi-row .cmpi-cell:first-child {
  padding-right: 0.5rem; }
.cmpi-cell {
  display: table-cell;
  font-size: 0.8rem; }
.cmpi-3f2cell {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--cart-active-color); }
.cmpi-adowrp {
  width: 100%;
  font-size: 0.7rem;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.cmpi-adocmp {
  padding: 2px 6px;
  background-color: var(--cart-active-color);
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase; }
.cmpi-qty {
  font-weight: 700; }
.cmpi-qty .pi-dq, .cmpc-lqty .pi-dq {
  margin-right: 0.5rem; }
.cmpi-qty .pi-iq, .cmpc-lqty .pi-iq {
  margin-left: 0.5rem; }
.cmpi-qty .pi-dq, .cmpi-qty .pi-iq {
  width: 20px;
  border: 1px solid #eee;
  border-radius: 50%; }
.cmpc-lqty .pi-dq, .cmpc-lqty .pi-iq {
  width: 24.4px;
  border: 1px solid #eee;
  border-radius: 50%; }
.cmpc-lqty, .cmpc-sum {
  display: none;
  width: 90px;
  font-weight: 700;
  text-align: right; }
.cmpc-delete {
  width: 36px;
  text-align: center; }
.cmpc-delete img {
  width: 20px; }
.cm-totals {
  padding: 1rem;
  border: 1px solid #f5f5f5;
  border-radius: 3px; }
.cmt-table {
  display: table;
  width: 100%; }
.cmt-row {
  display: table-row; }
.cmt-cell {
  display: table-cell;
  font-weight: 700; }
.cmt-sum {
  text-align: right; }
.cmt-3f2 {
  font-weight: normal;
  color: var(--cart-active-color); }
.cmt-3f2pre {
  font-weight: normal; }

.cmp-row-campaign .cmpc-lqty {
  padding-right: 32.4px; }
.cmp-row-campaign .cmpc-info span {
  font-weight: 700; }


/* ===== Header Wrapper ===== */
.header-wrapper {
  position: relative;
  z-index: 1000;
  max-width: 100vw;
  overflow-x: hidden;
  box-shadow: var(--shadow-header); }
.hw-fixed {
  position: fixed;
  top: 0%;
  left: 0%;
  z-index: 1000;
  width: 100%; }
.body-hwfixed {
  padding-top: 94px; }

/* ===== USP Bar (new top row) ===== */
.header-usp {
  background-color: var(--tertiary-color);
  color: #fff;
  font-size: 0.65rem;
  text-align: center;
  padding: 6px 8px;
  overflow: hidden;
  white-space: normal; }
.header-usp-inner {
  display: flex;
  justify-content: center;
  gap: 0.8rem;
  flex-wrap: wrap; }
.header-usp-item {
  display: inline;
  white-space: nowrap;
  font-size: 0.6rem; }
.header-usp-item:first-child {
  display: inline; }
.header-usp a {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.4); }
.header-usp a:hover {
  border-bottom-color: #fff; }

/* ===== Header Top (announcement + login/cart on mobile, hidden on desktop) ===== */
.header-top {
  color: var(--v3-mjosa);
  background-color: var(--v3-cloud-pink);
  font-size: 0.6rem; }
.ht-frame {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.ht-searchicon {
  float: left;
  margin-left: 8px;
  padding: 8px;
  width: 34px;
  cursor: pointer;
  transition: background 0.1s ease 0.1s;
  background: no-repeat center/26px var(--main-color) url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-sok-hvit.png'); }
.ht-searchicon.ht-active {
  background-color: var(--main-color-accent); }
.ht-search-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: min(372px, calc(100vw - 16px));
  margin-left: 8px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.5); }
.header-largesearch {
  background-color: var(--main-color); }
.htl-search-wrapper {
  padding: 8px; }
.htl-search-frame {
  display: table;
  width: 100%;
  background-color: #fff; }
.ht-search-frame {
  display: table;
  width: 100%;
  border: 4px solid var(--tertiary-color);
  border-top: 0;
  background-color: #fff; }
.ht-search-field, .htl-search-field {
  display: table-row; }
.ht-sf-input, .htl-sf-input {
  display: table-cell; }
.ht-sf-label {
  text-transform: uppercase;
  color: var(--gray-color); }
.ht-sf-input input, .htl-sf-input input {
  width: 100%;
  padding: 10px;
  margin: 0; }
.htl-sf-cancel {
  display: none;
  width: 42px; }
.htl-sf-cancel-active {
  display: table-cell; }
.htl-sf-cancel div {
  content: '';
  width: 42px;
  height: 100%;
  border: 0;
  opacity: 0.5;
  background: no-repeat center/30px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-lukk.png');
  cursor: pointer; }
.htl-sf-cancel div:hover {
  opacity: 1; }
.ht-sf-submit, .htl-sf-submit {
  display: table-cell;
  width: 42px; }
.ht-sf-submit button, .htl-sf-submit button {
  content: '';
  width: 42px;
  height: 100%;
  border: 0;
  opacity: 0.5;
  background: no-repeat center/30px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-sok.png');
  cursor: pointer; }
.ht-sf-submit button:hover, .htl-sf-submit button:hover {
  opacity: 1; }
.ht-countdown-wrapper {
  padding: 8px;
  padding-right: 0;
  text-align: center; }
.ht-countdown-wrapper a {
  color: var(--v3-mjosa);
  border-bottom: 1px solid var(--v3-mjosa); }
.usp-bar {
  background-color: #e6f9e6;
  text-align: center;
  padding: 6px 8px;
  font-size: 0.72rem;
  display: flex;
  justify-content: center;
  gap: 0.6rem;
  flex-wrap: wrap; }
.usp-item {
  white-space: nowrap; }
.usp-check {
  color: #2a9d2a;
  font-weight: 700; }
.ht-cartlink, .ht-loginlink, .cartActive .ht-mcartlink {
  font-weight: 700; }
.ht-cart-wrapper {
  float: right;
  padding: 4px 8px;
  padding-left: 0; }
.ht-cart {
  padding: 4px 0px;
  padding-left: 12px;
  padding-right: 32px;
  color: #fff;
  background: no-repeat right/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-handlekurv.png'); }
.cartActive {
  margin-left: 13px;
  background-color: var(--cart-active-color); }
@media (hover: hover) {
  .cartActive:hover {
    background-color: var(--cart-hover-color); }
}
.ht-login-wrapper {
  float: right;
  padding: 2px;
  margin: 6px 8px;
  margin-left: 0; }
.ht-login {
  padding-left: 12px;
  padding-right: 27px;
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-minside.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain; }
/* Mobile search bar — V3: pill shape, centered */
.hb-search-frame {
  margin: 10px 15px;
  padding: 0; }
.hb-sf-input {
  overflow: auto;
  padding: 0; }
.hb-sf-wrapper {
  display: flex;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  background-color: var(--brand-gray-subtle);
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: border-color 0.2s ease; }
.hb-sf-wrapper:focus-within {
  border-color: var(--brand-magenta); }
.hb-sf-input {
  width: 100%;
  max-width: 100%; }
.hb-sf-input input {
  width: 100%;
  height: auto;
  padding: 10px 20px;
  color: var(--brand-dark);
  background-color: transparent;
  border-radius: 20px; }

/* ===== Header Main (logo row - mobile: colored, desktop: white) ===== */
.header-main {
  clear: both;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 100vw;
  background-color: var(--main-color);
  color: #fff;
  transition: background 0.1s ease 0.1s; }
.header-main.hm-active {
  background-color: var(--main-color-accent); }

.sr-body .header-largesearch, .sr-body .header-main {
  background-color: var(--bf-color-one); }

/* Desktop header main: Logo + Search + Account + Cart in one row */
.hm-desk-row {
  display: none; }

.hmm-button-wrapper {
  margin: 0;
  padding: 0;
  float: left;
  width: 62px;
  line-height: 0.1rem; }
.hmm-menubutton {
  width: 100%;
  height: auto; }
.hmm-mb-active {
  opacity: 0; }

.hm-logo {
  float: left;
  padding: 10px 0; }
.main-logo {
  margin: 0;
  line-height: 0.1rem; }
.main-logo img {
  max-width: 140px;
  height: auto; }

.ht-mcart-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  float: right; }
.ht-mcart {
  width: 42px;
  height: 42px;
  text-align: center;
  padding-top: 15px;
  color: #fff;
  background: no-repeat center/cover url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-handlekurv.png'); }

.hm-mlogin-wrapper {
  padding: 13px 0;
  float: right; }
.hm-mlogin {
  width: 36px;
  height: 36px;
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-minside.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

/* ===== Desktop Header Main Row (logo + search + account + cart) ===== */
/* Desktop search — V3 pill shape */
.hm-desk-search {
  display: table;
  width: 100%;
  background-color: var(--brand-gray-subtle);
  border: 1px solid #e0e0e0;
  border-radius: 25px;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.hm-desk-search:focus-within {
  border-color: var(--brand-magenta);
  box-shadow: 0 0 0 2px rgba(230,0,93,0.1); }
.hm-desk-search-field {
  display: table-row; }
.hm-desk-search input {
  width: 100%;
  padding: 10px 20px;
  margin: 0;
  border: 0;
  font-size: 0.95rem;
  border-radius: 25px;
  background-color: transparent;
  color: var(--brand-dark); }
.hm-desk-search input::placeholder {
  color: #999; }
.hm-desk-search-submit {
  display: table-cell;
  width: 48px; }
.hm-desk-search-submit button {
  width: 48px;
  height: 100%;
  border: 0;
  border-radius: 0 25px 25px 0;
  background: no-repeat center/20px transparent url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-sok.png');
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.15s ease; }
.hm-desk-search-submit button:hover {
  opacity: 0.6; }
.hm-desk-search-live {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: max(100%, 600px);
  z-index: 1100;
  background: var(--brand-white);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  overflow: hidden; }
.hm-desk-account,
.hm-desk-cart {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  padding: 8px 0; }
.hm-desk-account:hover,
.hm-desk-cart:hover {
  color: rgba(255,255,255,0.8); }
.hm-desk-account-icon,
.hm-desk-cart-icon {
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0; }
.hm-desk-account-icon {
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-minside.png');
  filter: brightness(0) saturate(100%) invert(1); /* White icons on mobile magenta bg */ }
.hm-desk-cart-icon {
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-handlekurv.png');
  filter: brightness(0) saturate(100%) invert(1); /* White icons on mobile magenta bg */ }
.hm-desk-cart .cartActive {
  background-color: var(--cart-active-color);
  color: #fff;
  padding: 2px 8px;
  border-radius: 3px;
  margin-left: 4px; }

/* ===== Secondary Nav — mobile: horizontal scroll pills ===== */
.header-nav-secondary {
  display: block;
  background-color: var(--brand-white);
  padding: 8px;
  border-bottom: 1px solid #eee;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; }
.header-nav-secondary::-webkit-scrollbar {
  display: none; }
.hns-wrapper {
  display: flex;
  gap: 6px;
  white-space: nowrap; }
.hns-wrapper a {
  display: inline-block;
  padding: 6px 14px;
  background-color: var(--brand-gray-light);
  color: var(--brand-dark);
  border-radius: 20px;
  font-size: var(--fs-small);
  font-weight: var(--fw-regular);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
  transition: background-color 0.15s ease; }
.hns-wrapper a:hover {
  background-color: #e5e5e5; }
.hns-wrapper a.showMedium {
  display: none; }

/* ===== Header Main → content separator (mobile) ===== */
.header-main {
  box-shadow: 0 2px 4px rgba(0,0,0,0.08); }

/* ===== Header Nav Bar (desktop menu in own row) ===== */
/* ===== Primary Nav — Brandbook V3 (Magenta Anchor Bar) ===== */
.header-nav {
  position: relative;
  background-color: var(--brand-magenta);
  color: var(--brand-white); }

.eventbar-wrapper {
  background-color: var(--tertiary-color);
  text-shadow: 1px 1px 1px var(--main-color);
  color: #fff; }
.eventbar-wrapper a {
  color: inherit; }
.eventbar-img {
  display: inline-block;
  line-height: 0px; }
.eventbar-img img {
  height: 18px;
  vertical-align: bottom; }

.eb-bw, .eb-bf, .eb-cm, .eb-sd, .eb-ac {
  text-shadow: none;
  text-transform: uppercase; }
.eb-bw a span, .eb-bf a span, .eb-cm a span, .eb-sd a span, .eb-ac a span {
  text-decoration: underline; }

.eb-bw { background-color: var(--bw-bg-color-one); }
.eb-bw a, .eb-bw a span { color: var(--bw-color-one); }
.eb-bf { background-color: var(--bf-bg-color-one); }
.eb-bf a, .eb-bf a span { color: var(--bf-color-one); }
.eb-cm { background-color: var(--cm-bg-color-one); }
.eb-cm a, .eb-cm a span { color: var(--cm-color-one); }
.eb-sd { background-color: var(--sd-bg-color-one); }
.eb-sd a, .eb-sd a span { color: var(--sd-color-one); }
.eb-ac { background-color: var(--ac-bg-color-one); }
.eb-ac a, .eb-ac a span { color: var(--ac-color-one); }

.eb-odagen {
  background-color: #ff6aaf;
  text-shadow: 1px 1px 1px #ec5c9f; }
.eb-fsmin {
  background-color: #9b224d;
  text-shadow: 1px 1px 1px #9b224d; }
.eb-fshwn {
  background-color: #ff8201;
  text-shadow: none; }
.eb-fshwn a {
  color: var(--main-color); }
.eb-tofem {
  background-color: var(--bf-color-one);
  text-shadow: 1px 1px 1px #edc310; }
.eb-tofem a {
  color: var(--bf-bg-color-one); }
.eb-tofem-alt {
  background-color: #86e9cc;
  text-shadow: 1px 1px 1px #a6ffec; }
.eb-tofem-alt a {
  color: var(--bf-bg-color-one); }
.eb-tofem-alt2 {
  background-color: var(--secondary-color);
  text-shadow: 1px 1px 1px #a586bc; }
.eb-tofem-alt2 a {
  color: #fff; }
.eb-tofem-alt3 {
  background-color: #ffab3d;
  text-shadow: 1px 1px 1px #ffab3d; }
.eb-tofem-alt3 a {
  color: #fff; }
.eb-treseks {
  background-color: #2e5d6c;
  color: #fff; }
.eb-dc {
  display: inline-box;
  padding: 1px 3px;
  color: var(--bf-color-one);
  text-shadow: 1px 1px 1px #181818;
  background-color: var(--bf-color-two);
  border: 1px dashed var(--bf-color-one); }
.eb-treseks .eb-dc {
  color: #000;
  text-shadow: 1px 1px 1px #f5f5f5;
  background-color: #fff;
  border: 1px dashed #333; }

.eb-frame {
  margin-top: -4px;
  padding: 5px 8px;
  font-size: 0.8rem;
  font-weight: 700;
  text-align: center; }

.footer-frame {
  clear: both;
  font-size: 0.9rem;
  text-align: center; }
.footer-frame a.ad:hover {
  text-decoration: underline; }

/* ===== Footer — Brandbook V3 (consolidated, no duplicates) ===== */

.footer-social {
  background-color: var(--brand-pink-tint);
  border-top: 3px solid var(--brand-magenta);
  padding: 1rem;
  color: var(--brand-magenta);
  text-transform: uppercase; }
.fs-header {
  margin-bottom: 0.3rem;
  font-weight: var(--fw-bold);
  font-size: 0.8rem; }
.footer-social img {
  max-width: 36px;
  height: auto;
  background-color: var(--brand-white);
  border-radius: 50%;
  padding: 4px; }
.footer-social ul {
  margin: auto;
  max-width: 80%; }
.footer-social li {
  display: inline-block;
  margin: 0 0.2rem; }
.footer-social ul a {
  opacity: 0.7;
  transition: opacity 0.2s ease; }
.footer-social ul a:hover {
  opacity: 1; }

.footer-menu {
  background-color: var(--brand-gray-subtle);
  color: var(--brand-dark); }
.footer-menu a {
  color: var(--brand-magenta);
  font-weight: var(--fw-regular);
  transition: color 0.2s ease; }
.footer-menu a:hover {
  color: var(--brand-magenta-dark);
  text-decoration: underline; }

.footer-copyright {
  background-color: var(--brand-magenta);
  color: var(--brand-white);
  font-size: var(--fs-xs);
  padding: 1rem;
  padding-bottom: 1rem;
  line-height: 1.5;
  text-transform: uppercase;
  text-align: center; }
.footer-copyright .fc-totop {
  margin-top: 0.5rem; }
.footer-copyright a {
  color: var(--brand-white); }
.footer-copyright .fc-totop a {
  color: var(--brand-white);
  text-decoration: none;
  font-weight: var(--fw-bold); }
.footer-copyright .fc-totop a:hover {
  text-decoration: underline; }
.fc-totop {
  margin-top: 1rem;
  font-weight: var(--fw-bold); }

.footer-partners {
  background-color: var(--brand-white);
  color: var(--brand-dark);
  border-top: 1px solid #eee;
  padding: 1rem 0; }
.footer-partners img {
  margin-bottom: 0;
  max-width: 100%;
  height: auto;
  opacity: 0.7;
  transition: opacity 0.2s ease; }
.footer-partners img:hover {
  opacity: 0.95; }
.fp-frame {
  width: 100%;
  margin: auto; }
.fp-table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.3rem 0.8rem; }
.fp-logo {
  padding: 0.3rem 0.4rem; }
.fp-logo img {
  max-height: 42px;
  width: auto !important;
  max-width: none; }

.sr-body .footer-menu, .sr-body .footer-copyright, .sr-body .footer-partners, .sr-body .footer-social {
  background-color: var(--bf-color-one); }

.fm-wrapper {
  padding: 1rem; }
.part-1, .part-2, .part-3 {
  margin-bottom: 1rem; }
.fm-ci-nav ul li, .fm-nv-nav ul li, .fm-au-nav ul li {
  padding: 0.2rem 0; }
.fm-nav-header {
  color: var(--brand-magenta);
  font-weight: var(--fw-bold);
  text-transform: uppercase;
  margin-bottom: 0.8rem; }
.fm-nav-logo {
  margin: auto;
  max-width: 60%; }
.fm-cu-nav {
  margin-bottom: 1rem; }
.fm-cu-nav a {
  font-weight: var(--fw-bold);
  color: var(--brand-magenta); }
.fm-cu-nav a li {
  padding: 0; }

.fm-cu-local, .mm-nav-local, .flyer-local {
  display: flex;
  margin-top: 1rem; }
.hb-local {
  display: flex;
  margin-top: 0.3rem; }
.fm-cu-local, .mm-nav-local, .hb-local {
  justify-content: center; }
.fcl-img, .mml-img, .mfl-img, .hbl-img {
  padding-right: 0.5rem; }
.fcl-img img {
  width: 24px;
  height: auto;
  border-radius: 0; }
.mml-img img, .mfl-img img, .hbl-img img {
  width: 16px;
  height: auto;
  border-radius: 0; }
.mfl-txt, .hbl-txt {
  padding-top: 2px;
  font-size: 0.8rem;
  text-transform: uppercase; }

.fm-content-part a, .fc-totop a {
  color: var(--brand-magenta); }
.fm-content-part a:hover, .fc-totop a:hover {
  text-decoration: underline; }
a.contact-email, a.contact-phone {
  font-size: 1.4rem;
  color: var(--brand-magenta); }

.fp-banner-frame {
  margin: 0 8px 8px 8px; }
.fp-banner-img {
  line-height: 0;
  margin-bottom: 0.5rem; }
.fp-banner-img img {
  max-width: 100%;
  height: auto;
  border-radius: 3px; }
.fp-banner-img:last-child {
  margin-bottom: 2rem; }

.fp-banner-main, .fp-banner-main-single {
  overflow: auto;
  margin-top: 1rem;
  padding: 0 8px;
  max-width: 100%; }
.fp-banner-image {
  }
.fp-banner-image img {
  border-radius: 3px;
  width: 100%;
  height: auto; }

.fotorama__html div,
.fotorama__html a {
    display: block;
    max-width: 100%;
    height: 100%; }

.fp-cat-wrapper {
  overflow: auto; }
.fp-cat-header, .sr-cat-header, .courses-cat-header {
  margin: auto;
  margin-top: 0.4rem;
  margin-bottom: 1rem;
  width: 70%;
  font-size: 1rem;
  text-transform: uppercase; }
.fp-cat-start {
  margin-bottom: -0.4rem;
  text-align: center;
  text-transform: uppercase; }
.fp-cat-start h1 {
  margin: 0;
  padding: 0;
  font-size: 2rem; }
.fp-cat-subtext {
  margin-top: -1.2rem;
  margin-bottom: 1rem;
  padding: 0 10%;
  text-align: center;
  color: var(--gray-color); }
.fp-brands-wrapper {
  overflow: auto;
  margin: 1rem auto;
  width: 90%;
  text-align: center; }
.fp-brands {
  overflow: auto;
  margin-bottom: 0.5rem; }
.fp-brands li {
  float: left;
  width: 50%; }
.fp-brands-url {
  clear: both;
  margin-bottom: 0.5rem; }
.fp-brands-url a {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase; }
.fp-brands-fav img {
  max-width: 100%;
  height: auto; }
.fp-mcbanner {
  display: flex;
  gap: 0.6rem;
  padding: 0 8px;
  margin-top: 0.5rem;
  margin-bottom: 1rem; }
.fp-mcbi {
  flex: 1; }
.fp-mcbi-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.5rem;
  background-color: var(--brand-white);
  border: 2px solid var(--v3-coral-red);
  border-radius: 6px;
  color: var(--v3-coral-red) !important;
  font-family: 'Poppins', 'Noto Sans', Arial, sans-serif;
  font-weight: var(--fw-bold);
  font-size: 1.1rem;
  text-decoration: none;
  transition: all 0.15s ease; }
.fp-mcbi-link:hover {
  background-color: var(--v3-coral-red);
  color: var(--brand-white) !important; }
.fp-mcbi-chevron {
  font-size: 1.3rem;
  transition: transform 0.15s ease; }
.fp-mcbi-link:hover .fp-mcbi-chevron {
  transform: translateX(3px); }
@media (max-width: 768px) {
  .fp-mcbanner {
    flex-direction: column; }
}
.fp-igslider-frame {
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem 0;
  background-color: #ffdf9e; }
.fp-igslider {
  overflow: auto;
  padding: 0 8px; }
.fp-iginfo {
  padding: 0 5%;
  text-align: center; }
.fp-iginfo h2 {
  font-size: 2rem;
  margin-bottom: 1rem; }
.fp-iginfo img {
  width: 50px;
  height: 50px; }
.fp-iginfo .morebtn {
  padding: 0.6rem 2rem; }
.fp-igtext {
  margin-bottom: 1rem; }
.fp-igposts {
  margin-bottom: 1rem; }
.fp-igimage {
  max-width: 100%; }
.fp-snapposts {
  padding: 0 2rem; }
.fp-snapinfo {
  padding-top: 69px; }

.fp-wbanner-frame {
  }
.fp-wbanner-frame img {
  border-radius: 3px;
  width: 100%;
  height: auto; }

.fp-newsletter-frame {
  overflow: auto;
  padding: 1rem 0;
  margin-bottom: 1rem;
  background-color: var(--main-color); }
.fp-nl-ill {
  display: none; }
.fp-nl-ill img {
  width: 100%;
  height: auto; }
.fp-nl-form {
  }
#mc_embed_signup {
  margin-bottom: 0.6rem;
  color: #fff;
  text-align: center; }
.mc-text {
  margin-bottom: 1rem; }
#mce-EMAIL {
  width: 70%; }
.mc-clear {
  display: inline-block; }
#mc-embedded-subscribe {
  margin-left: 0.5rem; }
.mc-terms {
  margin-top: 1rem;
  padding: 0 5%;
  font-size: 0.7rem; }

.adf-wrapper {
  margin: 0 8px;
  margin-bottom: 1rem; }

.adf-formframe {
  overflow: auto;
  padding: 0 10%; }

.adf-f-form {
  margin-bottom: 1rem; }
.adf-f-form label {
  display: block;
  margin-bottom: 1rem; }
.adf-f-info img {
  max-width: 100%; }

.adf-f-frame {
  overflow: auto;
  border: 1px solid #eee;
  border-radius: 3px; }
.adf-f-label {
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 0.2rem; }
.adf-f-input {
  float: left;
  width: 88%; }
.adf-f-input input {
  width: 100%; }
.adf-f-icon {
  float: left;
  width: 12%;
  line-height: 0;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px; }
.adf-f-icon img {
  max-width: 24px;
  max-height: 24px; }
.adf-f-cb {
  font-size: 0.8rem; 
  font-weight: 700; }
#adfDistributor {
  appearance: checkbox;
  -ms-appearance: checkbox;
  -moz-appearance: checkbox;
  
-webkit-appearance: checkbox;
  opacity: 1;
  display: inline-block; }
.adf-f-text {
  }
.adf-f-pwhelp {
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 1rem; }
.adf-f-pwforgot {
  text-align: center;
  margin-top: 1rem; }
.adf-f-pwforgot a {
  font-size: 0.8rem;
  color: var(--secondary-color); }
.adf-f-loginurl {
  margin-top: 1rem; }
.adf-f-loginurl a {
  color: var(--cart-active-color); }
.adf-f-submit {
  border: 0;
  border-radius: 3px;
  background-color: var(--cart-active-color);
  cursor: pointer;
  padding: 0.8rem 2rem;
  width: 100%;
  font-weight: 700;
  color: #fff; }
.adf-f-submit:hover {
  background-color: var(--cart-hover-color); }

.adf-f-inputerr {
  border-color: #e45;
  background-color: #fee; }
.adf-f-inputok {
  border-color: var(--cart-active-color);
  background-color: var(--cart-hover-color); }

.ada-frame {
  overflow: auto; }
.ada-frame h1 {
  text-align: center; }
.ada-acinfo {
  margin-bottom: 1rem; }
.ada-acorders {
  }

.ada-acframe {
  background-color: #eee;
  border-radius: 3px;
  padding: 1rem;
  text-align: center; }

.adai-intro {
  margin-bottom: 1rem;
  font-weight: 700; }
.adai-text {
  margin-bottom: 1rem;
  font-size: 0.8rem; }
.adai-text:last-child {
  margin-bottom: 0; }
.adai-links {
  margin-top: 1rem; }
.adai-logout {
  margin-top: 1rem; }
.adai-logout a {
  color: #e45; }

.adai-course { padding: 1rem;background-color: var(--cart-active-color);border-radius: 3px;color: #fff; }
.adai-course span { font-weight: 700; }
.adai-course a { font-weight: normal;text-decoration: underline;color: #fff; }

.ada-table {
  width: 100%; }
.adac, td.adac-products {
  border-bottom: 1px solid #ccc;
  padding: 0.3rem 0; }
.ada-table tr:hover .adac {
  background-color: #f5f5f5; }

.ada-header td {
  background-color: var(--main-color) !important;
  color: #fff;
  padding: 0.4rem 0;
  font-size: 0.8rem;
  font-weight: 700; }

.adac-digital td { background-color: #d1e2f3; }

td.adac-date {
  padding-left: 0.5rem;
  width: 90px; }
td.adac-orderno {
  font-weight: 700;
  width: 70px; }
td.adac-status {
  width: 90px; }
td.adac-sum {
  width: 100px;
  text-align: right; }
td.adac-pay {
  padding-left: 0.5rem;
  width: 120px;
  display: none; }
td.adac-pay-1 div {
  background: no-repeat left/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-betaling-postoppkrav.png'); }
td.adac-pay-3 div {
  background: no-repeat left/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-betaling-faktura.png'); }
td.adac-pay-2 div, td.adac-pay-7 div, td.adac-pay-8 div, td.adac-pay-9 div, td.adac-pay-11 div {
  background: no-repeat left/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-betaling-klarna.png'); }
td.adac-pay-14 div {
  background: no-repeat left/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-betaling-vipps.png'); }

td.adac-delivery {
  width: 80px;
  display: none; }
td.adac-track-small, td.adac-track-medium, td.adac-track-large {
  padding-right: 0.5rem;
  text-align: right; }
td.adac-track-small {
  }
td.adac-track-medium {
  display: none; }
td.adac-track-large {
  display: none; }

a.ada-posten div, a.ada-helthjem div, a.ada-porterbuddy div, a.ada-instabox div {
  min-width: 22.4px; }
a.ada-posten div {
  background: no-repeat right/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-lev-posten.png'); }
a.ada-helthjem div {
  background: no-repeat right/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-lev-helthjem.png'); }
a.ada-porterbuddy div {
  background: no-repeat right/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-lev-porterbuddy.png'); }
a.ada-instabox div {
  background: no-repeat right/contain url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-lev-instabox.png'); }

td.adac-products {
  padding: 1rem;
  background-color: #eee; }

.adap-table {
  width: 100%;
  table-layout: fixed;
  font-size: 0.8rem; }
.adap-table td {
  padding: 0.2rem 0; }
.adap-b {
  width: 50px; }
.adap-v {
  width: 100px; }
.adap-n {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.adap-p {
  width: 70px;
  text-align: right; }

.fp-shopinfo {
  margin: 0 8px;
  margin-bottom: 1rem;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 1.5rem 1.5rem;
  font-size: 0.8rem;
  line-height: 1.6;
  text-align: center; }

.article-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1rem; }
.article-cell {
  overflow: auto; }
.article-cell:not(:first-child) {
  margin-top: 4px; }
.article-image {
  float: left;
  width: 38px;
  height: 100%;
  border-radius: 50%; }
.article-text {
  float: left;
  padding-left: 0.5rem;
  text-align: left; }
.article-text div {
  font-weight: 700; }

.subcategory-list-frame {
  margin-bottom: 1rem;
  padding: 0px 4px;
  text-align: center; }
.subcategory-list {
  text-align: center;
  overflow: auto; }
.subcategory-list-info {
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.5rem; }
.subcategory-list-item {
  float: left;
  width: 50%;
  padding: 2px 4px; }
.subcategory-list-item div, .sc-altmc-item a {
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border-radius: 3px; }
.subcategory-list-item div:hover, .sc-altmc-item a:hover {
  background-color: #fff; }
.subcategory-altmclink {
  margin-bottom: 1rem;
  text-align: center;
  font-weight: 700;
  padding: 0 8px; }
.sc-altmc-item a {
  display: block;
  width: 100%;
  margin: auto;
  margin-top: 0.5rem;
  font-weight: normal; }

.ssubcategory-list-item {
  margin: auto;
  max-width: 66%;
  padding: 0.5rem 1rem;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-bottom: 0.4rem; }
.ssubcategory-list:last-child {
  margin-bottom: 0; }

.infopage-wrapper {
  margin: 0 8px;
  margin-bottom: 2rem; }
.ip-banner img, .ipc-text p img {
  max-width: 100%;
  height: auto; }
.ip-subrow {
  display: none; }
.ip-content {
  }
.ip-ctr {
  text-align: center; }
.ip-fwcontent {
  margin: 0 8px;
  text-align: center; }
.ip-content h1 {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.2; }
.ipc-ingress {
  margin-bottom: 1rem;
  font-weight: 700; }
.ipc-text {
  margin-bottom: 1rem; }
.ipc-text .ipc-important {
  font-weight: 700;
  color: var(--sale-color); }
.ip-content h2 {
  margin-bottom: 1rem;
  text-align: left; }
.ip-content quote {
  display: block;
  padding: 0 10%;
  margin-bottom: 1rem;
  text-align: center;
  color: var(--tertiary-color);
  font-weight: 700;
  font-style: italic; }
.ip-content ul {
  list-style-type: disc;
  margin-left: 3rem;
  margin-bottom: 1rem; }
.ip-content li {
  padding: 0.2rem 0; }

.ipc-flexwrapper {
  padding: 1rem 0.5rem;
  padding-bottom: 0rem;
  margin-bottom: -1rem;
  background-color: #f5f5f5; }
.ipc-flexcontent {
  display: flex;
  flex-wrap: wrap; }
.ipc-fc-cell {
  padding: 0 0.5rem;
  font-size: 0.8rem;
  width: 50%; }
.ipc-fc-content {
  position: relative;
  margin-bottom: 1rem;
  text-align: center;
  background-color: #fff;
  border-radius: 3px; }
.ipc-fc-ol {
  position: absolute;
  opacity: 0.985;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #eee;
  border-radius: 3px;
  z-index: 10; }
.ipc-fco-hidden {
  color: #999;
  margin-top: 40%; }
.ipc-fco-hidden div {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.3rem; }
.ipc-fco-hidden a {
  color: #999;
  text-decoration: underline; }

.ip-content h3 {
  color: var(--secondary-color);
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 1rem;
  padding-right: 1rem; }
.ip-content h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center; }
.ip-cheader {
  text-align: center; }
.ipc-categorylist {
  }
.ipc-cl-1, .ipc-cl-2, .ipc-cl-3 {
  }
.ipc-cl {
  margin-bottom: 1rem; }
.ipc-cl li {
  }
.ipc-cl li:hover {
  }
a.ipc-caturl {
  text-decoration: none; }
.ipc-cl-cat {
  text-align: center;
  font-size: 0.7rem;
  line-height: 0.8rem;
  text-transform: uppercase; }
.ipc-cl-prd, .ipc-cpl-prd, .ipc-cps-prd {
  text-align: center;
  font-weight: 700;
  background: linear-gradient(45deg, #dac3ad, #b19e8b 50%, #dac3ad 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  background-size: 150% auto; }
.ipc-cl li:hover .ipc-cl-prd, .ipc-cpl-wrapper:hover .ipc-cpl-prd, .ipc-cps-frame:hover .ipc-cps-prd {
  animation: pulse 2s ease infinite alternate; }
@keyframes pulse {
  to { background-position: 150%; }
}
.ipc-cpl-wrapper {
  }
.ipc-cpl-image, .ipc-cps-image {
  line-height: 0; }
.ipc-cpl-image img, .ipc-cps-image img {
  max-width: 100%;
  width: 100%; }
.ipc-cpl-info {
  padding: 1.5rem 1rem;
  background-color: var(--main-color);
  color: #fff;
  text-align: center; }
.ipc-cpl-cat {
  font-size: 0.9rem;
  line-height: 1rem;
  margin-bottom: 1rem;
  text-transform: uppercase; }
.ipc-cpl-prd {
  font-size: 2rem;
  line-height: 3rem; }
.ipc-cpl-txt {
  margin-bottom: 1.5rem; }
.ipc-cpl-btn {
  display: inline-block;
  width: 30%;
  padding: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--secondary-color); }
.ipc-cpl-btn:hover, .ipc-cps-btn:hover {
  background-color: var(--tertiary-color); }
.ipc-cps-frame {
  display: flex;
  margin-bottom: 1rem; }
.ipc-cps-product {
  width: 50%; }
.ipc-cps-info {
  padding: 1rem 0.8rem;
  background-color: var(--main-color);
  color: #fff;
  text-align: center; }
.ipc-cps-cat {
  margin-bottom: 0.6rem;
  font-size: 0.7rem;
  text-transform: uppercase; }
.ipc-cps-txt {
  min-height: 11rem;
  margin-bottom: 0.6rem;
  font-size: 0.9rem; }
.ipc-cps-btn {
  display: inline-block;
  width: 60%;
  padding: 0.6rem;
  font-size: 0.9rem;
  background-color: var(--secondary-color);
  text-transform: uppercase;
  font-weight: 700; }
.ipc-cps-product:first-child {
  margin-right: 0.2rem; }
.ipc-cps-product:last-child {
  margin-left: 0.2rem; }
.ipc-quote {
  padding: 1rem 2rem;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 2rem;
  line-height: 2.6rem;
  font-style: italic;
  color: var(--secondary-color); }
.ipc-quote-a {
  margin-top: 1rem;
  padding-top: 1rem;
  text-align: center; }
.ipc-quote-a img {
  width: 30%;
  margin-bottom: 1rem; }
.ipc-q-text {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.3;
  font-style: italic; }
.ipc-q-name {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: var(--secondary-color); }
.ipc-image {
  line-height: 0; }
.ipc-image img {
  max-width: 100%;
  width: 100%; }
.ipc-videowrapper {
  margin-bottom: 1rem; }

.ipcp-img {
  padding-top: 1rem;
  padding-bottom: 0.5rem; }
.ipcp-img img {
  width: 80%; }
.ipcp-nme {
  font-size: 1rem;
  font-weight: 700; }
.ipcp-dte {
  margin-bottom: 0.4rem; }
.ipcp-txt {
  padding: 0 0.5rem;
  height: 8.5rem; }
.ipcp-tip {
  padding: 0 0.5rem;
  font-style: italic;
  color: var(--tertiary-color);
  height: 7.5rem; }

.ipc-t-wrapper {
  overflow: auto;
  margin-bottom: 1rem; }
.ipc-t-img {
  float: left;
  width: 40%; }
.ipc-t-img img {
  max-width: 100%;
  border-radius: 3px; }
.ipc-t-txt {
  float: left;
  width: 60%;
  padding-left: 1rem; }

.ipc-adv-wrapper {
  position: relative;
  padding-left: 3rem;
  padding-right: 1rem;
  margin-bottom: 1.5rem; }
.ipc-adv-text, .ipc-adv-illtext {
  position: relative;
  z-index: 4;
  padding-left: 1.5rem;
  background-color: #fff; }
.ipc-adv-num {
  position: absolute;
  top: 0;
  left: 8px;
  z-index: 1;
  font-size: 8rem;
  line-height: 0.9;
  font-weight: 700;
  color: #ccc; }
h2.ipc-ms-h2 {
  text-align: center; }
.ipc-ms-wrapper {
  position: relative;
  padding-left: 7.5rem;
  margin-bottom: 1.5rem; }
.ipc-ms-text {
  position: relative;
  z-index: 4;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 1rem;
  background-color: #fff; }
.ipc-ms-num {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  letter-spacing: -4px;
  font-size: 4rem;
  line-height: 0.8;
  font-weight: 700;
  color: #ccc; }
.ipc-text h3, .ipc-texttable h3 {
  text-align: left;
  margin-bottom: 0.6rem; }

.ipc-texttable {
  overflow: auto;
  margin-bottom: 1rem; }
.ipc-tt-narrow, .ipc-tt-wide, .ipc-tt-med {
  margin-bottom: 1rem; }
.ipc-tt-narrow img, .ipc-tt-wide img, .ipc-tt-med img {
  width: 100%; }
.ipc-tt-pad {
  text-align: center; }
.ipc-tt-narrow div {
  padding-top: 1rem;
  padding-right: 1rem; }
.ipc-tt-ibt {
  display: table;
  table-layout: fixed; }
.ipc-tt-ibr {
  display: table-row; }
.ipc-tt-ibc, .ipc-tt-pbc {
  display: table-cell;
  width: 60px;
  height: 60px;
  vertical-align: middle; }
.ipc-tt-ibc div, .ipc-tt-pbc div {
  width: 42px;
  height: 42px;
  line-height: 42px;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border-radius: 50%; }
.ipc-tt-ibc div {
  background-color: #ff3d3d;  }
.ipc-tt-pbc div {
  background-color: #6519ff;  }
.ipc-tt-ibi {
  display: table-cell;
  height: 48px;
  vertical-align: middle; }
.ipc-tt-ibtfw {
  width: 100%; }
.ipc-tt-cl {
  padding-right: 0.5rem; }
.ipc-tt-cr {
  padding-left: 0.5rem; }
.ipc-tt-ct {
  }
.ipc-tt-ctt {
  padding: 0 1rem; }
.ipc-tt-csml, .ipc-tt-cmed, .ipc-tt-clrg, .ipc-tt-chlf {
  display: table-cell;
  text-align: left; }
.ipc-tt-img {
  line-height: 0;
  margin-bottom: 1rem; }
.ipc-tt-img img {
  width: 100%; }
.ipc-tt-csml {
  width: 33%; }
.ipc-tt-chlf {
  width: 50%; }
.ipc-tt-cmed {
  width: 64%; }
.ipc-tt-clrg {
  width: 100%; }
quote.ipc-ibq {
  color: #ff3d3d; }
quote.ipc-pbq {
  color: #6519ff; }
.ipct-small {
  font-size: 0.7rem;
  padding: 0; }
.ipc-rem-frame {
  margin-bottom: 1rem; }
#ipc-rem-epost {
  border: 1px solid var(--main-color);
  margin-right: 0.5rem; }
#ipc-rem-submit {
  padding-left: 1rem;
  padding-right: 1rem; }
#ipc-rem-complete {
  margin-bottom: 1rem;
  color: var(--cart-active-color);
  font-weight: 800; }

.ipc-highlight {
  padding: 1rem 1.6rem;
  background-color: #30687e;
  color: #fff; }
.ipc-highlight p:last-child {
  margin-bottom: 0rem; }
.ipc-buttonlink {
  text-align: center;
  margin: 4px 14%;
  padding: 1rem;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  font-weight: 700; }
.ipc-buttonlink:hover {
  background-color: #e5e5e5;
  border-color: #d5d5d5; }

.ipc-text ol {
  margin-left: 3rem;
  list-style-type: decimal; }
ul.ipc-podcastlist {
  margin-left: 0rem;
  list-style-type: none; }
ul.ipc-podcastlist a {
  text-decoration: none; }
.ipc-noresult {
  margin: 2rem;
  text-align: center;
  font-style: italic; }

.ipc-ck-table {
  width: 100%;
  font-size: 0.8rem; }
.ipc-ck-table tr {
  }
.ipc-ck-table tr td:first-child {
  font-weight: 700; }
.ipc-ck-table th {
  font-weight: 700;
  background-color: #ddd; }
.ipc-ck-table td, .ipc-ck-table th {
  padding: 8px 2px;
  text-align: left; }
.ipc-ck-table tr:nth-child(odd) {
  background-color: #f5f5f5; }
.ipc-ck-text {
  width: 40%; }

.pdc-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 1rem; }
.pdc-cover {
  width: 20%;
  line-height: 0.1rem; }
.pdc-cover img {
  width: 100%;
  height: auto;
  border-radius: 3px;
  margin-top: 0.4rem; }
.pdc-info {
  width: 63%;
  padding-left: 1rem; }
.pdc-info div {
  margin-bottom: 0.3rem; }
.pdc-dur {
  width: 17%;
  text-align: right; }
.pdc-i-title {
  font-size: 1.1rem;
  line-height: 1.4rem; }
.pdc-i-title, .pdc-i-date, .pdc-dur {
  font-weight: 700; }
.pdc-i-text, .pdc-i-mtext {
  color: #666; }
.pdc-i-link, .pdc-dur {
  color: var(--tertiary-color); }
.pdc-i-link {
  text-decoration: underline; }
.pdc-i-dur {
  padding-left: 18px;
  background: no-repeat left/16px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-tid.png'); }
.pdc-i-mtext {
  margin-top: -0.5rem;
  margin-bottom: 1rem; }

.grid-filter {
  margin: 0 8px;
  margin-bottom: 1rem;
  padding: 4px 0.5rem;
  color: var(--gray-color);
  background-color: #f5f5f5;
  font-size: 0.7rem;
  text-transform: uppercase;
  text-align: right; }
.grid-filter-select {
  display: inline-block;
  position: relative;
  }
.grid-filter-current {
  padding: 0 8px;
  padding-right: 20px;
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-50-sortering.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain; }
.grid-filter-options {
  position: absolute;
  display: none;
  width: 100%;
  overflow: auto;
  z-index: 3;
  padding: 4px 8px;
  padding-right: 20px;
  background-color: #fff;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); }
.grid-filter li {
  padding-bottom: 4px; }
.grid-filter li span {
  color: #ccc; }
.grid-filter a {
  color: var(--gray-color); }
.grid-filter a:hover {
  color: #000; }
.grid-filter-select:hover .grid-filter-options { display: block; }
.grid-filter-select:hover { color: #000; }

.grid-list {
  padding: 0 0.2rem;
  display: flex;
  flex-wrap: wrap; }
.grid-cell {
  width: 50%;
  margin-bottom: 1rem;
  padding: 0 0.3rem;
  display: flex;
  flex-direction: column; }
.grid-cell-wide {
  width: 100%;
  margin-bottom: 1rem;
  padding: 0 0.3rem; }
.grid-cell-promoted {
  width: 100%;
  margin-bottom: 1rem;
  padding: 0 0.3rem; }
.grid-cell-fullwidth {
  width: 100%;
  margin-bottom: 1rem;
  text-align: center; }
.grid-cell a, .grid-cell-promoted a, .grid-cell-fullwidth a, .grid-cell-wide a {
  outline: none;
  overflow: hidden; }
.grid-cell img, .grid-cell-promoted img, .grid-cell-wide img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top; }
.grid-cell-fullwidth img {
  width: 100%; }
.grid-cell-soldout .product-cell::before {
  background-image: linear-gradient(180deg, rgba(255,255,255,.8), rgba(255,255,255,.4));
  pointer-events: none;
  z-index: 2;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.grid-cell-description {
  padding: 1rem;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.2rem; }
.grid-fp li.grid-cell:last-child {
  display: none; }
.grid-accessories, .grid-otheroptions, .grid-accessories-cart {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
.grid-accessories li.grid-cell, .grid-otheroptions li.grid-cell, .grid-accessories-cart li.grid-cell {
  width: 33.33%; }
.grid-accessories .p-spc-emblem, .grid-otheroptions .p-spc-emblem, .grid-accessories-cart .p-spc-emblem {
  width: 50px;
  min-height: 50px; }

.product-cell, .product-cell-promoted {
  position: relative;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.05);
  background-color: #fff;
  flex: 1;
  display: flex;
  flex-direction: column; }
.grid-cell-poster .product-cell {
  box-shadow: none; }
.product-cell-wide {
  position: relative;
  border: 1px solid #f0f0fa;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(43,36,51,.2);
  background-color: #fff; }
.grid-cell-soldout .product-cell {
  border-color: #fafafa;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.03); }
.product-cell:hover, .product-cell-promoted:hover, .product-cell-wide:hover {
  box-shadow: none;
  border-color: #fafafa; }
.product-cell.product-expires {
  border-color: #fdd; }
.product-cell.product-focus {
  border-color: #afa; }

.grid-hero .product-cell {
  border: 1px solid #ceb6dd;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(43,36,51,.4); }
.grid-hero .product-cell:hover {
  border: 1px solid #ebdef4;
  border-radius: 3px;
  box-shadow: 0 4px 8px 0 rgba(43,36,51,.2); }

.ptw-title, .ptw-name, .ptw-description, .ptw-specs {
  overflow: hidden; }
.ptw-title {
  display: none; }
.ptw-title div {
  display: inline-block;
  padding: 0px 6px;
  margin-right: 3px;
  font-size: 0.8rem;
  text-transform: uppercase; }
.ptwt-st {
  background-color: var(--main-color);
  color: #fff; }
.ptwt-at {
  background-color: var(--tertiary-color);
  color: #fff; }
.ptwt-ct {
  background-color: var(--sale-color);
  color: #fff; }
.ptw-brand {
  display: none;
  font-size: 0.8rem;
  line-height: 1rem;
  text-transform: uppercase;
  color: var(--gray-color); }
.ptw-name {
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1.4rem; }
.ptw-price {
  margin: 2px 0px; }
.ptw-price img {
  display: block;
  margin-bottom: 0.2rem;
  width: 100px;
  height: auto; }
.ptwp-cp {
  font-weight: 700;
  color: var(--sale-color); }
.ptwp-pp {
  display: inline-block;
  padding-left: 0.2rem;
  font-size: 0.8rem;
  line-height: 1rem;
  color: var(--gray-color);
  text-decoration: line-through; }
.ptw-description {
  font-size: 0.85rem;
  line-height: 1.2rem;
  margin-top: 0.6rem; }
.ptw-specs {
  display: none;
  color: var(--tertiary-color);
  margin-top: 0.6rem; }
.ptw-specs span {
  }
.ptw-more {
  margin-top: 1rem; }
.ptw-rm {
  display: none; }
.ptw-mmore {
  margin-top: 0.4rem;
  font-size: 0.85rem;
  text-align: center; }
.ptw-mmore a {
  color: var(--cm-color-two);
  text-decoration: underline; }
.ptw-usp {
  width: 80%;
  color: var(--tertiary-color);
  font-style: italic;
  margin-top: 1.4rem; }
ul.ptw-dusp {
  padding-left: 1.4rem;
  list-style: circle outside; }
.ptw-usp-m, .ptw-usp-l {
  display: none; }
.ptw-d-short {
  }
.ptw-d-med {
  display: none; }
.ptw-d-long {
  display: none; }
.phi-super, .phi-rec {
  font-size: 0.8rem; }

.grid-cell-addedtobasket {
  opacity: 0.25; }

.p-opt.p-exp {
  border-color: #fdd;
  background-color: #fee; }
.p-opt-exp {
  color: var(--sale-color); }
.p-opt-fcs {
  color: var(--cart-active-color); }
.product-image, .product-image-wide {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 5 / 6;
  width: 100%; }
.product-image img, .product-image-wide img {
  transition: transform .5s ease;
  width: 100%;
  height: 100%;
  object-fit: contain; }

.product-cell-wide {
  display: flex; }
.product-image-wide {
  width: 50%; }
.product-text-wide {
  width: 50%; }

.product-badge-frame {
  position: absolute;
  top: 6px;
  right: 0px;
  text-align: center;
  z-index: 2;
  pointer-events: none;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 700; }
.product-badge-frame div {
  float: right;
  clear: right;
  padding: 5px 12px;
  color: #fff; }
.product-badge-frame div:not(:last-child) {
  margin-bottom: 2px; }
.product-badge:not(:last-child) {
  margin-right: 0.1rem; }
.p-badge-promo {
  opacity: 1;
  background-color: var(--tertiary-color); }
.p-badge-sale {
  opacity: 1;
  background-color: var(--sale-color);
  font-size: 0.75rem;
  letter-spacing: 0.03em; }
.p-badge-new {
  opacity: 1;
  background-color: #b2ce83;
  font-family: 'Turbinado Pro', 'Poppins', sans-serif;
  font-size: 1.4rem;
  text-transform: capitalize; }
.p-badge-fs {
  opacity: 1;
  background-color: var(--cm-bg-color-one); }
div.p-badge-sexyweekend {
  opacity: 1;
  text-transform: uppercase;
  background-color: var(--bf-bg-color-one);
  color: var(--bf-color-one); }
div.p-badge-sexymonday {
  opacity: 1;
  text-transform: uppercase;
  background-color: var(--cm-bg-color-one);
  color: var(--cm-color-one); }
.product-spc-badge, .pi-spc-badge {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  width: 200px;
  padding: 4px;
  -webkit-transform: translate(-52px,36px) rotate(-45deg) translateZ(0);
  transform: translate(-52px,36px) rotate(-45deg) translateZ(0);
  text-transform: capitalize;
  text-align: center;
  font-family: 'Turbinado Pro', 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #fff; }
.p-spc-rcmd, .pi-spc-rcmd {
  text-shadow: 0px 1px #f2994a;
  background: linear-gradient(180deg, #f2994a 0, #f2c94c); }
.p-spc-promo, .pi-spc-promo {
  text-shadow: 0px 1px var(--tertiary-color);
  background: linear-gradient(180deg, var(--tertiary-color) 0, #4d225d); }
.p-spc-gfr, .pi-spc-gfr {
  text-shadow: 0px 1px #397423;
  background: linear-gradient(180deg, #397423 0, #55a439); }
.p-spc-sexyweekend {
  color: var(--bf-color-one);
  text-shadow: 0px 1px var(--csw-bg-color-two);
  background: linear-gradient(180deg, var(--csw-bg-color-two) 0, var(--bf-bg-color-one)); }
.p-spc-sexymonday {
  color: var(--cm-color-one);
  text-shadow: 0px 1px var(--cm-bg-color-two);
  background: linear-gradient(180deg, var(--cm-bg-color-two) 0, var(--cm-bg-color-one)); }
.p-spc-pt1 {
  text-shadow: 0px 1px var(--sale-color);
  background: linear-gradient(180deg, var(--sale-color) 0, #d31); }
.p-spc-pt2 {
  text-shadow: 0px 1px var(--tertiary-color);
  background: linear-gradient(180deg, var(--tertiary-color) 0, #4d225d); }
.p-spc-pt3 {
  text-shadow: 0px 1px #6b6;
  background: linear-gradient(180deg, #6b6 0, var(--cart-active-color)); }
.p-spc-pt4 {
  text-shadow: 0px 1px #e0b603;
  background: linear-gradient(180deg, #e0b603 0, var(--bf-color-one)); }
.pi-ec-wrapper {
  margin-top: -0.7em;
  padding: 0.6em 0.3em;
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center; }
.pi-ec-sexyweekend div {
  background: -webkit-linear-gradient(180deg, var(--csw-color-two) 0, var(--bf-color-one));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.pi-ec-sexymonday div {
  background: -webkit-linear-gradient(180deg, var(--cm-color-two) 0, var(--cm-color-one));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.p-spc-emblem, .pi-spc-emblem, .p-spc-heroinfo {
  position: absolute;
  z-index: 2;
  pointer-events: none; }
.p-spc-emblem {
  bottom: 3px;
  right: 3px;
  width: 80px;
  min-height: 80px; }
.pi-spc-emblem {
  bottom: 8px;
  right: 8px;
  width: 140px;
  min-height: 140px; }
.p-spc-heroinfo {
  top: 8px;
  right: 8px;
  text-align: right; }
.p-spc-heroinfo div {
  float: right;
  clear: right; }
.phi-super {
  padding: 4px 8px;
  text-transform: uppercase;
  background-color: var(--main-color);
  color: #fff; }
.phi-rec {
  margin-top: 2px;
  padding: 4px 8px;
  text-transform: uppercase;
  background-color: var(--tertiary-color);
  color: #fff; }
.pi-spc-emblemthumb {
  bottom: 56px; }
.p-spc-emblem img, .pi-spc-emblem img {
  display: none;
  width: 100%; }
@keyframes pop-out {
  0% { opacity: 1;transform: scale(0); }
  70% { transform: scale(1); }
  85% { transform: scale(0.7); }
  100% { transform: scale(1); }
}
.p-spc-anim {
  animation: pop-out 0.4s linear; }
.p-spc-anim img {
  display: block; }

.pi-ec-wrapper {
  margin-bottom: 1rem; }
.pi-ec-wrapper img {
  width: 100%;
  border-radius: 3px; }
.pi-ex-wrapper {
  margin-top: -6px;
  margin-bottom: 12px; }
.pi-spcsale {
  display: inline-block;
  padding: 6px 12px;
  background-color: var(--sale-color);
  border-radius: 3px;
  color: #fff;
  font-weight: 700; }
.pi-spcsale-sexyweekend {
  text-transform: uppercase;
  background-color: var(--bf-bg-color-one);
  color: var(--bf-color-one); }
.pi-spcsale-sexymonday {
  text-transform: uppercase;
  background-color: var(--cm-bg-color-one);
  color: var(--cm-color-one); }
.pi-usp-wrapper {
  padding: 0 1rem;
  margin-bottom: 1.5rem; }
.pi-usp-text {
  margin: 0;
  font-weight: normal;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4; }
.pi-ui-wrapper {
  padding: 0.5rem 0; }
.pi-ui-list {
  width: 80%;
  margin: auto; }
.pi-ui-list li {
  padding-left: 24px;
  background: no-repeat left top/22px url('https://cdn.kondomeriet.no/media/icon/icon-100-list.png'); }
.pi-ui-list li:not(:last-child) {
  margin-bottom: 0.5rem; }

.product-text, .product-text-wide, .poster-text {
  padding: 8px; }
.product-text, .product-text h2, .poster-text {
  margin: 0;
  font-size: 1rem;
  line-height: 1.25;
  text-align: center; }

.product-reviews {
  height: 1.5rem; }
.product-reviews img {
  max-width: 90px;
  height: auto; }

.product-brand {
  height: 1.09rem;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: var(--gray-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.product-name {
  overflow: hidden;
  height: 3.9rem; }
.product-name a {
  color: #000; }
.product-price {
  height: 2rem;
  padding-top: 0.3rem; }
.product-price-exsale, .pi-pexsale {
  color: #aaa;
  font-size: 0.8rem;
  text-decoration: line-through; }
.product-price-exsale:hover, .pi-pexsale:hover {
  text-decoration: none; }
.product-purchase, .product-purchase button {
  color: #fff; }
.grid-accessories .product-purchase .bo-purchase, .grid-accessories .product-purchase .bo-purchase button {
  font-size: 0.8rem; }
.product-purchase-active, .pi-buyactive {
  background-color: var(--purchase-color); }
.product-purchase-active:hover, .pi-buyactive:hover {
  background-color: var(--purchase-color-hover); }
.product-purchase-size, .pi-buysize {
  background-color: var(--purchase-size-color); }
.product-purchase-size:hover, .pi-buysize:hover {
  background-color: var(--purchase-size-color-hover); }
.product-readmore-btn {
  background-color: var(--secondary-color); }
.product-readmore-btn:hover {
  background-color: var(--tertiary-color); }
a .product-purchase-inactive {
  background-color: #eee;
  color: var(--gray-color);
  font-weight: normal; }

.poster-icon, .poster-heading, .poster-subtext, .poster-btn {
  text-align: center; }
.grid-cell-poster-2 .poster-heading, .grid-cell-poster-2 .poster-subtext, .grid-cell-poster-2 .poster-btn {
  color: #fff; }
.grid-cell-poster-2 .poster-heading {
  background: rgba(0, 0, 0, 0.3); }
.grid-cell-poster-1 .poster-heading, .grid-cell-poster-1 .poster-subtext, .grid-cell-poster-1 .poster-btn {
  color: var(--main-color); }
.grid-cell-poster-1 .poster-heading {
  background: rgba(255, 255, 255, 0.3); }

.poster-cell, .poster-cell:hover {
 border: 1px solid transparent; }
.poster-top {
 position: relative; }
.poster-subtext {
  height: 8.49rem;
  padding: 0 0.5rem;
  font-weight: 700; }

.poster-reviews { height: 1.5rem; }
.poster-brand { height: 1.09rem; }
.poster-name { height: 3.9rem; }
.poster-price { height: 2rem;padding-top: 0.3rem; }

.poster-btn {
  background: none;
  font-weight: 700; }
.poster-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem; }
.poster-heading {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6rem;
  padding-top: 1rem;
  font-size: 1.6rem;
  line-height: 2rem; }
.poster-heading span {
  display: block;
  font-weight: 700; }


.product-art-header {
  text-align: left;
  overflow: hidden;
  height: 3rem; }
.product-art-text {
  overflow: hidden;
  height: 6rem;
  font-size: 0.9rem; }
.product-art-link {
  padding: 0.5rem 0; }
.product-art-link a {
  font-weight: 700; }

.p-opt {
  padding: 4px;
  padding-left: 12px;
  background-color: #eee;
  font-size: 0.8rem; }
.p-opt-urls {
  display: inline-block;
  float: right;
  padding-right: 8px; }
.p-opt-stock {
  font-weight: 700; }
.p-opt-gr {
  display: inline-block;
  padding: 0 2px;
  color: #fff; }
.p-opt-gr-0 { color: var(--sale-color); }
.p-opt-gr-1 { color: var(--sale-color); }
.p-opt-gr-2 { color: var(--sale-color); }
.p-opt-gr-3 { color: #c70; }
.p-opt-gr-4 { color: #dc3; }
.p-opt-gr-5 { color: #dd6; }
.p-opt-gr-6 { color: #ac3; }
.p-opt-gr-7 { color: #ac3; }
.p-opt-gr-8 { color: #3c0; }
.p-opt-gr-9 { color: #3c0; }
.p-opt-gr-x { color: #3c0; }

.product-cell-brand {
  transition: background-size .5s ease;
  overflow: hidden; }
.product-cell-brand:hover {
  background-size: 110%; }
.product-cell-brand:hover .pcb-descr {
  opacity: 1; }
.pcb-overlay {
  position: relative;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.33)); }
.pcb-descr {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.5rem;
  pointer-events: none;
  font-size: 0.8rem;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  transition: opacity .5s ease;
  color: #fff; }
.pcb-womanizer { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_womanizer_22.jpg'); }
.pcb-wevibe { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_wevibe_22.jpg'); }
.pcb-fleshlight { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_fleshlight.jpg'); }
.pcb-fleshlightgirls { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_fleshlightgirls.jpg'); }
.pcb-satisfyer { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_satisfyer_22.jpg'); }
.pcb-legavenue { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_legavenue.jpg'); }
.pcb-fiftyshadesofgrey { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_fiftyshadesofgrey.jpg'); }
.pcb-hotoctopuss { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_hotoctopuss.jpg'); }
.pcb-bijouxindiscrets { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_bijouxindiscrets_22.jpg'); }
.pcb-pornhub { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_pornhub.jpg'); }
.pcb-durex { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_durex.jpg'); }
.pcb-rocksoff { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_rocksoff_22.jpg'); }
.pcb-taboom { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_taboom.jpg'); }
.pcb-funfactory { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_funfactory_22.jpg'); }
.pcb-boners { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_boners_22.jpg'); }
.pcb-christine-le-duc { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_christine_22.jpg'); }
.pcb-easytoys { background: no-repeat center/100% url('https://cdn.kondomeriet.no/media/_no/brand/fp_photo_easytoys_22.jpg'); }

.pi-nostock {
  font-weight: 700; }
.pi-instock {
  color: var(--cart-active-color);
  font-weight: 700; }

/* === Mini-Cart Drawer === */
.mc-drawer-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(10, 25, 40, 0.5);
  z-index: 900;
  transition: opacity 0.3s ease; }
.mc-overlay-active {
  display: block; }
.mc-drawer {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: #fff;
  z-index: 901;
  overflow-y: auto;
  box-shadow: -4px 0 24px rgba(0,0,0,0.15);
  transition: right 0.3s ease; }
.mc-drawer-open {
  right: 0; }
.mc-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid #f0f0f0; }
.mc-drawer-title {
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--v3-black-pearl); }
.mc-drawer-close {
  font-size: 1.6rem;
  color: var(--v3-oslo-grey);
  text-decoration: none;
  line-height: 1;
  padding: 0 0.25rem; }
.mc-drawer-close:hover {
  color: var(--v3-black-pearl); }

.mc-freeship {
  padding: 0.75rem 0;
  margin-bottom: 0.75rem;
  border-radius: 4px; }
.mc-freeship-text {
  font-size: 0.85rem;
  margin-bottom: 0.4rem;
  color: #fff; }
.mc-freeship-done {
  color: #fff;
  font-weight: 700; }
.mc-freeship-bar {
  width: 100%;
  height: 6px;
  background-color: rgba(255,255,255,0.3);
  border-radius: 3px;
  overflow: hidden; }
.mc-freeship-fill {
  height: 100%;
  background-color: #fff;
  border-radius: 3px;
  transition: width 0.5s ease; }

.mc-product {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem; }
.mc-product-img {
  flex-shrink: 0; }
.mc-product-img img {
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 4px;
  background: #f8f8f8; }
.mc-product-info {
  flex: 1; }
.mc-product-name {
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: var(--v3-black-pearl); }
.mc-product-price {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--v3-black-pearl); }

.mc-actions {
  padding: 0 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }
.mc-actions form {
  display: contents; }
.mc-btn-checkout {
  width: 100%;
  padding: 0.85rem;
  border: 0;
  border-radius: 4px;
  color: #fff;
  background-color: var(--v3-coral-red);
  font-weight: 700;
  font-size: 1rem;
  cursor: pointer;
  text-align: center; }
.mc-btn-checkout:hover {
  background-color: var(--v3-hot-pink); }
.mc-btn-viewcart {
  display: block;
  width: 100%;
  padding: 0.75rem;
  border: 2px solid var(--v3-black-pearl);
  border-radius: 4px;
  color: var(--v3-black-pearl);
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box; }
.mc-btn-viewcart:hover {
  background-color: var(--brand-gray-light); }
.mc-btn-continue {
  display: block;
  text-align: center;
  padding: 0.5rem;
  color: var(--v3-oslo-grey);
  text-decoration: underline;
  font-size: 0.85rem; }
.mc-btn-continue:hover {
  color: var(--v3-black-pearl); }

.mc-accessories {
  padding: 0 1.25rem 1.25rem;
  border-top: 1px solid #f0f0f0; }

/* Legacy ATB classes (kept for backwards compat with addon campaigns) */
.pi-atb-wrapper {
  margin: 0 0.5rem;
  padding: 0.2rem;
  text-align: center;
  background-color: var(--main-color);
  border-radius: 3px;
  margin-bottom: 1rem; }
.pi-atb-mtop {
  padding: 0.5rem;
  color: #fff; }
.pi-atb-mtop span {
  font-weight: bold; }
.pi-atb-info {
  padding: 0 2rem;
  padding-top: 1rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
  color: #fff; }
.pi-atb-image {
  margin-bottom: 1rem; }
.pi-atb-image div {
  margin: auto;
  width: 120px;
  height: 120px;
  border-radius: 60px; }
.pi-atb-header {
  margin-bottom: 1rem;
  font-size: 1.2rem; }
.pi-atb-header span {
  font-weight: 700; }
.pi-atb-button {
  width: 66%;
  margin: auto; }
.pi-atb-ctn {
  margin-bottom: 8px; }
.pi-atb-rcmd {
  background-color: #fff;
  border-radius: 3px;
  padding: 1rem; }

.pi-frame {
  }
.pi-top-frame {
  margin-bottom: 1rem; }

.pi-image-wrapper {
  margin-bottom: 1rem; }
.pi-image-frame {
  position: relative;
  overflow: hidden; }
.pi-images-product {
  margin: auto;
  max-width: 100%;
  max-height: 578px; }
.pi-images-adt {
  display: none; }

.pi-primaryinfo-wrapper {
  padding: 0 8px; }

.pi-name-wrapper {
  margin-bottom: 1rem;
  padding: 0 5%;
  text-align: center; }
.pi-brandurl {
  font-size: 0.8rem;
  text-transform: uppercase; }
.pi-name-brand {
  margin-bottom: 0.5rem; }
.pi-name-brandlogo img {
  max-width: 100px;
  height: auto; }
.pi-name-h1 {
  margin: 0 5%;
  margin-bottom: 1rem; }
.pi-name-pre {
  margin: 0 5%;
  margin-top: 0.5rem;
  margin-bottom: 0.1rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #666; }
.pi-singlesize {
  font-weight: 700;
  margin-bottom: 1rem; }
.pi-price {
  margin-bottom: 0.5rem; }
.pi-pexsale {
  margin-right: 0.2rem; }
.pi-psale {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--sale-color); }
.pi-pstd {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--v3-black-pearl); }
.pi-price-spc {
  clear: both;
  overflow: auto; }
.pi-psp-upc {
  margin: 0;
  padding: 0;
  float: left;
  width: 50%;
  text-align: center;
  font-size: 0.8rem;
  font-style: italic; }
.pi-psp-upc span {
  color: #666; }
.pi-psp-prc {
  margin: 0;
  padding: 0;
  float: right;
  width: 50%;
  text-align: center; }
.pi-psp-acp {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--cart-active-color);
  line-height: 1.2rem; }
.pi-psp-prp {
  font-size: 0.7rem;
  color: #666;
  text-decoration: line-through; }

.pi-purchase-wrapper {
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 3px;
  background-color: #f5f5f5; }
.pi-options {
  margin-bottom: 1rem;
  }
.pi-oshowlist {
  }
.pi-oselector {
  position: relative; }
.pi-ostring, .pi-olist, .pi-qselector {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px; }
.pi-ostring {
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-50-sortering.png');
  background-position: right;
  background-repeat: no-repeat;
  background-size: 24px;
  text-align: center;
  color: var(--gray-color); }
.pi-olist {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  margin-top: 0.2rem;
  box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); }
.pi-olistopt input {
  display: none; }
.pi-opt-active, .pi-opt-disabled, .pi-ostring {
  display: block;
  width: 100%;
  padding: 15px 10%; }
.pi-opt-active:hover {
  background-color: var(--main-color);
  color: #fff; }
.pi-opt-active {
  cursor: pointer; }
.pi-opt-disabled {
  background-color: #eee;
  color: var(--gray-color);
  cursor: not-allowed; }
.pi-olistopt {
  border-bottom: 1px solid #f5f5f5; }
.pi-olistopt:last-child {
  border: 0; }

.pi-osizemap {
  margin-bottom: 0.4rem;
  font-size: 0.8rem;
  text-align: center; }
.pi-osizemap a {
  display: inline-block;
  padding-left: 24px;
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-50-storrelse.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: 18px; }
.pi-osm-wrapper {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 3px; }

.pi-qb-wrapper {
  clear: both;
  overflow: auto;
  }
.pi-quantity {
  float: left;
  width: 30%; }
.pi-purchase {
  float: left;
  width: 70%;
  padding-left: 1rem; }
.pi-qselector {
  padding: 6px 0; }
.pi-qvinput {
  width: 100%;
  text-align: center; }
.pi-iq, .pi-qv, .pi-dq {
  display: inline-block;
  width: 33.3%; }
.pi-iq {
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-pluss.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px; }
.pi-dq {
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-minus.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px; }
.pi-buynow {
  }
.pi-buyactive, .pi-buydisabled, .pi-buysize {
  width: 100%;
  cursor: pointer;
  border: 0;
  font-weight: 700;
  color: #fff; }
.pi-buydisabled {
  font-weight: 400;
  cursor: not-allowed;
  color: var(--gray-color);
  background-color: #eee; }
.pi-vipps {
  clear: both;
  padding-top: 1rem; }
.pi-importantinfo {
  margin-top: 1rem; }
.pi-rq-wrapper {
  overflow: auto;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #f0f0f0; }
.pi-reviews {
  float: left;
  width: 45%;
  text-align: center;
  border-right: 1px solid #f0f0f0; }
.pi-reviews-avg img {
  width: 100px;
  height: auto; }
.pi-reviews-show {
  font-size: 0.8rem; }
.pi-qinfo {
  float: left;
  width: 55%;
  overflow: auto;
  padding-left: 1rem;
  font-size: 0.8rem; }
.pi-qi-labels {
  float: left;
  padding-right: 0.5rem; }
.pi-qi-values {
  float: left; }
.pi-stockvalue {
  font-weight: 700; }
.pi-stock-status {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 700; }
.pi-stock-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0; }
.pi-stock-instock {
  background-color: #f0faf0;
  color: var(--v3-beech); }
.pi-stock-instock .pi-stock-status-dot {
  background-color: var(--v3-beech); }
.pi-stock-lowstock {
  background-color: var(--v3-sola-sand);
  color: #9a6700; }
.pi-stock-lowstock .pi-stock-status-dot {
  background-color: var(--v3-bumble-bee); }
.pi-stock-outofstock {
  background-color: #fef2f2;
  color: var(--v3-red-rose); }
.pi-stock-outofstock .pi-stock-status-dot {
  background-color: var(--v3-red-rose); }
.pi-stock-delivery {
  font-weight: 400;
  color: var(--v3-oslo-grey);
  margin-left: 0.25rem; }

.pi-reviews-compact {
  margin-bottom: 0.5rem; }
.pi-reviews-compact-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-decoration: none;
  color: var(--v3-oslo-grey); }
.pi-reviews-compact-link:hover {
  color: var(--v3-coral-red); }
.pi-reviews-compact-img {
  width: 70px;
  height: auto; }
.pi-reviews-compact-count {
  font-size: 0.8rem; }

.pi-shortdescrlink:hover {
  color: #000; }
.pi-shortdescr {
  position: relative;
  margin: auto;
  margin-bottom: 1rem;
  width: 80%;
  max-height: 100px;
  overflow: hidden;
  text-align: center; }
.pi-showmore {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding-top: 20px;
  font-weight: 700;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.96) 75%, #fff 100%); }

.pi-info-frame {
  overflow: auto;
  margin: 0 8px;
  margin-bottom: 1rem;
  padding: 1rem; }
.pi-infopart {
  }
.pi-infopart h2 {
  text-align: left; }
.pi-info-product {
  position: relative;
  overflow: hidden; }
.pi-info-product a {
  text-decoration: underline;
  color: var(--main-text-color); }
.pi-info-product a:hover {
  text-decoration: none; }
.pi-info-product a[name] {
  text-decoration: none; }
.pi-info-product h3 {
  text-decoration: none; }
.pi-store-link:hover {
  text-decoration: underline; }
.pi-info-product img {
  max-width: 100%;
  height: auto; }
.pi-ip-long {
  max-height: 300px; }
.pi-ip-expand {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 120px;
  padding-top: 80px;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.96) 75%, #fff 100%); }
.pi-ip-expandlink {
  }
.pi-info-product, .pi-info-specs {
  margin-bottom: 1rem; }
.pi-info-rcmd-wrapper {
  padding: 1rem;
  background-color: #ffdf9e;
  background-color: #f5f5f5;
  background-color: #fff;
  text-align: center; }
.pi-rcmd-header {
  margin-bottom: 3px;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: var(--gray-color); }
.pi-rcmd-text {
  font-weight: 700; }
.pi-infopart h3 {
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #ccc; }
.pi-info-list {
  list-style-type: disc;
  margin-left: 1.6rem; }
.pi-info-specs li, .pi-info-included li {
  font-size: 0.9rem;
  margin-bottom: 0.2rem; }
.pi-info-gift {
  margin-bottom: 1rem;
  font-weight: 700; }
.pi-info-gift span {
  font-size: 0.9rem; }
.pi-info-gift div {
  text-align: center; }
.pi-info-gift div img {
  width: 40%;
  height: auto;
  margin-top: 1rem; }
.pi-info-gift span span {
  display: block;
  margin-top: 1rem;
  font-weight: normal; }
.pi-info-addon {
  margin-bottom: 1rem;
  font-weight: 700; }
.pi-info-addon span {
  font-size: 0.9rem; }
.pi-info-dcexclusion {
  padding: 0 1rem;
  margin-top: -1rem;
  margin-bottom: 2rem;
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: var(--main-color);
  text-align: center; }
.pi-info-dcexclusion span {
  padding-left: 18px;
  background-image: url('https://cdn.kondomeriet.no/media/_no/icon/ikon-64-rabattkode.png');
  background-position: left;
  background-repeat: no-repeat;
  background-size: 14px; }

.pi-articles-frame {
  }
.pi-art-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 8px; }
.pi-art-cell {
  margin: 0 1rem;
  overflow: auto;
  font-size: 0.8rem; }
.pi-art-cell:not(:last-child) {
  margin-bottom: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eee; }
.pi-art-cell h3 {
  margin-top: 2px;
  margin-bottom: 4px;
  font-size: 1rem;
  text-align: left; }
.pi-art-image {
  float: left;
  width: 25%;
  height: 100%;
  border-radius: 3px; }
.pi-art-info {
  float: left;
  width: 75%;
  padding-left: 1rem; }
.pi-art-type {
  display: block;
  font-size: 0.7rem;
  color: var(--gray-color);
  text-transform: uppercase; }

.pi-adv {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #f0f0f0;
  text-align: center; }

.pi-accessories-frame, .pi-articles-frame, .pi-addtobasket-frame, .pi-otheroptions-frame {
  overflow: auto;
  margin-bottom: 1rem;
  padding: 1rem 0;
  background-color: #f5f5f5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
.pi-accessories-frame {
  margin-bottom: 2rem; }
.pi-sub-header {
  margin: auto;
  max-width: 90%;
  margin-bottom: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.pi-sub-header span {
  font-weight: normal;
  color: var(--gray-color); }
.pi-accessories {
  clear: both;
  overflow: auto;
  margin: auto; }
.pi-otheroptions {
  clear: both; }

.pi-cmt-frame {
  position: relative;
  margin-bottom: 2rem;
  text-align: center; }
.pi-cmt-frame span {
  font-weight: 700; }
.pi-cmt-frame h2 span {
  font-weight: normal; }
.pi-cmt-grade {
  text-align: center;
  margin-bottom: 0.4rem; }
.pi-cmt-grade img {
  max-width: 180px;
  height: auto; }
.pi-cmt-descr {
  margin-bottom: 1rem;
  padding: 0 5%; }
.pi-cmt-registerok {
  margin: auto;
  max-width: 96%;
  border-radius: 3px;
  padding: 1rem;
  background-color: var(--cart-active-color);
  color: #fff;
  font-weight: 700; }
.pi-cmt-more {
  clear: both; }
.pi-cmt-more-wrapper {
  max-width: 100%;
  display: none; }
.pi-cmt-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  margin-top: 1rem; }
.pi-scmt-wrapper {
  max-width: 100%;
  margin-bottom: 1rem;
  padding: 0 8px; }
.pi-scmt-auth {
  margin: auto;
  max-width: 66%;
  color: var(--secondary-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.pi-scmt-grade {
  display: flex;
  align-items: center;
  justify-content: center; }
.pi-scmt-grade span {
  font-weight: normal; }
.pi-scmtg-i {
  margin: 0.5rem;
  max-width: 100px;
  height: auto; }
.pi-scmtg-t {
  background-color: #eee;
  padding: 0.1rem 0.4rem;
  font-size: 0.8rem;
  text-transform: uppercase; }
.pi-scmtg-pr { background-color: var(--cart-active-color);color: #fff;border-radius: 3px; }
.pi-scmtg-er { background-color: var(--secondary-color);color: #fff;border-radius: 3px; }
.pi-scmt-cmt {
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: 3px;
  font-size: 0.9rem;
  text-align: left; }

.pi-cmt-create-frame {
  display: none;
  position: absolute;
  top: 0;
  z-index: 3;
  width: 100%; }
.pi-cmt-create-frame, 
.pi-cmt-create-frame label,
.pi-cmt-create-frame input,
.pi-cmt-create-frame button,
.pi-cmt-create-frame textarea {
  font-size: 0.8rem; }
.pi-cmt-create-wrapper {
  position: relative;
  margin: auto;
  padding: 1rem;
  width: 560px;
  max-width: 95%;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.25);
  border: 1px solid var(--gray-color);
  border-radius: 3px; }
.pi-cmt-create-wrapper input[type="text"], .pi-cmt-create-wrapper textarea {
  width: 100%;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 0.5rem; } 
.pi-cmt-create-wrapper label, .pcc-label {
  display: block;
  text-align: left;
  font-weight: 700; }
.pi-cmt-create-wrapper label {
  margin-bottom: 0.2rem; }
.pi-cmt-terms {
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  text-align: left;
  background-color: #f5f5f5;
  border-radius: 3px;
  font-size: 0.8rem; }
.pi-cmt-termslink {
  margin-top: 1rem;
  font-size: 0.8rem; }
.pi-cmt-termslink span {
  font-weight: normal; }
.pi-cmt-create-close {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 30px;
  cursor: pointer; }
.pi-cmt-create-close img {
  max-width: 100%; }

.pi-altcat-wrapper {
  overflow: auto;
  margin-bottom: 1rem; }

.pi-nr-frame {
  padding: 2rem 0;
  text-align: center; }
.pi-nr-text {
  width: 80%;
  margin: auto;
  margin-bottom: 1rem; }

.pi-adm-expprod {
  position: fixed;
  top: 80px;
  right: 16px;
  left: auto;
  width: 320px;
  z-index: 9999;
  padding: 15px 10px;
  background-color: var(--sale-color);
  border-radius: 3px;
  color: #fff;
  font-size: 0.8rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
.pi-adm-expprod a {
  color: #fff; }
.pi-ax-h {
  padding-left: 6px;
  margin-bottom: 6px;
  font-weight: 700; }
.pi-ax-t {
  display: table;
  table-layout: fixed;
  width: 300px; }
.pi-ax-r {
  display: table-row; }
.pi-ax-c {
  display: table-cell;
  padding: 1px 6px; }
.pi-ax-r:hover .pi-ax-c {
  background-color: #920; }
.piac-pno {
  width: 50px;
  font-weight: 700; }
.piac-nme {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }


.pcc-wrapper {
  margin: auto;
  width: 90%; }
.pcc-author, .pcc-grade, .pcc-text {
  margin-bottom: 0.6rem; }
.pcc-product {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 0.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.pcc-info {
  margin: 1rem 0;
  margin-top: 0.2rem; }
.pcc-grade span {
  display: block;
  width: 290px;
  max-width: 100%;
  margin: auto;
  padding: 0.4rem 1rem;
  border-radius: 3px;
  cursor: pointer;
  background-color: #f5f5f5; }
.pcc-grade span:hover {
  background-color: #fff; }
.pcc-grade input[type="radio"] {
  display: none; }
.pcc-grade input[type="radio"]:checked+span {
  background-color: var(--tertiary-color);
  color: #fff; }
.pcc-grade span div {
  display: inline-block;
  width: 100%;
  padding-left: 110px; }
.pcc-grade-5 { background: no-repeat left/100px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-hjerte-5.png'); }
.pcc-grade-4 { background: no-repeat left/100px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-hjerte-4.png'); }
.pcc-grade-3 { background: no-repeat left/100px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-hjerte-3.png'); }
.pcc-grade-2 { background: no-repeat left/100px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-hjerte-2.png'); }
.pcc-grade-1 { background: no-repeat left/100px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-hjerte-1.png'); }
.pcc-validated {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  font-size: 0.8rem;
  color: red; }
.pcc-submit {
  margin-top: 1rem; }
.pcc-submit button {
  padding: 1rem;
  border: 0;
  border-radius: 3px;
  background-color: var(--tertiary-color);
  color: #fff;
  cursor: pointer;
  font-weight: 700; }
.pcc-submit button:hover {
  background-color: #350547; }
.pcc-subtext {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: var(--gray-color); }


.brands-list-wrapper {
  margin-bottom: 1rem;
  }
.brands-list-nav {
  margin: 1rem;
  text-align: center;
  }
.brands-list-nav-item {
  color: #000;
  font-weight: 700; }
.brands-list-nav-item li {
  display: inline-block;
  width: 70px;
  margin: 0.2rem 0;
  padding: 0.5rem;
  border: 1px solid #eee;
  border-radius: 3px;
  text-align: center; }
.brands-list-nav-item:last-child li {
  margin-right: 0; }
.brands-favorite-list {
  clear: both; }
.brands-favorite-list li {
  float: left;
  width: 50%; }
.brands-all-list {
  padding: 8px; }
.brands-all-cell {
  float: left;
  width: 100%;
  padding: 0.5rem 0;
  border-bottom: 1px solid #eee; }
li.brand-all-separator {
  float: none;
  clear: both;
  font-size: 1.2rem;
  padding: 0.6rem 0;
  padding-top: 1rem;
  border: 0; }
.brand-all-separator a {
  font-weight: 700; }
.brand-favorite {
  margin: 0rem; }
.brand-favorite a {
  outline: none;
  overflow: hidden; }
.brand-favorite img {
  border: 0;
  max-width: 100%;
  vertical-align: top; }
.brand-all {
  }
.brand-all span {
  color: var(--gray-color); }
.brand-favorite:after, .brand-all:after {
  clear: both; }

.shopinfo-frame {
  margin: 1.4rem 0;
  margin-top: 0; }
.shopinfo-frame h1 {
  margin-bottom: 0.4rem; }
.shopinfo-footerframe {
  margin: 0 0 1rem 0; }
.shopinfo-subtext {
  margin-top: 2rem;
  margin-bottom: 3.5rem !important; }
h1.shopinfo-logo {
  margin-bottom: 0; }
h1.shopinfo-logo img {
  max-width: 200px; }
.shopinfo-text {
  padding: 0;
  text-align: center; }
.shopinfo-banner img {
  height: auto;
  max-width: 100%; }
.shopinfo-description {
  padding: 0 1rem;
  font-size: 0.9rem; }
.shopinfo-subdescription h2,
.shopinfo-subdescription h3 {
  text-align: left; }
.bl-content h2,
.bl-content h3 {
  text-align: left; }
.shopinfo-subdescription {
  margin-bottom: 1rem; }
.shopinfo-video {
  margin: auto;
  width: 80%; }
.shopinfo-videoembed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }
.shopinfo-videoembed iframe, .shopinfo-videoembed object, .shopinfo-videoembed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.shopinfo-subbanner, .shopinfo-sublbanner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1rem; }
.shopinfo-subbanner li {
  width: 33.33%; }
.shopinfo-sublbanner li, .shopinfo-sublist-2 li {
  width: 50%; }
.shopinfo-subbanner li img, .shopinfo-sublbanner li img {
  width: 100%;
  height: auto; }
.shopinfo-subbanner-promo img {
  width: 100%;
  height: auto; }
.shopinfo-bannercsw {
  margin-top: -16px; }
.shopinfo-subcsw {
  margin-bottom: 0px !important; }
.shopinfo-sublist li:first-child {
  padding-right: 3px; }
.shopinfo-sublist li:last-child {
  padding-left: 3px; }
.shopinfo-sublist li:nth-child(2) {
  padding: 0px 3px; }
.shopinfo-subllist li:first-child {
  padding-right: 3px; }
.shopinfo-subllist li:last-child {
  padding-left: 3px; }
.shopinfo-sublist-2 li:first-child {
  padding-right: 3px; }
.shopinfo-sublist-2 li:last-child {
  padding-left: 3px; }
.shopinfo-sb-1 {
  padding-right: 3px; }
.shopinfo-sb-2 {
  padding-left: 3px;
  padding-right: 3px; }
.shopinfo-sb-3 {
  padding-left: 3px; }

.si-ld-xl {
  position: relative;
  transition: height 1s ease-out;
  margin-bottom: 2rem !important; }
.si-ld-xl-show {
  margin-bottom: 1rem !important; }
.si-ld-xl-pt {
  margin-bottom: 1rem; }
.si-ld-xl-pt1 {
  display: none; }
.si-ld-xl-rm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -1.5rem;
  padding-top: 1rem;
  background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,1));
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.si-ld-xxl {
  position: relative;
  transition: height 1s ease-out;
  margin-bottom: 2rem !important; }
.si-ld-xxl-show {
  margin-bottom: 1rem !important; }
.si-ld-xxl-pt {
  margin-bottom: 1rem; }
.si-ld-xxl-pt1 {
  display: none; }
.si-ld-xxl-rm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: -1.5rem;
  padding-top: 1rem;
  background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,1));
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }

.vimeo-responsiv {
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; overflow: hidden; 
  max-width: 100%;
  margin-bottom: -1rem; }
.vimeo-responsiv iframe {
  position: absolute; 
  top: 0; left: 0; 
  width: 100%; 
  height: 100%; }

#cca-wrapper, #cpo-wrapper, #cpo-fwwrapper {
  display: none;
  position: fixed;
  z-index: 3;
  bottom: 0px;
  right: 0px;
  width: 100%; }
#cpo-popwrapper {
  position: relative; }
.cca-box {
  width: 100%;
  padding: 1rem;
  background-color: var(--main-color);
  color: #fff;
  text-align: center; }
.cca-text {
  font-size: 0.9rem; }
.cca-button {
  width: 40%;
  margin: auto;
  margin-top: 0.9rem;
  padding: 8px 0px;
  background-color: var(--secondary-color);
  border-radius: 4px;
  color: #fff; }
.cca-button:hover {
  background-color: var(--tertiary-color); }

#cpo-wrapper, #cpo-fwwrapper {
  z-index: 6; }
.cpo-imgbox {
  position: relative;
  width: 100%;
  font-size: 0;
  line-height: 0; }
.cpo-imgbox img {
  width: 100%;
  height: auto; }
.cpo-box {
  position: relative;
  width: 100%;
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.2rem; }
.cpo-b-dc {
  background: #fff url('https://cdn.kondomeriet.no/media/_no/campaign/background-campaign-po.png'); }
.cpo-b-fs {
  background: #fff url('https://cdn.kondomeriet.no/media/_no/campaign/background-freeshipping-po.png'); }
.cpo-b-gr {
  color: #fff; }
.cpo-active .cpo-box {
  background-color: var(--cart-active-color);
  background-image: none;
  color: #fff;
  font-weight: 700; }
.cpo-heading {
  font-size: 1.4rem;
  font-weight: 700; }
.cpo-img {
  }
.cpo-img img {
  max-width: 100%;
  border-radius: 3px; }
.cpo-text {
  }
.cpo-btm {
  display: flex;
  align-items: center;
  justify-content: center; }
.cpo-codebox, .cpo-btnbox {
  width: 50%; }
.cpo-code {
  width: 80%;
  margin: auto;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  padding: 6px;
  background-color: #fecd4a;
  border: 1px dashed #000;
  border-radius: 2px;
  font-weight: 700; }
.cpo-terms {
  padding: 0px 6px;
  font-size: 0.7rem;
  line-height: 0.9rem; }
.cpo-url {
  }
.cpo-btn {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 2px;
  background-color: var(--main-color);
  color: #fff;
  text-transform: uppercase;
  font-weight: 700; }
.cpo-btn:hover {
  background-color: var(--tertiary-color); }
.cpo-heading, .cpo-text {
  margin-bottom: 0.7rem; }
.cpo-close {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  width: 22px;
  cursor: pointer;
  color: #9a8d6b; }
.cpo-close img {
  max-width: 100%;
  height: auto; }

.bl-limage {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 120px;
  z-index: 3; }
.bl-limage span { font-weight: 700; }
.bl-limage a { color: var(--sale-color); }
.bl-wrapper {
  padding: 0 8px; }
.bl-wrapper img, .bl-wrapper figure {
  max-width: 100%;
  height: auto; }
.bl-wrapper h1 {
  font-size: 2rem; }
.bl-wrapper h3 {
  font-size: 1.7rem;
  text-align: left; }
.bl-wrapper h4 {
  font-size: 1.3rem; }
.bl-wrapper figure {
  margin-bottom: 1rem; }
.bl-wrapper figcaption {
  font-size: 0.8rem; }
.bl-image {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: relative;
  height: 250px;
  margin-bottom: 1rem; }
.bl-image img {
  flex-shrink: 0;
  object-fit: cover;
  min-width: 100%;
  min-height: 100%; }
.bl-i-title {
  position: absolute;
  padding: 0 5%;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }
.bl-i-sh {
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1;
  text-shadow: 0px 0px 1px rgba(43,36,51,.6),
               1px 1px 1px rgba(43,36,51,.55),
               2px 2px 1px rgba(43,36,51,.5),
               3px 3px 1px rgba(43,36,51,.45),
               4px 4px 1px rgba(43,36,51,.4),
               5px 5px 1px rgba(43,36,51,.35),
               6px 6px 1px rgba(43,36,51,.3),
               7px 7px 1px rgba(43,36,51,.25),
               8px 8px 1px rgba(43,36,51,.2),
               9px 9px 1px rgba(43,36,51,.15) }
.bl-catwrp {
  margin-bottom: 0.5rem;
  color: var(--gray-color);
  font-size: 0.8rem;
  text-transform: uppercase; }
.bl-content {
  padding: 0 5%;
  font-size: 1.05rem; }
.bl-content img, .bl-content video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  height: auto; }
.bl-content a {
  color: var(--tertiary-color);
  text-decoration: underline; }
.bl-content a:hover {
  color: var(--secondary-color);
  text-decoration: none; }
.sr-body .bl-content img {
  border-radius: 4px; }
.sr-body .bl-content a {
  color: var(--secondary-color); }
.sr-body .bl-content a:hover {
  color: var(--tertiary-color); }
.bl-content h3 {
  margin-bottom: 1rem; }
.bl-more {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 2rem; }
.bl-mhead h1 {
  font-size: 1.2rem;
  text-align: center; }
.bl-mwrapper {
  text-align: center;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: #f5f5f5;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef; }
.bl-mwrapper span {
  font-weight: 700;
  text-transform: uppercase; }
.bl-menu {
  margin-top: 0.2rem; }
.bl-menu li {
  width: 100%;
  padding: 0.6rem 0;
  background-color: #fff;
  border-radius: 3px;
  font-weight: 700; }
.bl-menu li:hover {
  background-color: #e5e5e5; }
.bl-menu li:not(:last-child) {
  margin-bottom: 0.2rem; }
.bl-menu a, .bl-submenu a, .bl-fiselected  {
  color: var(--tertiary-color); }
li.bl-sitem {
  background-color: var(--tertiary-color);
  color: #fff; }
li.bl-sitem a {
  color: #fff; }
.bl-swrapper {
  position: relative;
  margin-top: 1rem; }
.bl-firstitem {
  cursor: pointer;
  background: no-repeat 96% 50% / 16px url('https://cdn.kondomeriet.no/media/_no/icon/ikon-100-ned.png') #fff;
  border: 2px solid var(--tertiary-color);
  border-radius: 3px; }
.bl-subwrapper {
  display: none;
  margin-top: 0.2rem;
  position: absolute;
  width: 100%;
  z-index: 2; }
.bl-submenu {
  background-color: #fff;
  border: 2px solid var(--tertiary-color);
  border-radius: 3px; }
.bl-submenu li {
  }
.bl-firstitem, .bl-submenu li div {
  padding: 0.4rem 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
.bl-firstitem, .bl-submenu {
  width: 60%;
  margin: auto; }
.bl-sublinks {
  margin-bottom: 1rem;
  padding: 1rem 10%;
  text-align: center; }
.bl-sublinks div {
  font-weight: 700; }
.bl-sublinks a {
  color: var(--tertiary-color); }

.blc-grid .product-cell:hover {
  background-color: #f5f5f5; }
.blc-image {
  height: 250px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.blc-image img {
  height: 250px;
  max-width: none;
  transition: transform .5s ease; }
.blc-image .p-spc-emblem img {
  height: auto; }
.blc-text {
  padding: 0.7rem; }
.blc-cat {
  margin-bottom: 0.25rem;
  font-size: 0.6rem;
  color: var(--gray-color);
  text-align: center;
  text-transform: uppercase; }
.blc-header {
  min-height: 4.5rem;
  padding: 0 5%; }
.blc-header h2 {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.2; }
.blc-excerpt {
  min-height: 11rem; }
.blc-quote {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #c41e3d;
  border-radius: 3px; }
.blc-q-r {
  display: table-row; }
.blc-q-c {
  display: table-cell;
  padding: 0 1rem;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  font-style: italic; }

.srom-wrapper .breadcrumbs-item a {
  color: #fff; }
.srom-wrapper .breadcrumbs-item:last-child a {
  color: var(--secondary-color);
  border-color: var(--secondary-color); }
.srom-wrapper .p-opt {
  color: var(--main-text-color); }

.sr-body {
  background-color: var(--bf-color-one);
  color: #fff; }
.sr-body .product-price-standard {
  color: var(--main-text-color); }
.srom-wrapper {
  }
.sro-part {  }
.sro-header {
  text-align: center; }
.sro-header h1 {
  font-size: 3rem;
  line-height: 4rem; }
.sro-h-logo {
  width: 50%;
  height: auto; }
.sro-h-info {
  margin: 0 1rem;
  margin-bottom: 2rem; }
.sro-h-video {
  margin: 8px 0;
  margin-bottom: 2rem; }
.sro-h-videoelement {
  width: 100%; }
.sro-nav {
  display: flex;
  margin-bottom: 2rem; }
.sro-n-bframe { width: 25%; }
.sro-n-disabled { opacity: 0.1; }
.sro-n-bframe a { color: #fff; }
.sro-n-bbtn {
  height: 9rem;
  margin: 0 4px;
  padding: 0.5rem;
  padding-top: 6rem;
  border-radius: 3px;
  text-align: center; }
.sro-n-bframe:hover {
  background-color: #333; }
.sro-n-bbtn h2 {
  font-size: 1rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.5rem; }
.sro-n-enabled h2 {
  border-bottom: 1px solid #fff;
  transition: border-color 0.1s linear; }
.sro-n-enabled:hover h2 {
  border-color: #333; }
.sro-n-bbtn span {
  display: none;
  font-size: 0.8rem; }

.sro-h-info {
  position: relative;
  height: 4rem;
  overflow: hidden;
  transition: height 1s ease-out;
  margin-bottom: 2rem !important; }
.sro-h-info-show {
  height: auto;
  overflow: visible; }
.sro-hi-more {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 1rem;
  background-image: linear-gradient(rgba(40,40,40,0.8), rgba(40,40,40,1));
  text-align: center;
  text-decoration: underline;
  cursor: pointer; }
.sro-hi-more-hide {
  display: none; }

.sro-n-b-kurs { background: no-repeat center top / 100px url('https://cdn.kondomeriet.no/media/_no/sr/ikon/ikon-300-srw-knapp-kurs.png'); }
.sro-n-b-prod { background: no-repeat center top / 100px url('https://cdn.kondomeriet.no/media/_no/sr/ikon/ikon-300-srw-knapp-produkter.png'); }
.sro-n-b-podc { background: no-repeat center top / 100px url('https://cdn.kondomeriet.no/media/_no/sr/ikon/ikon-300-srw-knapp-podcast.png'); }
.sro-n-b-artk { background: no-repeat center top / 100px url('https://cdn.kondomeriet.no/media/_no/sr/ikon/ikon-300-srw-knapp-artikler.png'); }

.sro-content {
  margin: 1rem;
  text-align: center; }
.sro-prod { }
.sr-cat-wrapper {  }
.sr-cat-head a { color: #fff; }
.grid-sr {  }
.sro-banner {
  line-height: 0;
  margin: 0 4px; }
.sro-b-row {
  display: flex; }
.sro-b-cell {
  margin: 4px; }
.sro-b-cell img {
  width: 100%;
  height: auto; }
.sro-b-1 { width: 25%; }
.sro-b-2 { width: 50%; }
.sro-b-3 { width: 75%; }
.sro-b-4 { width: 100%; }
.sro-c-1 {  }
.sro-c-2 {  }
.sro-c-3 {  }
.sro-c-4 {  }

.ado-frame { width: 100%;padding: 4px;padding-bottom: 1rem;background-color: #fff;border-radius: 3px;font-size: 14px;line-height: 20px; }
.ado-title { background-color: var(--cart-active-color);border-radius: 3px;margin: 4px;margin-bottom: 0.5rem;padding: 0.5rem 0;font-size: 1rem;line-height: 1rem;font-weight: 700;text-align: center;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.ado-wrapper { width: 100%;padding: 0.2rem; }
.ado-opt { width: 100%;margin-bottom: 1rem; }
.ado-inf { width: 100%; }

.ado-inf-ctn { margin-left: 0;padding: 1rem;background-color: var(--main-color);color: #fff;border-radius: 3px;text-align: center; }
.ado-inf-ctn-l { margin-bottom: 1rem; }
.ado-inf-ctn-l img { width: 80px;height: auto; }
.ado-inf-ctn-t { margin-bottom: 1rem; }
.ado-inf-ctn-d { font-size: 12px;line-height: 16px; }
.ado-inf-ctn-dh { text-transform: uppercase; }

.ado-opt-ad { display: table;table-layout: fixed;width: 100%;background: none;background-color: #fff;border-radius: 3px;border: 1px solid #f5f5f5;box-shadow: 0 4px 8px 0 rgba(0,0,0,.05); }
.ado-opt-ad:hover { border-color: #fafafa;box-shadow: none; }
.ado-opt .ado-opt-ad:not(:last-child) { margin-bottom: 0.2rem; }
.ado-opt-ad-1 {  }
.ado-opt-ar { display: table-row; }
.ado-opt-ar-1 {  }

.ado-oa-opt { display: table-cell;vertical-align: middle;width: 50px;text-align: right; }
.ado-oa-img { display: table-cell;vertical-align: middle;width: 70px;line-height: 0;text-align: center; }
.ado-oa-inf { display: table-cell;vertical-align: middle; }
.ado-oa-prc { display: table-cell;vertical-align: middle;width: 100px;text-align: right;padding-right: 1rem; }
.ado-oa-sel { display: table-cell;vertical-align: middle;width: 100px;text-align: right;padding-right: 1rem; }

.ado-oa-opt-n { display: inline-block;padding: 6px 8px;text-align: center;color: #fff;border-radius: 50%;font-weight: 700; }
.ado-oa-opt-nd { background-color: var(--cart-active-color); }
.ado-oa-opt-na { background-color: var(--secondary-color); }
.ado-oa-img-p { max-height: 80px;width: auto; }
.ado-oa-inf-n { display: inline-block;font-weight: 700; }
.ado-oa-inf-c { text-transform: uppercase;color: var(--gray-color); }
.ado-oa-inf-b { text-transform: uppercase;color: var(--gray-color); }
.ado-oa-inf-t { font-size: 12px;line-height: 16px; }
.ado-oa-inf-p { display: inline-block;font-size: 14px;line-height: 16px;font-weight: 700; }
.ado-oa-inf-pd { color: var(--cart-active-color); } 
.ado-oa-inf-pa { color: var(--secondary-color); }
.ado-oa-inf-o { display: inline-block;margin-left: 0.5rem;font-size: 12px;line-height: 16px;font-weight: normal;text-decoration: line-through;color: var(--gray-color); }
.ado-oa-inf-d { display: inline-block;background-color: var(--tertiary-color);color: #fff;font-size: 12px;line-height: 16px;border-radius: 3px;padding: 0px 5px;margin-left: 0.5rem; }
.ado-oa-inf-da {  }
.ado-oa-inf-dp {  }
.ado-oa-sel-btn { width: 100%;padding: 1rem 0;overflow: hidden;white-space: nowrap;line-height: 22px;border: 0;border-radius: 3px;text-align: center;font-size: 1rem;font-weight: 700;cursor: pointer; }
.ado-oa-sel-bd { background-color: var(--cart-active-color);color: #fff;animation-name: adobuttond;animation-duration: 1s; }
.ado-oa-sel-bd:hover { background-color: var(--cart-hover-color);color: #fff;animation-play-state: paused; }
.ado-oa-sel-ba { background-color: var(--secondary-color);color: #fff; }
.ado-oa-sel-ba:hover { background-color: #cbacdf;color: #fff; }
.ado-oa-sel-d { font-size: 12px;line-height: 16px;text-transform: uppercase; }
.ado-oa-sel-dd { color: var(--cart-active-color); }
.ado-oa-sel-da { color: var(--secondary-color); }

.ado-opt-ad-1 .ado-oa-sel-bd { animation-delay: 0.1s; }
.ado-opt-ad-2 .ado-oa-sel-bd { animation-delay: 0.2s; }
.ado-opt-ad-3 .ado-oa-sel-bd { animation-delay: 0.3s; }
.ado-opt-ad-4 .ado-oa-sel-bd { animation-delay: 0.4s; }
.ado-opt-ad-5 .ado-oa-sel-bd { animation-delay: 0.5s; }
.ado-opt-ad-6 .ado-oa-sel-bd { animation-delay: 0.6s; }
.ado-opt-ad-7 .ado-oa-sel-bd { animation-delay: 0.7s; }
.ado-opt-ad-8 .ado-oa-sel-bd { animation-delay: 0.8s; }

.ado-oa-inf-name, .ado-oa-inf-t { width: 98%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

@keyframes adobuttond {
  0%   { background-color: var(--cart-hover-color); }
  25%  { background-color: var(--cart-active-color); }
  50%  { background-color: var(--cart-hover-color); }
  100% { background-color: var(--cart-active-color); }
}

#vcTabell { width: 80%;margin: 0 10%; }
.vcaTxt { width: 25%;font-weight: 700; }
.vcaFld { width: 75%; }
.vcaInput { width: 100%;border: 1px solid #ccc;border-radius: 3px;padding: 0.5rem; }
.vcaSend {  }
.vcaTxt:not(:last-child) { padding-bottom: 16px; }
.vcaFld:not(:last-child) { padding-bottom: 16px; }
.vcaFeil { color: var(--sale-color); }

.pia-frame { position: relative; }
.pia-content { border: 10px solid var(--main-color); }

.pia-c-hdr { width: 100%;padding: 10px;padding-top: 0;background-color: var(--main-color);color: #fff;text-transform: uppercase;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.pia-c-inf { padding: 1rem;font-weight: normal;text-align: center; }
.pia-c-sel { padding-bottom: 6px;text-align: center;color: var(--secondary-color); }
.pia-c-gwp { display: flex;align-items: center;justify-content: center;flex-wrap: wrap; }
.pia-c-btm { padding: 0.5rem;padding-top: 1rem;text-align: center; }
.pia-c-btm img { width: 25%;height: auto; }
.pia-abs { position: absolute;z-index: 3;line-height: 0; }
.pia-abs img { width: 100%;height: auto; }
.pia-abs-top { top: 0;right: 0; }
.pia-abs-btm { bottom: 0;left: 0; }

.pia-ca-frame { margin-bottom: 1rem; }
.pia-c-gwp-3 .pia-ca-frame { width: 33.33%; }
.pia-c-gwp-2 .pia-ca-frame { width: 50%; }
.pia-c-gwp-1 .pia-ca-frame { width: 50%; }

.pia-ca-wrapper { padding: 6px;padding-top: 0;text-align: center;font-size: 0.8rem;position: relative; }

.pia-ca-img { line-height: 0; }
.pia-ca-img img { width: 100%;height: auto; }
.pia-ca-nam { width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.pia-ca-sub { width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;text-transform: uppercase; }
.pia-ca-prc {  }
.pia-ca-prc-p { font-size: 1rem;color: var(--cart-active-color);text-transform: uppercase; }
.pia-ca-prc-o { font-size: 0.7rem;font-weight: normal;color: var(--gray-color);text-decoration: line-through; }
.pia-ca-prc-o:hover { text-decoration: none; }
.pia-ca-dsc { position: absolute;z-index: 3;top: 1rem;right: 6px;padding: 4px 8px;background-color: var(--cart-active-color);font-size: 11px;color: #fff;text-transform: uppercase; }

.showSmall {
  display: none; }
.showMedium {
  display: none; }
.showLarge {
  display: none; }
.showXLarge {
  display: none; }
.showSmallInline {
  display: none; }
.showMediumInline {
  display: none; }
.showLargeInline {
  display: none; }
.showXLargeInline {
  display: none; }
.showSmallRow {
  display: none; }
.showMediumRow {
  display: none; }
.showLargeRow {
  display: none; }
.showXLargeRow {
  display: none; }
.showSmallCell {
  display: none; }
.showMediumCell {
  display: none; }
.showLargeCell {
  display: none; }
.showXLargeCell {
  display: none; }

.hideSmall {
}
.hideMedium {
}
.hideLarge {
}
.hideXLarge {
}

[style*="--ar"] > :first-child {
  width: 100%; }
[style*="--ar"] > img {  
  height: auto; } 
@supports (--custom:property) {
  [style*="--ar"] {
    position: relative; }
  [style*="--ar"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--ar))); }  
  [style*="--ar"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover; }
}

@media (min-width: 480px) {
  body {
    padding-top: 0px; }
  .showSmall {
    display: block; }
  .showSmallInline {
    display: inline; }
  .showSmallRow {
    display: table-row; }
  .showSmallCell {
    display: table-cell; }
  .hideSmall {
    display: none; }
  .ca-365days {
    margin-right: 12px; }
  .header-top {
    font-size: 0.8rem; }
  .header-usp-item {
    display: inline; }
  .header-usp-item:nth-child(n+4) {
    display: none; }
  .fm-content-part {
    float: left;
    width: 100%; }
  .footer-copyright {
    font-size: 0.8rem; }
  .part-2, .part-3 {
    width: 50%; }
  .fm-au-nav {
    border-left: none; }
  .contact-email, .contact-phone {
    font-size: 1.2rem; }
  .footer-social li {
    margin: 0 0.6rem; }
  .fp-banner-main .fp-banner-image {
    float: left;
    width: 50%; }
  .fp-banner-main .fp-bi-1 {
    padding-right: 2px; }
  .fp-banner-main .fp-bi-2 {
    padding-left: 2px; }
  .fp-banner-main .fp-bi-3 {
    display: none; }
  .fp-cat-header, .sr-cat-header, .courses-cat-header {
    font-size: 1.2rem;
    margin-bottom: 1.2rem; }
  .fp-brands li {
    width: 33.3%; }
  td.adac-pay {
    display: table-cell; }
  .subcategory-list-frame {
    padding: 0 3rem; }
  .subcategory-list-item, .subcategory-list-info {
    float: none;
    width: auto;
    display: inline-block;
    margin: 0;
    padding: 4px 2px; }
  .sc-altmc-item a {
    width: 50%; }
  .grid-cell {
    width: 50%; }  /* V3 mobile: keep 2-col on small phones, 3-col at 600px */
  .grid-accessories-atb li.grid-cell, .grid-otheroptions-atb li.grid-cell {
    width: 50%; }
  .grid-fp li.grid-cell:nth-last-child(2), .grid-art li.grid-cell:last-child {
    display: none; }
  .poster-icon {
    height: 8.5rem; }
  .brands-all-cell {
    width: 50%; }
  .brands-all-cell {
    padding: 0.2rem 0;
    border: 0; }
  .pi-info-rcmd-wrapper {
    padding: 1rem 2rem; }
  .pi-info-specs, .pi-info-included {
    float: left;
    width: 50%;
    margin-bottom: 0; }
  .pi-info-specs {
    padding-right: 1rem; }
  .pi-info-included {
    padding-left: 1rem; }
  .ipcp-txt {
    height: 6rem; }
  .ipcp-tip {
    height: 5.2rem; }

  .ptw-title {
    font-size: 0.9rem;
    line-height: 1.1rem; }
  .ptw-brand {
    font-size: 1rem;
    line-height: 1.2rem; }
  .ptw-name {
    font-size: 1.2rem;
    line-height: 1.6rem; }
  .ptw-description {
    font-size: 0.9rem;
    line-height: 1.2rem; }

  .grid-sr-4 {
    display: none; }
}

@media (min-width: 600px) {
  body {
    }
  .grid-cell {
    width: 33.3%; }  /* V3: 3-col starts at 600px instead of 480px */
  .grid-fp li.grid-cell {
    width: 25%; }
  .grid-fp li.grid-cell:nth-last-child(2) {
    display: block; }
  .grid-accessories li.grid-cell, .grid-otheroptions li.grid-cell, .grid-accessories-cart li.grid-cell {
    width: 25%; }
  .grid-otheroptions li.grid-cell:nth-last-child(2), .grid-otheroptions li.grid-cell:last-child, .grid-acc-5, .grid-acc-6 {
    display: none; }
  .grid-accessories-atb li.grid-cell, .grid-otheroptions-atb li.grid-cell {
    width: 25%;
    margin-bottom: 0; }
  .poster-icon {
    height: 9.5rem; }
  .fp-igslider {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    align-items: center; }
  .fp-iginfo {
    width: 70%; }
  .fp-igposts {
    width: 30%;
    margin: 0; }
  td.adac-track-small {
    display: none; }
  td.adac-track-medium {
    display: table-cell; }
  .ipcp-txt {
    height: 4rem; }
  .ipcp-tip {
    height: 4rem; }

  .ptw-title {
    font-size: 1rem;
    line-height: 1.2rem; }
  .ptw-brand {
    display: block;
    font-size: 1rem;
    line-height: 1.2rem; }
  .ptw-name {
    font-size: 1.4rem;
    line-height: 1.8rem; }
  .ptw-description {
    font-size: 1rem;
    line-height: 1.3rem; }
  .ptw-d-short {
    display: none; }
  .ptw-d-med {
    display: block; }

  .ptw-title {
    margin-bottom: 1rem; }
  .ptw-description {
    margin-bottom: 1rem; }
  .ptw-more {
    margin-top: 1.4rem; }
  .ptw-usp-m {
    display: list-item; }
}

@media (min-width: 1025px) {
  /* Mobile menu is hidden on desktop via hideMedium class — no overrides needed */
  body, .body-hwfixed {
    padding-top: var(--hw-h, 210px); }
  .header-wrapper {
    position: fixed;
    top: 0%;
    left: 0%;
    z-index: 1000;
    width: 100%;
    overflow: visible; }
  h1 {
    font-size: 1.8rem;
    line-height: 1.1; }
  .showMedium {
    display: block; }
  .showMediumInline {
    display: inline; }
  .showMediumRow {
    display: table-row; }
  .showMediumCell {
    display: table-cell; }
  .hideMedium {
    display: none; }
  .hideMediumRow {
    display: none; }
  .site-window-frame {
    max-width: 1200px; }

  /* USP bar: show all items on desktop */
  .header-usp {
    font-size: 0.75rem;
    padding: 7px 8px; }
  .header-usp-item {
    display: inline !important; }

  /* Header top: utility bar — Brandbook V3 */
  .header-top {
    display: block;
    background-color: var(--brand-gray-light);
    color: var(--brand-dark);
    font-size: var(--fs-small);
    padding: 8px 0;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: var(--nav-height-utility);
    line-height: 1.4; }
  .header-top a {
    color: var(--brand-dark);
    font-weight: var(--fw-regular); }
  .header-top a:hover {
    color: var(--brand-magenta); }

  /* Header main: white surface — Brandbook V3 */
  .header-main {
    background-color: var(--brand-white);
    color: var(--brand-dark);
    border-bottom: 1px solid #eee;
    box-shadow: none;
    overflow: visible;
    position: relative;
    z-index: 10; }
  .header-nav {
    position: relative;
    z-index: 0; }
  .header-nav-secondary {
    position: relative;
    z-index: 0;
    display: block;
    background-color: var(--brand-dark);
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    border-bottom: none;
    overflow-x: visible;
    box-shadow: var(--shadow-secondary); }
  .fp-banner-frame {
    margin-top: 1.5rem; }
  .hns-wrapper {
    display: flex;
    justify-content: center;
    gap: 0; }
  .hns-wrapper a {
    display: inline-block;
    padding: 8px 16px;
    background-color: transparent;
    color: var(--brand-white);
    border-radius: 0;
    font-size: var(--fs-small);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: background-color 0.15s ease; }
  .hns-wrapper a:hover {
    background-color: rgba(255,255,255,0.1); }
  .hns-wrapper a.hideMedium {
    display: none; }
  .hns-wrapper a.showMedium {
    display: inline-block; }
  .header-main.hm-active {
    background-color: var(--brand-white); }

  /* Sticky behavior: compact nav on scroll — Brandbook V3 */
  .header-wrapper.is-sticky .header-top {
    display: none; }
  .header-wrapper.is-sticky .header-main {
    display: none; }
  .header-wrapper.is-sticky .header-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000; }
  .header-wrapper.is-sticky .dm-nav-link,
  .header-wrapper.is-sticky .dm-nav-dilink {
    line-height: calc(var(--nav-h-primary) * 0.9);
    font-size: calc(var(--fs-base) * 0.95); }

  /* Desktop header row: Logo | Search | Account | Cart — Brandbook V3 */
  .hm-desk-row {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 20px 8px;
    max-width: 1200px;
    margin: 0 auto; }
  .hm-desk-logo {
    flex-shrink: 0; }
  .hm-desk-logo img {
    width: 150px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(19%) sepia(97%) saturate(7388%) hue-rotate(334deg) brightness(92%) contrast(107%); }
  .hm-desk-search-wrap {
    flex: 1;
    max-width: 480px;
    position: relative;
    z-index: 20; }
  .hm-desk-actions {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    flex-shrink: 0;
    color: var(--brand-dark); }
  .hm-desk-actions a {
    color: var(--brand-dark);
    transition: color 0.2s ease; }
  .hm-desk-actions a:hover {
    color: var(--brand-magenta); }

  /* Icon filter flip: dark icons on white desktop header */
  .hm-desk-account-icon,
  .hm-desk-cart-icon {
    filter: brightness(0) saturate(100%); /* Dark icons on white bg */ }

  /* Hide mobile logo row on desktop */
  .hm-logo {
    display: none; }
  .hmm-button-wrapper {
    display: none; }
  .ht-mcart-wrapper {
    display: none; }
  .hm-mlogin-wrapper {
    display: none; }

  /* Hide old large search bar (search is now in header-main) */
  .header-largesearch {
    display: none; }

  /* Nav bar */
  .header-nav {
    display: block; }

  .ss-nr-info, .cme-info {
    width: 536px;
    margin: auto;
    margin-bottom: 2rem; }
  .breadcrumb-wrapper {
    margin-top: 0.5rem; }
  .ep-404-wrapper {
    padding: 8rem 4rem; }
  .ep-404-text {
    max-width: 60%; }
  .ht-countdown-wrapper {
    float: none;
    text-align: left;
    padding: 0; }
  .ht-login-wrapper,
  .ht-cart-wrapper {
    display: none; }
  .ht-toplinks {
    float: none;
    text-align: right;
    white-space: nowrap; }
  .ht-toplinks a {
    color: var(--main-color);
    font-weight: 700;
    text-transform: uppercase; }
  .hm-logo {
    padding: 8px 8px; }
  .main-logo img {
    max-width: 160px;
    height: auto; }
  .breadcrumbs-level3 {
    display: inline-block; }
  .livesearch-active {
    padding-top: 0; }
  .adf-formframe {
    width: 760px;
    padding: 0;
    margin: auto;
    margin-top: 10rem;
    margin-bottom: 10rem; }
  .adf-f-form {
    float: left;
    width: 50%;
    padding-right: 1rem; }
  .adf-f-info {
    float: left;
    width: 50%;
    padding-left: 1rem; }
  .adf-f-pwhelp {
    text-align: left; }
  .ada-acinfo {
    float: left;
    padding-right: 1rem;
    width: 30%; }
  .ada-acframe {
    text-align: left; }
  .ada-acorders {
    float: left;
    width: 70%; }
  td.adac-delivery {
    display: table-cell; }
  td.adac-track-small {
    display: table-cell; }
  td.adac-track-medium {
    display: none; }
  td.adac-products {
    padding: 1rem 4rem; }
  .fm-wrapper {
    padding: 1rem 8px;
    text-align: left; }
  .fm-nav-logo {
    margin: 0;
    max-width: 75%; }
  .fm-ci-nav {
    padding-left: 1rem; }
  .footer-partners img {
    max-width: 700px; }
  .part-1, .part-2, .part-3 {
    width: 33.33%; }
  .fm-au-nav {
    padding-left: 1rem; }
  .fm-ci-nav {
    padding-left: 1rem;
    border-left: none; }
  .fm-nv-nav {
    text-align: center; }
  .ca-header {
    text-align: left; }
  .fp-banner-frame {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5rem; }
  .fp-banner-img:first-child {
    float: none;
    width: 100%;
    height: auto;
    padding-right: 0;
    margin-bottom: 0.5rem; }
  .fp-banner-cards {
    display: flex;
    width: 100%;
    gap: 0.5rem; }
  .fp-banner-cards .fp-banner-img {
    flex: 1;
    margin-bottom: 0; }
  .fp-banner-cards .fp-banner-img img {
    width: 100%;
    height: auto; }
  .fp-banner-side {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 0.5rem; }
  .fp-banner-side .fp-banner-img {
    flex: 1;
    height: auto;
    margin-bottom: 0rem; }
  .fp-banner-side img {
    width: 100%;
    height: auto; }
  .fp-banner-side .fp-banner-img:first-child {
    padding-right: 0;
    padding-bottom: 0; }
  .fp-banner-side .fp-banner-img:last-child {
    padding-left: 0;
    padding-top: 0; }
  .fp-banner-main .fp-banner-image {
    width: 33.33%;
    height: auto; }
  .fp-banner-main .fp-bi-1 {
    padding-right: 2px; }
  .fp-banner-main .fp-bi-2 {
    padding: 0 1px; }
  .fp-banner-main .fp-bi-3 {
    display: block;
    padding-left: 2px; }
  .fp-cat-header, .sr-cat-header, .courses-cat-header {
    font-size: 1.4rem;
    margin-bottom: 1.2rem; }
  .fp-cat-start h1 {
    font-size: 2.8rem; }
  .fp-cat-subtext {
    padding: 0 20%; }
  .fp-brands li {
    width: 16.66%; }
  .fp-nl-ill {
    float: left;
    display: block;
    width: 40%;
    padding-left: 8px; }
  .fp-nl-form {
    float: left;
    width: 60%;
    padding-right: 8px; }
  .fp-shopinfo {
    padding: 1.5rem 3rem;
    line-height: inherit; }
  .fp-frame {
    width: 80%; }
  .cm-plist {
    float: left;
    width: 66%;
    padding-right: 2rem; }
  .cm-totals-wrapper {
    float: left;
    width: 34%; }
  .cm-totals {
    margin-bottom: 1rem; }
  .cmpc-lqty, .cmpc-sum {
    display: table-cell; }
  .cmpc-delete img {
    width: 16px; }
  .co-continue, .co-checkout, .co-vipps {
    padding: 0;
    float: none;
    width: 100%; }
  .co-continue {
    margin-bottom: 1rem; }
  .co-vipps {
    margin-top: 1rem; }
  .ip-subrow {
    display: flex;
    width: 94%;
    margin: auto;
    margin-top: 1rem; }
  .ip-srcell {
    flex: 1;
    text-align: center; }
  .ip-srcell img {
    width: 90%; }
  .ip-content {
    width: 80%;
    margin: auto; }
  .ip-content h1 {
    font-size: 2rem; }
  .ipc-quote-a img {
    width: 15%; }
  .ipc-q-text {
    width: 66%;
    margin-left: auto;
    margin-right: auto; }
  .ipc-adv-wrapper {
    padding-left: 5rem;
    padding-right: 3rem; }
  .ipc-adv-num {
    left: 32px; }
  .ipc-ms-wrapper {
    padding-left: 10.5rem;
    padding-right: 3rem; }
  .ipc-ms-num {
    left: 48px; }
  .ipc-adv-illtext {
    float: left;
    width: 66%; }
  .ipc-adv-ill {
    float: right;
    width: 34%; }
  .ipc-adv-ill img {
    max-width: 100%; }
  .ipc-tt-narrow {
    width: 33.33%;
    float: left; }
  .ipc-tt-med {
    float: left;
    width: 50%; }
  .ipc-tt-wide {
    width: 66.66%;
    float: left; }
  .ipc-tt-narrow, .ipc-tt-wide, .ipc-tt-med {
    margin-bottom: 0rem; }
  .ipc-tt-pad {
    padding-left: 1rem; }
  .ipc-tt-narrow div {
    font-size: 0.8rem; }
  .ipc-tt-ibinfo {
    margin-top: 2rem; }
  .ipc-fc-cell {
    width: 25%; }
  .ipc-flexwrapper {
    border-radius: 3px; }
  .ipcp-txt {
    height: 8.5rem; }
  .ipcp-tip {
    height: 6.3rem; }
  .ip-content h3, .ipc-cl-cat, .ipc-cl-prd {
    text-align: left; }
  .ipc-categorylist {
    display: flex; }
  .ipc-cl-1, .ipc-cl-2, .ipc-cl-3 {
    width: 33.3%; }
  .ipc-cl-prd {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .ipc-cpl-wrapper {
    display: flex; }
  .ipc-cpl-image {
    width: 41%; }
  .ipc-cpl-info {
    width: 59%;
    padding: 1rem; }
  .ipc-cpl-btn {
    width: 50%; }
  .ipc-cps-prd {
    font-size: 1.4rem; }
  .ipc-cps-txt {
    min-height: 7rem; }
  .grid-cell {
    width: 25%; }
  .grid-cell-promoted {
    width: 75%; }
  .grid-fp li.grid-cell {
    width: 20%; }
  .grid-accessories li.grid-cell, .grid-otheroptions li.grid-cell, .grid-accessories-cart li.grid-cell {
    width: 20%; }
  .grid-otheroptions li.grid-cell:nth-last-child(2), .grid-acc-5, .grid-art li.grid-cell:last-child {
    display: block; }
  .grid-fp li.grid-cell:last-child {
    display: block; }
  .p-image-main:hover {
    transform: scale(1.05); }
  .brands-favorite-list {
    width: 90%;
    margin: auto; }
  .brands-favorite-list li, .brands-all-cell {
    width: 33.3%; }
  .brands-all-cell {
    padding: 0.1rem 0; }

  .sc-altmc-item a {
    width: 30%; }
  .pdc-i-title {
    font-size: 1.2rem;
    line-height: 1.6rem; }

  .shopinfo-description {
    margin: auto;
    max-width: 85%;
    margin-bottom: 0.6rem;
    font-size: 1rem; }
  .shopinfo-subtext {
    margin: 2rem 0 !important; }
  .shopinfo-frame {
    display: table;
    width: 100%;
    margin-bottom: 0.2rem;
    padding: 0 8px; }
  .shopinfo-footervideo {
    margin: auto;
    margin-bottom: 0.4rem;
    padding: 0.6rem 0;
    width: 60%; }
  .shopinfo-textvideo, .shopinfo-video {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .shopinfo-textvideo {
    width: 60%; }
  .shopinfo-video {
    width: 40%; }
  .shopinfo-bannercsw {
    margin-top: -12px; }
  .shopinfo-sublist, .shopinfo-sublist-2 {
    margin-bottom: 12px; }
  .shopinfo-subcsw:last-child {
    margin-bottom: -1em !important; }

  .mc-drawer {
    max-width: 420px; }
  .pi-atb-frame {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 66;
    padding-top: 190px;
    background: rgba(255,255,255,0.66); }
  .pi-atb-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: auto; }
  .pi-atb-info {
    float: left;
    margin-top: 2rem;
    padding-right: 2rem;
    width: 40%; }
  .pi-atb-rcmd {
    float: left;
    width: 60%; }
  .pi-atb-back {
    margin-top: 1rem; }
  .pi-atb-back a {
    color: #fff; }
  .grid-accessories .p-spc-emblem, .grid-otheroptions .p-spc-emblem, .grid-accessories-cart .p-spc-emblem {
    width: 60px;
    min-height: 60px; }
  .pi-image-wrapper {
    position: relative;
    float: left;
    width: 55%;
    padding: 0 8px;
    text-align: center; }
  .pi-primaryinfo-wrapper {
    float: left;
    width: 45%;
    padding-left: 1rem; }
  .pi-pstd, .pi-psale {
    font-size: 1.8rem; }
  .pi-info-frame {
    padding: 2rem 1rem; }
  .pi-info-frame-noart {
    border-top: 2px solid #eee; }
  .pi-info-product {
    float: left;
    width: 60%;
    margin-bottom: 0;
    padding-right: 1rem; }
  .pi-ip-long {
    max-height: 100%; }
  .pi-info-siwrapper {
    float: left;
    width: 40%;
    padding-left: 1rem; }
  .pi-info-specs, .pi-info-included {
    float: none;
    width: 100%;
    padding: 0; }
  .pi-info-specs {
    margin-bottom: 1rem; }
  .pi-infopart h3 {
    text-align: left; }
  .pi-art-wrapper {
    margin: 0 1rem; }
  .pi-art-cell {
    float: left;
    width: 50%;
    margin: 0; }
  .pi-art-cell:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0; }
  .pi-art-info {
    padding-right: 0.5rem; }
  .pi-scmt-wrapper {
    float: left;
    width: 50%; }
  .pi-scmt-cmt {
    min-height: 7.1rem; }
  .pi-scmt-cmt-long {
    min-height: 11rem; }
  .pi-scmt-cmt-medium {
    min-height: 10rem; }
  .pi-scmt-cmt-short {
    min-height: 7.1rem; }
  .pi-cmt-registerok {
    max-width: 60%; }
  .pi-spc-emblem {
    right: 42px; }
  .pi-adm-expprod {
    top: 80px;
    right: 16px; }
  .pi-usp-wrapper {
    margin: 0 8px;
    margin-bottom: 1.5rem;
    padding-top: 1.5rem; }
  .pi-usp-bw {
    border-top: 2px solid #eee; }
  .pi-usp-text {
    margin: auto;
    width: 80%;
    font-size: 1.3rem; }

  #cca-wrapper, #cpo-wrapper {
    width: 480px;
    padding: 6px; }
  #cpo-fwwrapper {
    width: 100%; }
  #cpo-popwrapper {
    max-width: 1080px;
    margin: auto; }
  .cca-box {
    filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.3));
    border-radius: 4px; }
  .cpo-box {
    border-radius: 4px; }
  .cpo-btm {
    display: block; }
  .cpo-img {
    margin-bottom: 0.7rem; }
  .cpo-codebox, .cpo-btnbox {
    width: 100%; }
  .cpo-codebox {
    margin-bottom: 0.7rem; }

  .bl-mhead h1 {
    font-size: 1.6rem; }
  .bl-content {
    padding: 0 10%; }
  .bl-image {
    margin-bottom: 1.4rem;
    height: 300px; }
  .bl-i-sh {
    padding: 0 10%;
    font-size: 3rem; }
  .bl-catwrp {
    display: flex;
    margin-bottom: 0.8rem; }
  .bl-cat {
    width: 80%; }
  .bl-bck {
    width: 20%;
    text-align: right; }
  .blc-excerpt {
    min-height: 10rem; }
  .bl-firstitem, .bl-submenu {
    width: 40%; }

  .fcl-img {
    padding-top: 0.1rem; }

  .grid-cell-description {
    padding: 1rem 20%;
    font-size: 1rem;
    line-height: 1.4rem; }

  .product-image-wide {
    width: 33%; }
  .product-text-wide {
    width: 67%; }

  .ptw-d-med {
    display: none; }
  .ptw-d-long {
    display: block; }

  .ptw-tw {
    padding-left: 1.4rem; }
  .ptw-title {
    display: block; }
  .ptw-name {
    font-size: 1.8rem;
    line-height: 2.2rem; }
  .ptw-price {
    display: flex;
    align-items: center; }
  .ptw-price img {
    width: 110px;
    margin-right: 0.4rem;
    margin-bottom: 0; }
  .ptwp-cp {
    font-size: 1.2rem;
    line-height: 1.4rem; }
  .ptw-description {
    font-size: 0.9rem;
    line-height: 1.2rem;}
  .ptw-more {
    display: flex;
    width: 60%; }
  .ptw-rm {
    display: block;
    width: 30%;
    padding-right: 0.6rem; }
  .ptw-bn {
    width: 70%; }

  .phi-super, .phi-rec {
    font-size: 0.9rem; }

  .sro-content {
    margin: 1rem 2rem; }
  .sro-n-button {
    width: 25%; }
  .grid-sr-4 {
    display: block; }

  .sro-h-logo {
    width: 25%;
    height: auto; }

  .sro-n-bbtn {
    height: 9rem;
    padding: 1rem;
    padding-top: 6rem; }
  .sro-n-bbtn h2 {
    font-size: 1.2rem; }

  .ado-title { font-size: 1.4rem;line-height: 1.4rem;margin-bottom: 1rem; }
  .ado-wrapper { display: flex;flex-wrap: wrap;justify-content: center;overflow: auto; }
  .ado-opt { width: 70%;margin-bottom: 0; }
  .ado-inf { width: 30%; }
  .ado-oa-opt { width: 60px;text-align: center; }
  .ado-oa-img { width: 90px; }
  .ado-oa-inf-t { font-size: 14px;line-height: 18px; }
  .ado-oa-inf-p { display: block;font-size: 14px;line-height: 18px; }
  .ado-oa-inf-o { display: block;margin-left: 0; }
  .ado-oa-inf-d { font-size: 14px;line-height: 18px; }
  .ado-oa-sel { width: 150px;padding-right: 26px; }
  .ado-inf-ctn { margin-left: 1rem; }
}

/* Compact desktop nav for narrow desktops (iPad Air landscape, small laptops) */
@media (min-width: 1025px) and (max-width: 1199px) {
  .dm-nav-link, .dm-nav-dilink {
    padding: 0 7px;
    font-size: 0.8rem;
    letter-spacing: 0.01em; }
  .hm-desk-row {
    gap: 1rem;
    padding: 16px 8px; }
  .hm-desk-logo img {
    width: 120px; }
  .hm-desk-search-wrap {
    max-width: 360px; }
}

@media (min-width: 992px) {
  body {
    }
  .showLarge {
    display: block; }
  .showLargeInline {
    display: inline; }
  .showLargeRow {
    display: table-row; }
  .showLargeCell {
    display: table-cell; }
  .hideLarge {
    display: none; }
  .brands-favorite-list li, .brands-all-cell {
    width: 25%; }
  .flyer-article {
    width: 33.33%; }
  .fp-iginfo {
    padding: 0 10%; }
  .fp-iginfo img {
    width: 50px;
    height: 50px; }
  .fp-iginfo h2 {
    font-size: 3rem; }
  .fp-nl-form {
    padding: 0 2rem; }
  .fp-cat-start h1 {
    font-size: 1.4rem; }
  .part-1, .part-2, .part-3, .part-4 {
    width: 25%; }
  .fm-nv-nav {
    text-align: left;
    padding-left: 1rem;
    border-left: none; }
  td.adac-track-small {
    display: none; }
  td.adac-track-medium {
    display: table-cell; }
  .ip-content {
    width: 66%; }
  .grid-accessories li.grid-cell, .grid-otheroptions li.grid-cell, .grid-accessories-cart li.grid-cell {
    width: 16.66%; }
  .grid-otheroptions li.grid-cell:last-child, .grid-acc-6 {
    display: block; }
  .grid-accessories .p-spc-emblem, .grid-otheroptions .p-spc-emblem, .grid-accessories-cart .p-spc-emblem {
    width: 70px;
    min-height: 70px; }
  .product-art-header {
    padding: 0 1.5rem; }
  .pi-frame {
    margin: auto; }
  .pi-cmt-descr {
    padding: 0 25%; }
  .pi-nr-text {
    width: 60%; }
  .sc-altmc-item a {
    width: 25%; }
  .ipcp-txt {
    height: 6rem; }
  .ipcp-tip {
    height: 5.3rem; }
  .pi-usp-text {
    margin: auto;
    width: 70%; }
  .bl-image {
    height: 360px; }
  .blc-sheader {
    padding: 0 10%; }
  .blc-excerpt {
    min-height: 9rem; }
  .bl-firstitem, .bl-submenu {
    width: 25%; }
  .bl-menu {
    display: flex; }
  .bl-menu li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 0.4rem; }

  .ptw-title {
    font-size: 1.2rem;
    line-height: 1.4rem; }
  .ptw-name {
    font-size: 2rem;
    line-height: 2.4rem; }
  .ptw-description {
    font-size: 0.9rem;
    line-height: 1.3rem; }
  .ptw-specs {
    display: block; }

  .phi-super, .phi-rec {
    font-size: 1rem; }

  .sro-content {
    margin: 1rem 12%; }
  .sro-h-info {
    width: 100%;
    margin: auto;
    margin-bottom: 2rem; } 
  .sro-h-videoelement {
    width: 60%;
    margin: auto;
    margin-bottom: 2rem; }
  .sro-n-bbtn {
    height: 12rem; }
  .sro-n-bbtn span {
    display: inline; }
}

@media (min-width: 1200px) {
  body {
    }
  .showXLarge {
    display: block; }
  .showXLargeInline {
    display: inline; }
  .showXLargeRow {
    display: table-row; }
  .showXLargeCell {
    display: table-cell; }
  .hideXLarge {
    display: none; }
  .site-window-frame {
    max-width: 1080px; }
  td.adac-track-medium {
    display: none; }
  td.adac-track-large {
    display: table-cell; }
  .ipc-cps-txt {
    min-height: 6rem; }
  .grid-cell-subcategory .p-image-main, .grid-cell-specificbrand .p-image-main, .grid-cell-search .p-image-main, .grid-cell-maincategorynew .p-image-main, .grid-cell-maincategorybestseller .p-image-main, .grid-cell-newproducts .p-image-main, .grid-cell-bestsellers .p-image-main, .grid-cell-campaign .p-image-main, .grid-cell-searchterm .p-image-main, .grid-cell-poster .p-image-main {
    width: 257px;
    height: 311px;
    object-fit: contain; }
  .grid-cell-showcart .p-image-main  {
    width: 100%;
    height: auto; }
  .grid-fp .p-image-main {
    width: 203px;
    height: 246px; }
  .poster-icon {
    height: 14rem; }
  .product-cell-brand img {
    width: 203px;
    height: 430px; }
  .ipcp-txt {
    height: 5rem; }
  .ipcp-tip {
    height: 4.5rem; }
  .bl-image {
    height: 400px; }
  .bl-i-sh {
    padding: 0 20%;
    font-size: 3.2rem; }
  .blc-excerpt {
    min-height: 7rem; }
  .ptw-description {
    font-size: 1.1rem;
    line-height: 1.5rem; }
}