/* Kondom Rex branding, layered over the PS9 Classic theme. */
#checkout #payment-confirmation .rx-hu-legal-order { width:100%;max-width:100%;white-space:normal;line-height:1.4;padding:.75rem 1rem; }

.rex-product-details { clear: both; width: 100%; margin: 1.5rem 0; }

.rex-product-details .tabs { margin-top: 0; }

.rex-product-details .product-description img { max-width: 100%; height: auto; }

.rex-product-details .tab-content { overflow-wrap: anywhere; }

.rex-product-details .product-description table { display: block; max-width: 100%; overflow-x: auto; }

#header .header-top { background: #ffd259 url('/img/top3.png') left bottom no-repeat; }
#header .header-top a[data-depth="0"] { color: #6b308e; }

#wrapper { background: #fff; }

#header .header-top a[data-depth="0"] { text-transform: uppercase; font-weight: 600; }

#index .carousel { margin-bottom: 1.5rem; box-shadow: 1px 1px 7px rgba(0,0,0,.15); }

#index .featured-products .products-section-title { text-align: center; color: #414141; margin-bottom: 1.3rem; }

.rex-home-intro { text-align: center; color: #414141; margin: 0 auto 2rem; line-height: 1.6; }

#custom-text { background: #fff; text-align: center; padding: 2rem 1rem; }

#custom-text h3 { color: #414141; font-weight: 700; text-transform: uppercase; }

#custom-text p { color: #414141; line-height: 1.65; }

#custom-text img, #index .banner img { max-width: 100%; height: auto; }

.product-price, .product-miniature .price, .tabs .nav-tabs .nav-link.active { color: #7c439a; }

.tabs .nav-tabs .nav-link.active { border-bottom-color: #7c439a; }

.product-flags li.product-flag { background: #7c439a; }

.rex-terms { color: #414141; line-height: 1.65; }

.rex-terms h2 { margin: 1.7rem 0 .7rem; color: #6b308e; font-size: 1.35rem; }

.rex-terms ul, .rex-terms ol { padding-left: 1.4rem; }

.rex-terms a { color: #6b308e; text-decoration: underline; }

.btn-primary { background-color: #7c439a; border-color:#7c439a; }

.btn-primary:hover, .btn-primary:focus { background-color: #63347c; border-color:#63347c; }

a:hover { color: #7c439a; }

#header #_desktop_logo h1 { margin: 0; }

#header .header-top .blockcart { padding: 0; background: transparent; }

#header .header-top .blockcart a, #header .header-top .blockcart .shopping-cart { color:#6b308e; }

#header .header-top #search_widget input { border:2px solid #7c439a; background:#fff; }

@media(min-width:1200px) { .container { max-width:1140px; width:100%; } }

@media(max-width:767px) {

 #header .header-top { background:#fff; }

 #header .header-nav .top-logo a img { width:163px; height:48px; object-fit:contain; content:url('/img/logo_mobile-rex.png'); }
}

/* Header alignment: keep cart beside search and logo on the banner baseline. */

@media (min-width: 768px) {

  #header .header-top { padding: 0; }

  #header .header-top > .container > .row {

    display: flex;

    align-items: flex-end;

    min-height: 110px;

  }

  #header #_desktop_logo {

    flex: 0 0 250px;

    width: 250px;

    padding: 0;

  }

  #header #_desktop_logo a { display: block; }

  #header #_desktop_logo img.logo {

    position: static;

    display: block;

    width: 250px;

    height: auto;

    max-width: 100%;

    margin: 0;

  }

  #header #_desktop_logo + .position-static {

    flex: 1 1 0;

    min-width: 0;

    width: auto;

    padding: 0;

    margin-left: 20px;

    align-self: center;

  }

  #header #_desktop_logo + .position-static > .row {

    display: flex;

    align-items: center;

    gap: 16px;

    margin: 0;

  }

  #header #_desktop_logo + .position-static > .row::after,

  #header #_desktop_logo + .position-static > .row > .clearfix { display: none; }

  #header #_desktop_top_menu {

    flex: 1 1 auto;

    width: auto;

    min-width: 0;

    padding: 0;

    margin: 0;

  }

  #header #top-menu { display: flex; flex-wrap: wrap; margin: 0; }

  #header #top-menu > li { float: none; }

  #header #top-menu > li > a { padding: 8px; white-space: nowrap; }

  #header .header-top #search_widget {

    flex: 0 1 250px;

    min-width: 180px;

    width: 250px;

    padding: 0;

    margin: 0;

    float: none;

  }

  #header .header-top #search_widget form { width: 100%; }

  #header .header-top #_desktop_cart {

    flex: 0 0 auto;

    width: auto;

    white-space: nowrap;

    color: #6b308e;

  }

  #header .header-top #_desktop_cart .header,

  #header .header-top #_desktop_cart .header > a {

    display: flex;

    align-items: center;

    gap: 4px;

    color: #6b308e;

  }

  #header .header-top #_desktop_cart .shopping-cart { line-height: 1; }

}

@media (min-width: 768px) and (max-width: 1199px) {

  #header #_desktop_logo { flex-basis: 220px; width: 220px; }

  #header #_desktop_logo + .position-static > .row { flex-wrap: wrap; gap: 6px 14px; padding: 10px 0; }

  #header #_desktop_top_menu { flex: 0 0 100%; }

  #header #top-menu > li > a { padding: 6px; font-size: 14px; }

  #header .header-top #search_widget { flex: 1 1 180px; width: auto; max-width:none; }

}





/* Measured against the original Classic 1.0.0 storefront, 2026-09-16. */

@font-face { font-family:'Rex Open Sans'; src:url('ac327c4db6284ef64ebe872b6308f5da.woff') format('woff'); font-weight:normal; font-style:normal; font-display:swap; }

@font-face { font-family:'Rex Open Sans'; src:url('525074686dfb8aa36b1b92e29de467ac.woff') format('woff'); font-weight:normal; font-style:italic; font-display:swap; }

@font-face { font-family:'Rex Open Sans'; src:url('9f2144213fad53d4e0fdb26ecf93865f.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap; }

@font-face { font-family:'Rex Open Sans'; src:url('ec55f263e2b86bc0f28fff46b873d6df.woff') format('woff'); font-weight:600; font-style:italic; font-display:swap; }

@font-face { font-family:'Rex Open Sans'; src:url('892667349c5cff6fcf7e40439596b97c.woff') format('woff'); font-weight:bold; font-style:normal; font-display:swap; }

@font-face { font-family:'Rex Open Sans'; src:url('7be88e73fea7b64568a450d7c01346b0.woff') format('woff'); font-weight:bold; font-style:italic; font-display:swap; }

body { font-family:'Rex Open Sans','Open Sans',sans-serif; color:#414141; }

#index .featured-products .products-section-title { font-size:1.375rem; font-weight:700; margin-bottom:1.5rem; }

.rex-home-intro { font-size:1rem; line-height:1.25; margin-bottom:3.375rem; }

#custom-text { padding:.5rem 3.125rem; margin-bottom:1.5rem; }

#custom-text h3 { font-size:1.375rem; }

#custom-text p { font-size:1rem; line-height:1.25; }

#index .carousel .carousel-inner { height:auto; }

#index .carousel .carousel-item img { display:block; width:100%; height:auto; }

#index .carousel figure { margin:0; }

/* Full-bleed mobile slider must use the page width, excluding the scrollbar. */
@media (max-width: 767px) {
  #index .carousel { width: calc(100% + 30px); left: 0; margin-left: -15px; }
}

.product-miniature .product-title a { color:#000; font-size:.875rem; font-weight:400; }

.product-miniature .product-price-and-shipping .price { color:#414141; }

.product-miniature .thumbnail-container { box-shadow:0 0 5px 3px rgba(0,0,0,.05); }

.product-miniature .thumbnail-container:hover { box-shadow:2px 2px 11px rgba(0,0,0,.1); }

@media(max-width:767px) {

 #custom-text { padding:.5rem 1rem; }

 .rex-home-intro { padding:0 .75rem; margin-bottom:2rem; line-height:1.5; }

}



/* Original three benefits banners and compact reassurance. */

.rex-home-banners { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; margin:1.5rem 0; }

.rex-home-banners img { display:block; width:100%; height:auto; }

.rex-reassurance { margin:1.5rem 0; border:1px solid #eee; box-shadow:2px 2px 8px rgba(0,0,0,.06); }

.rex-reassurance ul { margin:0; padding:0; list-style:none; }

.rex-reassurance li + li { border-top:1px solid #eee; }

.rex-reassurance .block-reassurance-item { display:flex; align-items:center; gap:12px; padding:1rem; }

.rex-reassurance img { width:32px; height:32px; object-fit:contain; flex:0 0 32px; }

.rex-reassurance span { font-size:.875rem; line-height:1.45; color:#414141; font-weight:600; }

.btn-primary:active,.btn-primary.active,.btn-primary:disabled,.btn-primary.disabled { background-color:#7c439a; border-color:#7c439a; }

@media(max-width:767px) { .rex-home-banners { grid-template-columns:1fr; gap:16px; } .rex-home-banners a { max-width:350px; margin:auto; width:100%; } }


/* Unified Rex interaction colours. */
a { color:#7c439a; }
a:hover,a:focus { color:#63347c; }
.tabs .nav-tabs .nav-link:hover,.tabs .nav-tabs .nav-link:focus,.tabs .nav-tabs .nav-link.active { color:#7c439a; border-bottom-color:#7c439a; }
.form-control:focus,.input-group.focus,.search-widget form input:focus { outline-color:#7c439a; border-color:#7c439a; }
input[type=checkbox],input[type=radio] { accent-color:#7c439a; }
.product-images>li.thumb-container>.thumb.selected,.product-images>li.thumb-container>.thumb:hover { border-color:#7c439a; }
.btn-primary,.btn-primary:disabled { color:#fff; background:#7c439a; border-color:#7c439a; }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active { color:#fff; background:#63347c; border-color:#63347c; }

/* Original storefront typography: 16px text and compact benefit rows. */
body { font-size:1rem; }
p,.form-control,.form-control-label { font-size:.9375rem; }
h1,.h1 { font-size:1.375rem; }
h2,.h2 { font-size:1.25rem; }
h3,.h3 { font-size:1.125rem; }
body#checkout section.checkout-step .step-title { font-size:1.25rem; }
.rex-reassurance span { font-size:.875rem; font-weight:400; }
.rex-reassurance .block-reassurance-item { padding:.875rem 1rem; }

/* Compact manufacturer and safety information. */
.rex-product-details .glym-compliance { font-size:.8125rem; line-height:1.45; }
.rex-product-details .glym-compliance p,
.rex-product-details .glym-compliance__party,
.rex-product-details .glym-compliance__text p { font-size:.8125rem; line-height:1.45; }
.rex-product-details .glym-compliance h3 { font-size:1rem; margin:0 0 .65rem; }
.rex-product-details .glym-compliance h4 { font-size:.875rem; margin:0 0 .3rem; }
.rex-product-details .glym-compliance__party { margin-bottom:.65rem; }
.rex-product-details .glym-compliance__section + .glym-compliance__section { margin-top:1rem; padding-top:1rem; }
.rex-product-details .glym-compliance__text { margin-bottom:.65rem; }

/* Order confirmation and bank-transfer priority block. */
#order-confirmation #content-hook_payment_return.rexino-payment-priority { margin:0 0 1rem; overflow:hidden; border:2px solid #24b9d7; background:#f2fbfd; box-shadow:none; }
#order-confirmation #content-hook_payment_return .card-block { padding:0; }
.rexino-bank-transfer { padding:1.25rem 1.5rem; }
.rexino-bank-transfer__heading h2 { margin:0 0 .25rem; font-size:1.35rem; line-height:1.2; text-transform:none; }
.rexino-bank-transfer__heading p { margin:0 0 1rem; color:#4f4f4f; }
.rexino-bank-transfer__details { display:grid; grid-template-columns:minmax(11rem,28%) 1fr; gap:2px; margin:0; overflow:hidden; border:1px solid #dce7e9; }
.rexino-bank-transfer__details dt,.rexino-bank-transfer__details dd { margin:0; padding:.65rem 1rem; background:#fff; }
.rexino-bank-transfer__details dd { color:#232323; overflow-wrap:anywhere; }
.rexino-bank-transfer__details .rexino-bank-transfer__important { background:#e8f7fa; }
.rexino-bank-transfer__details .rexino-bank-transfer__important strong { color:#111; font-size:1.125rem; }
.rexino-bank-transfer__note { margin:.875rem 0 0; padding-top:.75rem; border-top:1px solid #cfeaf0; color:#4f4f4f; font-size:.875rem; }
.rexino-contact-form input[type=email],.rexino-contact-form textarea { width:100%; }
.rexino-contact-form input[name=url] { display:none!important; }
/* Current rexino.cz parity, with HU content and purple interaction colours. */
@media(min-width:1200px) {
 #header .header-top #search_widget { flex:0 1 330px;width:330px;min-width:270px;max-width:330px; }
 #header .header-top #search_widget input[type=text] { height:46px; }
}
#header .header-nav #_desktop_cart .blockcart.active { background:#7c439a; }
#header .header-nav #_desktop_cart .blockcart.active a,
#header .header-nav #_desktop_cart .blockcart.active .shopping-cart { color:#fff; }
@font-face { font-family:'Manrope';src:url('52260854eea2d38939bf.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap; }
@font-face { font-family:'Manrope';src:url('a7360927bb3673ed7814.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap; }
@font-face { font-family:'Manrope';src:url('250c120c3f8b2b0bb58e.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap; }
@font-face { font-family:'Manrope';src:url('dce0916af972e3040aa1.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap; }
body { font-family:'Manrope',sans-serif; }
#index .featured-products .products-section-title { font-size:21px;font-weight:500;margin-bottom:14px; }
.rex-home-intro { margin-bottom:32px;line-height:1.25; }
.product-miniature .product-title a { color:#6b308e; }
.product-miniature .thumbnail-container { box-shadow:none; }
#index .carousel { box-shadow:none;width:100%;max-width:1110px;left:auto;right:auto;margin:0 auto 24px; }
.rex-newsletter-conditions { font-size:13px;line-height:1.5;margin-top:10px; }
#header .header-nav { min-height:50px; }
@media(min-width:768px) {
 #header .header-top > .container > .row { min-height:105px; }
}
@media(max-width:767px) {
 #header .header-nav .mobile { position:relative; }
 #header .header-nav .top-logo { position:absolute;left:50%;top:0;transform:translateX(-50%);width:163px;height:50px;margin:0; }
 #header .header-nav .top-logo a img { width:163px!important;height:48px!important;max-height:none;margin:0!important; }
 #header .header-top { padding:12px 0;background:#ebebeb; }
 #header .header-top-right { padding-left:15px;padding-right:15px; }
 #header .header-top-right > .row { margin-left:0;margin-right:0; }
 #header .header-top #search_widget { margin:0;width:100%;padding:0; }
 #header .header-top #search_widget input[type=text] { height:46px; }
 #header .header-nav #_mobile_cart .blockcart.active { background:#7c439a; }
 #header .header-nav #_mobile_user_info a { color:#6b308e; }
 #index .carousel { width:100%;margin-left:0;left:auto; }
 .rex-home-intro { padding:0 15px;line-height:1.25; }
 #category #left-column #search_filters_wrapper { margin-left:-15px;margin-right:-15px; }
}
@media(max-width:360px) {
 #header .header-nav .top-logo { width:140px;left:46%; }
 #header .header-nav .top-logo a img { width:140px!important; }
}
@media (max-width:575px) {
  .rexino-bank-transfer { padding:1rem; }
  .rexino-bank-transfer__details { grid-template-columns:minmax(8rem,44%) 1fr; }
  .rexino-bank-transfer__details dt,.rexino-bank-transfer__details dd { padding:.6rem .7rem; }
}