/** Shopify CDN: Minification failed

Line 10:15 Expected ")" to end URL token
Line 11:8 Expected identifier but found bad URL token
Line 11:15 Expected ")" to end URL token

**/
@font-face {
    font-family: 'Gibson';
  	src: url({{ "Gibson-SemiBold.woff2 | asset_url }}) format("woff2");
        url({{ "Gibson-SemiBold.woff' | asset_url }}) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

option:disabled {
    color: #333333 !important;
}

.tabs__btn.active {
    font-weight: bold;
}

label {
  margin-bottom: 10px;
}

input, textarea, select,
.btn, button.btn.btn--status,
a.promobox__btn-1.btn,
a.btn {
    font-size: 15px !important;
}

.header__line-top {
    min-height: 65px !important;
}

.header__btn-cart span, .header__btn-currency span {
    margin-top: 0!important;
}

.header__line-info,
.header__tape{
   font-family: 'Century Gothic', sans-serif;
   font-weight: bold;
   font-style: normal;
   font-size: 16px;
    min-height: 45px !important;
  letter-spacing: 1px;
}

i.header__tape-close {
    display: none;
}

span.myaccount,
span.myaccount a,
a.header__btn-cart{
    font-weight: bold;
     text-transform: uppercase;
    color: #55565a !important;
}

.menu__list .menu__level-03 {
  height: auto;
  column-count: 1;
  column-gap: 0;
}

.menu:not(.menu--vertical) .menu__panel > .menu__item > a {
    font-weight: bold;
}

.sub_menu__item.menu__item {
    width: auto;
    min-width: 200px;
}

.main_menuitem {
    width: auto;
    min-width: 180px;
}

.main_menuitem span {
    font-weight: 800;
}

.menu__list--styled > .main_menuitem {
    border-radius: 0 !important;
}

.menu__dropdown,
.menu__list--styled .menu__list {
    width: auto;
    min-width: 200px;
}

/* Mediva-style clean single-line nav items */
.menu__item a span,
.main_menuitem a span,
.sub_menu__item a span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.menu__item a,
.main_menuitem a,
.sub_menu__item a {
    white-space: nowrap;
}

/* Clean hover accent on dropdown links */
.menu__level-02 .menu__item a:hover span,
.menu__level-03 .menu__item a:hover span {
    color: #16B7AA;
}

.menu__level-02 .menu__item a,
.menu__level-03 .menu__item a {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 13px;
    font-weight: 400;
}

.menu__level-02 > .main_menuitem > a {
    font-size: 14px;
    font-weight: 600;
}

.highmenu2 a span {
   font-weight: normal;
}

/* Slider #shopify-section-1587575054074 */

.builder-slider .promobox__text-2 {
  	font-family: 'Gibson', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;  
}

.builder-slider .promobox__content_inner {
    padding-right: 100px;
}

.builder-slider a.promobox__btn-1 {
    background: #5fa4c1;
    border: 0;
    padding: 15px;
   font-weight: bold;
}

.builder-slider .slider__prev .icon, .slider__next .icon {
    opacity: 40%;
}

/* Collection Carousel */

#shopify-section-1644548911b28eeea5 .container {
    max-width: 1800px;
}

.textbox {
	font-weight: bold;
    font-size: 20px;
}

#shopify-section-1644548911b28eeea5 .alignleft {
	float: left;
}

#shopify-section-1644548911b28eeea5 .alignright {
	float: right;
}

#shopify-section-1644548911b28eeea5 p.promobox__text-1 {
	font-weight: bold;
    font-size: 20px;
}

/* Best Seller  #shopify-section-1644387199b1ab1dbe */

#shopify-section-1644387199b1ab1dbe {
    background-color: #fcf6eb;
    padding-top: 60px;
}

#shopify-section-1644387199b1ab1dbe .carousel__products {
    max-width: 1800px;
}

#shopify-section-1644387199b1ab1dbe .bestseller-text {
    font-family: 'Century Gothic', sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #4b4c4c;
    font-size: 32px;
}

/* Product Carousell */

.carousel__products button.btn.btn--status.btn--animated {
    background-color: transparent;
}

.carousel__products button.btn.btn--status.btn--animated:hover {
    background-color: #000;
}

/* Hygiene Section */

.builder---thecare a.promobox__btn-1 {
    background-color: #c7c5bf;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

.builder---thecare p.promobox__text-2 {
    font-family: 'Gibson', sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #4b4c4c;
}

.builder---thecare .promobox__content_inner {
    padding-right: 100px;
}

.builder---hygiene {
 	background-color: #f2eade;    
}

.builder---hygiene a.promobox__btn-1 {
    background-color: #d1cbc1;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

.builder---newarrivals-2 p.promobox__text-2,
.builder---newarrivals-3 p.promobox__text-2,
.builder--woundcare p.promobox__text-2.h3,
.builder---hygiene p.promobox__text-2.h3,
.builder---newarrivals p.promobox__text-2.h3{
    font-family: 'Century Gothic', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    color: #4b4c4c;
}

.builder--woundcare {
 	background-color: #d2ebe9;
}

.builder--woundcare a.promobox__btn-1 {
    background-color: #b7cbca;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

.builder---newarrivals {
 	background-color: #f0f1d7;
}

.builder---newarrivals a.promobox__btn-1 {
    background-color: #cfd0bb;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

.builder---newarrivals-2 a.promobox__btn-1 {
    background-color: #0fa5b9;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

.builder---newarrivals-3 a.promobox__btn-1 {
    background-color: #d9b6c4 !important;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}

.builder---newarrivals-2 a.promobox__btn-1:hover,
.builder---newarrivals-3 a.promobox__btn-1:hover,
.builder-slider-bottom a.promobox__btn-1:hover,
.builder---thecare a.promobox__btn-1:hover,
.builder---hygiene a.promobox__btn-1:hover,
.builder--woundcare a.promobox__btn-1:hover,
.builder---newarrivals a.promobox__btn-1:hover{
    background-color: #000 !important;
}

/* Reviews */

#shopify-section-1644396497e517d550 .carousel-reviews--style-1.carousel-reviews-container {
    background-color:#ffffff !important;
}

/* Bottom Slider #shopify-section-1644462457c332bf96*/

.builder-slider-bottom .promobox__content_inner {
    padding-right: 100px;
}

.builder-slider-bottom a.promobox__btn-1 {
    background-color: #cfd0bb;
    border: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px;
}


/* customer reviews #shopify-section-1644396497e517d550*/

.carousel-reviews__item_image {
    width: 150px;
    height: 150px;
}

#shopify-section-1644396497e517d550 .circleimg{
	padding-top: 100% !important;
}

#shopify-section-1644396497e517d550 h2.h4.carousel__title {
    font-size: 32px;
    font-weight: bold;
    color: #4b4c4c;
}

/* About Section */

#shopify-section-1644409992b59e3518 h2 {
	font-size: 32px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
}

#shopify-section-1644409992b59e3518 p {
	font-size: 18px;
    color: #fff;
}

#shopify-section-1644409992b59e3518 .container--sm {
    max-width: 905px!important;
}

.builder--aboutus {
	background: #6fcfeb;
}


.product-page-info__variants label {
    display: none;
}


#shopify-section-1587668501255  p.promobox__text-1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
}

#shopify-section-1587668501255 .promobox p.promobox__text-2 {
    font-size: 24px;
}

/* Footer */

.footer {
    background-color: #8b9090;
    color: #fff;
}

.footer__logo {
    width: auto !important;
    display: none;
}

.footer__section h5,
.footer__social-media h5,
.footer__subscription h5{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

.footer__section-content ul li a,
.footer__subscription p{
    font-size: 16px;
    color: #fff !important;
    line-height: 1.4;
}

.social-media .icon-social-facebook {
    width: 12px !important;
    min-width: 12px !important;
}

.social-media .icon {
    width: 24px;
    min-width: 24px;
}

.carticon {
  display:none;
}

.sorting-collections__head.home-section-title.home-section-title--multiple h2 {
    font-weight: bold;
    font-size: 20px;
}


span.myaccount, span.myaccount a, a.header__btn-cart,
a.header__btn-cart span {
  font-size: 18px;
}



/* Collection Page */

h1.page__title.text-center {
    font-weight: bold;
}

.home-section-title--multiple a.active {
     font-weight: bold;
}

.home-section-title--multiple a:hover {
    color: #00c1d5 !important;
}

.promobox p.promobox__text-2 {
    font-family: 'Century Gothic', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    color: #4b4c4c;
}


/* Product Page */

.dynamic-checkout__button--styled button.shopify-payment-button__button {
    border: 0;
    background: #5fa4c1 !important;
    color: #fff !important;
}

/* MEdia Query */

/* ===== JJ Care — Mediva-style Category Shelf ===== */

.jjcare-shelf {
  padding: 60px 0;
}

.jjcare-shelf__title {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #1C2B45;
  margin-bottom: 36px;
  letter-spacing: -0.01em;
}

.jjcare-shelf__grid {
  display: grid;
  gap: 16px;
}

.jjcare-shelf__grid--4col { grid-template-columns: repeat(4, 1fr); }
.jjcare-shelf__grid--3col { grid-template-columns: repeat(3, 1fr); }

.jjcare-shelf__card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  aspect-ratio: 1 / 1;
  background: #c5dff0;
  cursor: pointer;
}

.jjcare-shelf__img-wrap {
  position: absolute;
  inset: 0;
}

.jjcare-shelf__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.38s ease;
  display: block;
}

.jjcare-shelf__img--placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #c5dff0 0%, #a8cce0 100%);
}

.jjcare-shelf__card:hover .jjcare-shelf__img {
  transform: scale(1.05);
}

.jjcare-shelf__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(28, 43, 69, 0.75) 0%, transparent 55%);
  pointer-events: none;
}

.jjcare-shelf__label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 14px 14px;
  text-align: center;
}

.jjcare-shelf__label span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

@media (max-width: 991px) {
  .jjcare-shelf__grid--4col,
  .jjcare-shelf__grid--3col { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 479px) {
  .jjcare-shelf { padding: 40px 0; }
  .jjcare-shelf__grid { gap: 10px; }
  .jjcare-shelf__title { font-size: 24px; margin-bottom: 24px; }
}

/* ============================= */

@media only screen and (max-width: 767px) {
  span.myaccount, span.myaccount a, a.header__btn-cart,
  a.header__btn-cart span {
      font-size: 12px;
  }
  
  .promobox p.promobox__text-2 {
    font-size: 35px;
	}

  
  .textbox {
    font-weight: bold;
    font-size: 15px;
   }
  
  .builder---newarrivals-2 p.promobox__text-2, .builder---newarrivals-3 p.promobox__text-2, .builder--woundcare p.promobox__text-2.h3, .builder---hygiene p.promobox__text-2.h3, .builder---newarrivals p.promobox__text-2.h3 {
    font-size: 20px;
	}
  
  p.promobox__text-3 {
    font-size: 14px !important;
}
  
  .carticon {
  	display:block;
  }
  
  .header__line-info,
  .header__tape{
   	font-size: 16px;
	line-height: 1.4;    
  }
  
  .builder---thecare .promobox__content_inner,
  .builder-slider .promobox__content_inner,
  .builder-slider-bottom .promobox__content_inner{
    padding-right: 0;
  }
  
  #shopify-section-1644462457c332bf96 p.promobox__text-2,
  .builder-slider .promobox__text-2 {
    font-size: 35px;
  }
  
  .promobox__btn-1,
  button.btn.btn--status.btn--animated {
    font-size: 13px;
	}
  
  #shopify-section-1644548911b28eeea5 p.promobox__text-1 {
    font-weight: bold;
    font-size: 16px;
	}
  
  /* column-count already 1 globally */
  
  
.menu__item:last-child {
   display: none !important;
}
  
  .menu__item.menu__item--has-children {
    margin-right: 30px;
}





}

@media  screen and (max-width: 1440px) {
  

  
  
}




/* JJ: hide duplicate policy page title */ .shopify-policy__title { display: none; } .shopify-policy__body h3 { font-size: 20px; font-weight: 600; margin: 28px 0 8px; }
/* JJ: Contact form title */ .contact-form .col-md-8 > h3 { font-size: 30px; font-weight: 700; letter-spacing: 2px; color: #1b3a5c; margin-bottom: 10px; } @media (max-width: 767px) { .contact-form .col-md-8 > h3 { font-size: 24px; } }
/* JJ: Linktree QR card under contact form */ .jj-scan-card { text-align: center; margin-top: 24px; padding: 26px 20px; border: 1px solid #d6e2ee; border-radius: 18px; background: #f2f7fb; } .jj-scan-card__title { font-size: 26px; font-weight: 700; letter-spacing: 4px; color: #1a86b8; margin: 0 0 14px; } .jj-scan-card img { display: block; width: 160px; height: 160px; margin: 0 auto; padding: 8px; background: #fff; border-radius: 10px; } .jj-scan-card__text { max-width: 260px; margin: 14px auto 0; font-size: 14px; line-height: 1.6; color: #3d4654; } @media (min-width: 768px) { .container .contact-form .row { display: grid !important; grid-template-columns: 62% 1fr; grid-template-rows: auto 1fr; column-gap: 40px; align-items: start; } .container .contact-form .row > .col-md-4 { grid-column: 1; grid-row: 1 / span 2; max-width: none !important; width: auto !important; } .container .contact-form .row > .col-md-8 { grid-column: 2; grid-row: 1; max-width: none !important; width: auto !important; } .container .contact-form .row > .jj-scan-card { grid-column: 2; grid-row: 2; } } @media (max-width: 767px) { .jj-scan-card { flex: 0 0 100%; max-width: 100%; } }
/* JJ: center product name and price on all product cards */ .product-collection__content { text-align: center !important; } .product-collection__content > *, .product-collection__title, .product-collection__title > *, .product-collection__price, .product-collection__price .price { justify-content: center !important; text-align: center !important; margin-left: auto; margin-right: auto; }
/* JJ: center name and price on JJ product cards */ .jj-prod__name, .jj-prod__sub { text-align: center !important; } .jj-prod__foot { justify-content: center !important; text-align: center !important; }
/* JJ: unified section banners (light blue) + brand color */ :root{--jj-banner-blue:#58afe5;--jj-logo-blue:#87cce7} body .jj-card .jj-head, body #shopify-section-jj-categories .jj-card .jj-head { background:var(--jj-banner-blue) !important; border:0 !important; box-shadow:0 10px 26px rgba(26,134,184,.18) !important; } body .jj-card .jj-head .jj-head__title { font-size:30px !important; color:#0b3a5b !important; } body .jj-card .jj-head .jj-head__sub { font-size:17px !important; color:#0b3a5b !important; opacity:.85; } body .jj-card .jj-head .jj-head__line { background:#fff !important; } body .jj-card .jj-head .jj-head__eyebrow { color:#fff !important; } @media (min-width:768px){ body .jj-card .jj-head .jj-head__title { font-size:44px !important; } body .jj-card .jj-head .jj-head__sub { font-size:24px !important; } } body .jj-hero__eyebrow { color:var(--jj-logo-blue) !important; } body .jj-card .jj-head .jj-head__sub { font-weight:500 !important; max-width:820px !important; line-height:1.4 !important; } body .jj-card .jj-head, body #shopify-section-jj-categories .jj-card .jj-head { position:relative; overflow:hidden; background: radial-gradient(120% 140% at 12% 0%, rgba(255,255,255,.75) 0%, rgba(255,255,255,0) 55%), radial-gradient(90% 120% at 100% 100%, rgba(135,204,231,.45) 0%, rgba(135,204,231,0) 60%), linear-gradient(135deg, #e3f3fc 0%, #c9e8f9 45%, #b3ddf5 100%) !important; border:1px solid rgba(255,255,255,.85) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 30px rgba(26,134,184,.12) !important; } body .jj-card .jj-head::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg, rgba(255,255,255,0) 35%, rgba(255,255,255,.35) 50%, rgba(255,255,255,0) 65%); } body .jj-card .jj-head > * { position:relative; z-index:1; } body .jj-card .jj-head .jj-head__line { background:linear-gradient(90deg,#58afe5,#87cce7) !important; } body .jj-card .jj-head .jj-head__eyebrow { color:#1a86b8 !important; } body .jj-card .jj-head .jj-head__sub { color:#2c5878 !important; opacity:1; } /* JJ: glossy banner finish */ body .jj-card .jj-head, body #shopify-section-jj-categories .jj-card .jj-head { background: radial-gradient(60% 90% at 50% -10%, rgba(255,255,255,.95) 0%, rgba(255,255,255,0) 70%), radial-gradient(70% 120% at 100% 110%, rgba(88,175,229,.38) 0%, rgba(88,175,229,0) 65%), radial-gradient(50% 100% at 0% 100%, rgba(135,204,231,.30) 0%, rgba(135,204,231,0) 70%), linear-gradient(180deg, #f4fbff 0%, #d9effb 48%, #bfe3f7 100%) !important; border:1px solid rgba(255,255,255,.95) !important; box-shadow: inset 0 1px 0 #fff, inset 0 -1px 0 rgba(88,175,229,.25), inset 0 0 0 1px rgba(135,204,231,.25), 0 14px 34px -10px rgba(26,134,184,.30), 0 2px 6px rgba(26,134,184,.08) !important; } body .jj-card .jj-head::before { content:''; position:absolute; left:1px; right:1px; top:1px; height:48%; border-radius:inherit; border-bottom-left-radius:0; border-bottom-right-radius:0; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.75) 0%, rgba(255,255,255,.15) 100%); } body .jj-card .jj-head::after { background:linear-gradient(110deg, rgba(255,255,255,0) 30%, rgba(255,255,255,.55) 46%, rgba(255,255,255,.12) 52%, rgba(255,255,255,0) 62%) !important; } body .jj-card .jj-head .jj-head__title { text-shadow:0 1px 0 rgba(255,255,255,.8); } body .jj-card .jj-head .jj-head__line { height:3px !important; box-shadow:0 0 10px rgba(88,175,229,.6); }
/* JJ: unified typography and spacing (reference: Contact page) */ .breadcrumbs li,.breadcrumbs a,.breadcrumbs span{font-size:12px !important;line-height:1.5 !important} .template-page .page>.container>.rte{max-width:860px;margin-left:auto;margin-right:auto} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte){font-size:15px;line-height:1.75;color:#2a3b4c} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>p,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>ul>li,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>ol>li,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>.container>p,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>.container>ul>li,.article-body .rte>div>p,.article-body .rte p.MsoNormal{font-size:15px !important;line-height:1.75 !important;color:#2a3b4c} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>p,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>.container>p,.article-body .rte>div>p,.article-body .rte p.MsoNormal{margin:0 0 14px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>ul,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>ol,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>.container>ul{margin:0 0 16px !important;padding-left:22px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>ul>li,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>ol>li,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>.container>ul>li{margin-bottom:6px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte) strong,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte) b{font-weight:600} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h1:not(:first-child),:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h2,.article-body .rte h1{font-size:24px !important;font-weight:700 !important;line-height:1.35 !important;color:#0b3a5b !important;letter-spacing:.2px !important;text-transform:none !important;margin:40px 0 14px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h3{font-size:19px !important;font-weight:600 !important;line-height:1.4 !important;color:#1b3a5c !important;letter-spacing:0 !important;margin:30px 0 10px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h4{font-size:17px !important;font-weight:600 !important;line-height:1.45 !important;color:#1b3a5c !important;margin:24px 0 8px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h5,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h6,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>.container>h5{font-size:15px !important;font-weight:600 !important;line-height:1.5 !important;color:#1b3a5c !important;letter-spacing:.4px !important;margin:28px 0 8px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>p.jj-ph{font-size:17px !important;font-weight:600 !important;line-height:1.45 !important;color:#1b3a5c !important;margin:30px 0 8px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>:first-child{margin-top:0 !important} .template-page .page .rte>div>h2{font-size:21px !important;font-weight:600 !important;line-height:1.35 !important;color:#0b3a5b !important;margin:40px 0 8px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte) details summary{font-size:15px !important;font-weight:600 !important;line-height:1.6 !important;color:#1b3a5c !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte) details p{font-size:15px !important;line-height:1.75 !important} body .template-page .page__title,body.template-page .page__title,body.template-article h1.h2,body .shopify-policy__body .rte>h2:first-child{font-size:30px !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:.3px !important;color:#0b3a5b !important;text-transform:none !important;margin:0 0 24px !important} body.template-article h1.h2{margin-bottom:0 !important} .template-blog .post h3{font-size:22px !important;font-weight:600 !important;line-height:1.35 !important;color:#0b3a5b !important} .template-blog .post .rte p{font-size:15px !important;line-height:1.75 !important} .product-page-info__title h1{font-size:26px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:.2px !important;text-transform:none !important;color:#0b3a5b !important} .product-page-info .price,.product-page-info .price span{font-weight:600 !important;color:#0b3a5b} .popup-services__head h5{font-size:12px !important;font-weight:600 !important;letter-spacing:1px !important;line-height:1.5 !important;color:#0b3a5b !important} .popup-services__content p{font-size:14px !important;line-height:1.6 !important} .tabs__content .rte p,.tabs__content .rte li{font-size:15px !important;line-height:1.75 !important} .tabs__content .rte h2,.tabs__content .rte h3,.tabs__content .rte h4{font-weight:600 !important;color:#1b3a5c !important;line-height:1.4 !important} .product-collection__title h4,.product-collection__title a{font-size:14px !important;font-weight:500 !important;line-height:1.45 !important} .collection-sidebar-section__head h5{font-size:12.5px !important;font-weight:600 !important;letter-spacing:1px !important} @media (max-width:767px){body .template-page .page__title,body.template-page .page__title,body.template-article h1.h2,body .shopify-policy__body .rte>h2:first-child{font-size:24px !important;margin-bottom:18px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h1:not(:first-child),:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h2,.article-body .rte h1{font-size:20px !important;margin-top:32px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h3{font-size:17px !important;margin-top:26px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>h4,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>p.jj-ph{font-size:16px !important} .product-page-info__title h1{font-size:22px !important} .template-blog .post h3{font-size:19px !important}}
/* JJ: typography for content wrapped in one div */ :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>p,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>ul>li,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>ol>li{font-size:15px !important;line-height:1.75 !important;color:#2a3b4c} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>p{margin:0 0 14px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>ul,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>ol{margin:0 0 16px !important;padding-left:22px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>ul>li,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>ol>li{margin-bottom:6px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>p.jj-ph{font-size:17px !important;font-weight:600 !important;line-height:1.45 !important;color:#1b3a5c !important;margin:30px 0 8px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>h3{font-size:19px !important;font-weight:600 !important;line-height:1.4 !important;color:#1b3a5c !important;margin:30px 0 10px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>:first-child{margin-top:0 !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>br,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>br{display:none} @media (max-width:767px){:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>p.jj-ph{font-size:16px !important} :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>h3{font-size:17px !important}}
/* JJ: keep paragraph headings as normal text blocks (overrides the .jj-ph placeholder style) */ :is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>p.jj-ph,:is(.template-page .page .rte,.shopify-policy__body .rte,.article-body .rte)>div>p.jj-ph{display:block !important;width:auto !important;height:auto !important;background:none !important}
/* JJ: small section labels and policy page spacing */ .template-page .page .rte .container--sm h5{font-size:14px !important;font-weight:600 !important;line-height:1.5 !important;letter-spacing:.6px !important;color:#1b3a5c !important;margin:30px 0 10px !important} .shopify-policy__container{padding-top:36px !important;padding-bottom:56px !important}
/* JJ: on wide screens / zoomed out, keep the hero inside the same 1600px column as the other banners */ @media (min-width:1697px){body #shopify-section-jj-hero .jj-hero{max-width:var(--jj-max,1600px);margin:24px auto 0;border-radius:var(--jj-radius,20px) !important;padding-left:56px !important;padding-right:56px !important}}
/* JJ: wide screens / zoomed out - keep image banners and page content in the same 1600px column on every page */ @media (min-width:1697px){body .jj-sec .jj-banner{max-width:var(--jj-max,1600px);margin-left:auto;margin-right:auto;border-radius:var(--jj-radius,20px) !important} body main .container{max-width:1620px}}
/* JJ: site-wide layout - every page uses the same content column as the homepage hero and banners, with glossy title banners and white content cards */ .header .container,.header .container-fluid{max-width:calc(var(--jj-max,1600px) + 2 * var(--jj-gutter,16px)) !important} @media (min-width:990px){#shopify-section-jj-hero .jj-wrap{padding-left:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important;padding-right:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important} body #shopify-section-jj-hero .jj-hero{max-width:none !important;margin:24px 0 0 !important;border:1px solid var(--jj-line,#e3edf4) !important;border-radius:var(--jj-radius,20px) !important;padding-left:56px !important;padding-right:56px !important}} .jj-sec .jj-wrap:has(> .jj-banner){padding-left:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important;padding-right:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important} body .jj-sec .jj-banner{max-width:none !important;border-radius:var(--jj-radius,20px) !important} body main .container{max-width:none !important;padding-left:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important;padding-right:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important} body main .container .container{padding-left:0 !important;padding-right:0 !important} body .shopify-policy__container{max-width:none !important;padding-left:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important;padding-right:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important;padding-top:28px !important;padding-bottom:64px !important} body.template-article .article__body--max-width{max-width:100% !important;flex:0 0 100% !important} html body.template-page .page__title,html body .shopify-policy__title,html body.template-article .article-body > header{position:relative;display:block !important;margin:0 0 24px !important;padding:28px 28px 30px !important;border-radius:var(--jj-radius,20px);text-align:center;border:1px solid rgba(255,255,255,.95);background:radial-gradient(60% 90% at 50% -10%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 70%),radial-gradient(70% 120% at 100% 110%,rgba(88,175,229,.38) 0%,rgba(88,175,229,0) 65%),radial-gradient(50% 100% at 0% 100%,rgba(135,204,231,.30) 0%,rgba(135,204,231,0) 70%),linear-gradient(180deg,#f4fbff 0%,#d9effb 48%,#bfe3f7 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(88,175,229,.25),inset 0 0 0 1px rgba(135,204,231,.25),0 14px 34px -10px rgba(26,134,184,.30),0 2px 6px rgba(26,134,184,.08)} html body.template-page .page__title,html body .shopify-policy__title h1,html body.template-article .article-body > header h1{font-size:40px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:.3px !important;color:#0b3a5b !important;text-transform:none !important;text-shadow:0 1px 0 rgba(255,255,255,.8);margin:0 !important} html body .shopify-policy__title h1{text-transform:capitalize !important} html body.template-article .article-body > header h1{font-size:34px !important} html body.template-article .article-body > header p{margin-top:8px !important;color:#2c5878 !important} .shopify-policy__body .rte > h2:first-child,.shopify-policy__body .rte h1{display:none !important} html body.template-page .page > .container > .rte,html body .shopify-policy__body,html body.template-article .article-body > .rte{max-width:none !important;margin:0 !important;background:#fff;border:1px solid var(--jj-line,#e3edf4);border-radius:var(--jj-radius,20px);box-shadow:0 10px 30px -18px rgba(11,58,91,.25);padding-top:48px !important;padding-bottom:52px !important;padding-left:max(56px,calc((100% - 1040px) / 2)) !important;padding-right:max(56px,calc((100% - 1040px) / 2)) !important} html body.template-page .page:has(.rte){padding-bottom:64px} html body.template-article .article-body > .text-center .rimage{padding-top:0 !important;height:auto !important} html body.template-article .article-body > .text-center .rimage__img{position:relative !important;display:block;width:100%;max-height:560px;object-fit:cover;border-radius:var(--jj-radius,20px)} @media (max-width:767px){html body.template-page .page__title,html body .shopify-policy__title h1{font-size:28px !important} html body.template-article .article-body > header h1{font-size:24px !important} html body.template-page .page__title,html body .shopify-policy__title,html body.template-article .article-body > header{padding:22px 18px 24px !important} html body.template-page .page > .container > .rte,html body .shopify-policy__body,html body.template-article .article-body > .rte{padding:28px 20px 32px !important}}
/* JJ: Learn (blog) page - title banner and article cards across the full content column */ html body.template-blog .blog-body{display:grid !important;grid-template-columns:1fr;gap:24px;margin-top:8px !important;padding-bottom:40px} html body.template-blog .blog-body::before{content:'Learn';grid-column:1/-1;display:block;padding:28px 28px 30px;border-radius:var(--jj-radius,20px);text-align:center;font-size:40px;font-weight:700;line-height:1.2;color:#0b3a5b;text-shadow:0 1px 0 rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);background:radial-gradient(60% 90% at 50% -10%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 70%),radial-gradient(70% 120% at 100% 110%,rgba(88,175,229,.38) 0%,rgba(88,175,229,0) 65%),radial-gradient(50% 100% at 0% 100%,rgba(135,204,231,.30) 0%,rgba(135,204,231,0) 70%),linear-gradient(180deg,#f4fbff 0%,#d9effb 48%,#bfe3f7 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(88,175,229,.25),0 14px 34px -10px rgba(26,134,184,.30)} html body.template-blog .blog-body > :not(.post){grid-column:1/-1} html body.template-blog .blog-body .post{max-width:none !important;margin:0 !important;display:flex;flex-direction:column;text-align:left !important;background:#fff;border:1px solid var(--jj-line,#e3edf4);border-radius:var(--jj-radius,20px);padding:0 24px 24px;overflow:hidden;box-shadow:0 10px 30px -18px rgba(11,58,91,.25)} html body.template-blog .blog-body .post > a.d-block{order:-1;margin:0 -24px 20px !important} html body.template-blog .blog-body .post > a.d-block .rimage{padding-top:62.5% !important} html body.template-blog .blog-body .post > a.d-block .rimage__img{height:100% !important;object-fit:cover} html body.template-blog .blog-body .post h3{font-size:20px !important;margin-bottom:6px !important} html body.template-blog .blog-body .post .rte{margin-top:14px !important;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} html body.template-blog .blog-body .post .rte p{text-align:left !important} html body.template-blog .blog-body .post > div:last-child{margin-top:auto !important;padding-top:18px;justify-content:flex-start !important} @media (min-width:640px){html body.template-blog .blog-body{grid-template-columns:repeat(2,1fr)}} @media (min-width:1025px){html body.template-blog .blog-body{grid-template-columns:repeat(3,1fr)}} @media (max-width:767px){html body.template-blog .blog-body::before{font-size:28px;padding:22px 18px 24px}}
/* JJ: 10% off newsletter popup - restyled to match the site (light blue glossy background, navy title, pill input and button) */ body .popup-subscription{border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -20px rgba(11,58,91,.45),0 0 0 1px rgba(255,255,255,.9)} body .popup-subscription .popup-subscription__image{background:radial-gradient(70% 55% at 50% -5%,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 70%),radial-gradient(55% 60% at 100% 105%,rgba(88,175,229,.35) 0%,rgba(88,175,229,0) 70%),radial-gradient(45% 55% at 0% 100%,rgba(135,204,231,.35) 0%,rgba(135,204,231,0) 70%),linear-gradient(180deg,#ffffff 0%,#eef7fd 55%,#d9effb 100%)} body .popup-subscription .popup-subscription__image .rimage__img{opacity:0 !important} body .popup-subscription .popup-subscription__content{padding-left:40px !important;padding-right:40px !important} body .popup-subscription .popup-subscription__text-line-02{color:#0b3a5b !important;font-weight:700 !important;font-size:38px !important;line-height:1.12 !important;letter-spacing:.3px !important;margin-bottom:14px !important;text-shadow:0 1px 0 rgba(255,255,255,.8)} body .popup-subscription .popup-subscription__text-line-02::after{content:'';display:block;width:56px;height:3px;margin:14px auto 0;border-radius:3px;background:linear-gradient(90deg,#87cce7,#1a86b8);box-shadow:0 0 10px rgba(88,175,229,.6)} body .popup-subscription .popup-subscription__text-line-03{color:#2c5878 !important;font-size:15px !important;line-height:1.6 !important;margin-bottom:22px !important} body .popup-subscription form{width:100%;max-width:420px;margin-left:auto;margin-right:auto} body .popup-subscription input[type=email]{height:50px !important;min-height:50px;border:1px solid #cfe3f1 !important;border-radius:999px !important;padding:0 22px !important;background:#fff !important;font-size:15px !important;color:#0b3a5b !important;box-shadow:inset 0 1px 2px rgba(11,58,91,.06)} body .popup-subscription input[type=email]:focus{border-color:#58afe5 !important;box-shadow:0 0 0 3px rgba(88,175,229,.25) !important;outline:none} body .popup-subscription input.btn{height:50px !important;min-height:50px;border:0 !important;border-radius:999px !important;background:#0b3a5b !important;color:#fff !important;font-size:14px !important;font-weight:600 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;box-shadow:0 10px 22px -10px rgba(11,58,91,.6);transition:background-color .2s} body .popup-subscription input.btn:hover,body .popup-subscription input.btn:focus-visible{background:#29b2ea !important} body .popup-subscription .popup-subscription__close svg,body .popup-subscription .popup-subscription__close path{fill:#0b3a5b !important;color:#0b3a5b !important} body .popup-subscription .popup-subscription__close-text{color:#2c5878 !important;font-size:13px !important;letter-spacing:1px;text-underline-offset:4px} body .popup-subscription .popup-subscription__close-text:hover{color:#1a86b8 !important} @media (max-width:767px){body .popup-subscription .popup-subscription__text-line-02{font-size:28px !important} body .popup-subscription .popup-subscription__content{padding-left:20px !important;padding-right:20px !important}}
/* JJ: homepage section headings - clean white card, navy title with light blue accent word, short blue line (Shop by category style) */ html body .jj-sec .jj-card .jj-head:not(#jjx){background:linear-gradient(180deg,#ffffff 0%,#f3f8fc 100%) !important;border:1px solid #e6eef5 !important;border-radius:24px !important;box-shadow:0 14px 32px -16px rgba(11,58,91,.20),0 2px 6px rgba(11,58,91,.04) !important;padding:26px 28px 28px !important} html body .jj-sec .jj-card .jj-head:not(#jjx)::before,html body .jj-sec .jj-card .jj-head:not(#jjx)::after{display:none !important} html body .jj-sec .jj-card .jj-head:not(#jjx) .jj-head__title{color:#0b3a5b !important;text-shadow:none !important;font-weight:700 !important;text-transform:none !important;letter-spacing:-.2px !important;margin-bottom:0 !important} html body .jj-sec .jj-card .jj-head:not(#jjx) .jj-head__accent{background:linear-gradient(90deg,#4fb3ea 0%,#7fd0f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} html body .jj-sec .jj-card .jj-head:not(#jjx) .jj-head__line{width:64px !important;height:4px !important;border-radius:4px !important;background:#6cc3ef !important;box-shadow:none !important;margin:14px auto 14px !important} html body .jj-sec .jj-card .jj-head:not(#jjx) .jj-head__sub{color:#4a5d70 !important;font-weight:400 !important;font-size:20px !important;line-height:1.5 !important;margin:0 auto !important} html body .jj-sec .jj-card .jj-head:not(#jjx) .jj-head__eyebrow{display:none !important} @media (max-width:767px){html body .jj-sec .jj-card .jj-head:not(#jjx){padding:22px 18px 24px !important;border-radius:20px !important} html body .jj-sec .jj-card .jj-head:not(#jjx) .jj-head__sub{font-size:16px !important}}
/* JJ: mobile menu drawer (white, light blue category card, stacked page links) and mobile footer (no wrapping headings, single-column Shop list, stacked bottom row) */ @media (max-width:1024px){html body .popup-navigation .popup-navigation__head,html body .popup-navigation .popup-navigation__search,html body .popup-navigation .popup-navigation__search input,html body .popup-navigation .popup-navigation__menu,html body .popup-navigation .menu__level-02,html body .popup-navigation .popup-navigation__currency{background:#fff !important} html body .popup-navigation .popup-navigation__search input{color:#0b3a5b !important} html body .popup-navigation .menu--main .menu__level-01{background:#f3f8fc;border:1px solid #e6eef5;border-radius:16px;padding:4px 16px !important} html body .popup-navigation .menu--main .menu__level-01>.menu__item{margin:0 !important;padding:0 !important} html body .popup-navigation .menu--main .menu__level-01>.menu__item>a{min-height:48px;padding:0 !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.05em;color:#0b3a5b !important;border-bottom:1px solid #e3edf4} html body .popup-navigation .menu--main .menu__level-01>.menu__item:last-child>a{border-bottom:0} html body .popup-navigation .menu--main .menu__item_arrow{color:#1a86b8 !important} html body .popup-navigation .menu--secondary .menu__level-01{flex-direction:column !important;padding:0 4px} html body .popup-navigation .menu--secondary .menu__item{margin:0 !important;padding:0 !important} html body .popup-navigation .menu--secondary .menu__item>a{min-height:46px;padding:0 12px !important;font-size:13px !important;font-weight:600 !important;letter-spacing:.1em;color:#2c5878 !important;border-bottom:1px solid #eef3f7} html body .popup-navigation .menu--secondary .menu__item:last-child>a{border-bottom:0}} @media (max-width:989px){html body .jj-footer .jj-footer__title{white-space:nowrap !important;letter-spacing:.16em !important;line-height:1.3 !important}} @media (max-width:599px){html body .jj-footer .jj-footer__cols{grid-template-columns:1fr 1fr !important;gap:34px 20px !important} html body .jj-footer .jj-footer__col:first-child{grid-column:1/-1 !important} html body .jj-footer .jj-footer__col:first-child .jj-footer__links{column-count:1 !important;columns:auto !important;display:block !important} html body .jj-footer .jj-footer__title{font-size:13px !important;margin-bottom:14px !important} html body .jj-footer .jj-footer__links li{margin-bottom:10px !important} html body .jj-footer .jj-footer__links a{font-size:15px !important;line-height:1.4 !important} html body .jj-footer .jj-footer__bottom{grid-template-columns:1fr !important;grid-template-areas:'contact' 'legal' 'pay' !important;gap:18px !important} html body .jj-footer .jj-footer__legal{flex-wrap:wrap !important;gap:6px 18px !important} html body .jj-footer .jj-footer__legal > *{white-space:nowrap} html body .jj-footer .jj-footer__legal > *:first-child{flex-basis:100% !important} html body .jj-footer .jj-footer__pay{justify-content:flex-start !important}}
/* JJ: Why JJ CARE trust badges - premium cards (blue top accent, gradient icon circles, soft glow, lift on hover) */ html body .jj-badges{gap:16px !important} html body .jj-badges .jj-badge{position:relative;overflow:hidden;align-items:center;gap:16px;padding:22px 22px !important;background:linear-gradient(180deg,#ffffff 0%,#f4f9fd 100%) !important;border:1px solid #e1edf6 !important;border-radius:18px !important;box-shadow:0 16px 32px -20px rgba(11,58,91,.35),0 2px 6px rgba(11,58,91,.04) !important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease} html body .jj-badges .jj-badge::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#87cce7 0%,#29b2ea 50%,#1a86b8 100%)} html body .jj-badges .jj-badge::after{content:'';position:absolute;right:-40px;bottom:-60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(88,175,229,.14) 0%,rgba(88,175,229,0) 70%);pointer-events:none} html body .jj-badges .jj-badge:hover{transform:translateY(-4px);border-color:#bfe0f3 !important;box-shadow:0 22px 40px -18px rgba(26,134,184,.45),0 2px 6px rgba(11,58,91,.05) !important} html body .jj-badges .jj-badge__icon{flex:0 0 52px;width:52px !important;height:52px !important;border-radius:50% !important;background:linear-gradient(135deg,#1a86b8 0%,#58afe5 100%) !important;box-shadow:0 10px 20px -8px rgba(26,134,184,.65),inset 0 0 0 4px rgba(255,255,255,.22) !important} html body .jj-badges .jj-badge__icon svg{width:24px !important;height:24px !important} html body .jj-badges .jj-badge__icon svg *{stroke:#fff !important} html body .jj-badges .jj-badge__title{font-size:16px !important;font-weight:700 !important;color:#0b3a5b !important;line-height:1.3 !important;margin:0 0 4px !important} html body .jj-badges .jj-badge__text{font-size:13.5px !important;color:#4a5d70 !important;line-height:1.5 !important;margin:0 !important} @media (min-width:600px) and (max-width:1259px){html body .jj-badges{grid-template-columns:repeat(2,minmax(0,1fr)) !important}} @media (max-width:599px){html body .jj-badges{gap:12px !important} html body .jj-badges .jj-badge{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 16px !important} html body .jj-badges .jj-badge__icon{flex:0 0 44px;width:44px !important;height:44px !important} html body .jj-badges .jj-badge__icon svg{width:20px !important;height:20px !important} html body .jj-badges .jj-badge__title{font-size:15px !important} html body .jj-badges .jj-badge__text{font-size:13px !important}}
/* JJ: category menus - same look on desktop (CATEGORIES dropdown) and mobile (menu drawer) */ @media (min-width:1025px){html body .header__vertical-nav .menu--vertical{background:#fff !important;border:1px solid #e3edf4 !important;border-top:0 !important;border-radius:0 0 18px 18px !important;box-shadow:0 22px 44px -20px rgba(11,58,91,.38) !important;padding:12px !important;min-width:330px !important;width:auto !important} html body .header__vertical-nav .menu--vertical .menu__level-01{background:#f3f8fc !important;border:1px solid #e6eef5 !important;border-radius:14px !important;padding:4px 16px !important} html body .header__vertical-nav .menu--vertical .menu__level-01>.menu__item{margin:0 !important;padding:0 !important} html body .header__vertical-nav .menu--vertical .menu__level-01>.menu__item>a{min-height:48px;padding:0 !important;font-size:14px !important;font-weight:600 !important;letter-spacing:.05em !important;text-transform:uppercase;color:#0b3a5b !important;white-space:normal !important;border-bottom:1px solid #e3edf4} html body .header__vertical-nav .menu--vertical .menu__level-01>.menu__item>a span{white-space:normal !important;overflow:visible !important;text-overflow:clip !important} html body .header__vertical-nav .menu--vertical .menu__level-01>.menu__item:last-child>a{border-bottom:0} html body .header__vertical-nav .menu--vertical .menu__level-01>.menu__item>a:hover{color:#1a86b8 !important} html body .header__vertical-nav .menu--vertical .menu__item_arrow{color:#1a86b8 !important} html body .header__vertical-nav .menu--vertical .menu__dropdown,html body .header__vertical-nav .menu--vertical .menu__level-02{background:#fff !important;border-radius:16px !important} html body .header__vertical-nav .menu--vertical .menu__dropdown{border:1px solid #e3edf4 !important;box-shadow:0 22px 44px -20px rgba(11,58,91,.38) !important} html body .header__vertical-nav .menu--vertical .menu__level-02 a{font-size:14px !important;font-weight:500 !important;color:#0b3a5b !important;padding-top:8px !important;padding-bottom:8px !important} html body .header__vertical-nav .menu--vertical .menu__level-02 a:hover{color:#1a86b8 !important}} @media (max-width:1024px){html body .popup-navigation .menu--main .menu__item_arrow{width:44px;height:44px;margin-right:-12px;display:flex !important;align-items:center;justify-content:center} html body .popup-navigation .menu--main .menu__level-02{background:#f3f8fc !important;border:1px solid #e6eef5;border-radius:16px;padding:4px 16px !important} html body .popup-navigation .menu--main .menu__level-02 a{min-height:46px;display:flex !important;align-items:center;padding:0 !important;font-size:14px !important;font-weight:600 !important;color:#0b3a5b !important;border-bottom:1px solid #e3edf4} html body .popup-navigation .menu--main .menu__level-02 .menu__item:last-child>a{border-bottom:0}}
/* JJ: show the last item in mobile menus (Contact Us, Tapes & Securement) - an older rule hid every last menu item on phones */ @media (max-width:767px){html body .popup-navigation .menu__item:last-child{display:block !important}}
/* JJ: content cards use the full card width - text lines up with the banner and image edges (48px inner spacing desktop, 32px tablet, 20px phone) */ html body.template-page .page > .container > .rte,html body .shopify-policy__body,html body.template-article .article-body > .rte{padding-left:48px !important;padding-right:48px !important} @media (max-width:1024px){html body.template-page .page > .container > .rte,html body .shopify-policy__body,html body.template-article .article-body > .rte{padding-left:32px !important;padding-right:32px !important}} @media (max-width:767px){html body.template-page .page > .container > .rte,html body .shopify-policy__body,html body.template-article .article-body > .rte{padding-left:20px !important;padding-right:20px !important}}
/* JJ: 10% off popup hierarchy - logo matches title letter height, larger readable subtitle */ body .popup-subscription .popup-subscription__insert-image{max-width:150px !important;margin:0 auto 14px !important} body .popup-subscription .popup-subscription__text-line-02{margin-bottom:18px !important} body .popup-subscription .popup-subscription__text-line-03{font-size:18px !important;line-height:1.55 !important;max-width:420px;margin:0 auto 24px !important;color:#2c5878 !important} @media (max-width:767px){body .popup-subscription .popup-subscription__insert-image{max-width:120px !important;margin-bottom:10px !important} body .popup-subscription .popup-subscription__text-line-03{font-size:16px !important;max-width:300px;margin-bottom:18px !important}}
/* JJ: desktop + mobile consistency pass - white title banners with accent word on every page, mobile hero box, swipeable product rows, badge rows, popup fit, active menu states */ html body.template-page .page__title,html body .shopify-policy__title,html body.template-article .article-body > header,html body.template-blog .blog-body::before,html body.template-collection main h1{background:linear-gradient(#6cc3ef,#6cc3ef) center bottom 24px/64px 4px no-repeat,linear-gradient(180deg,#ffffff 0%,#f3f8fc 100%) !important;border:1px solid #e6eef5 !important;border-radius:24px !important;box-shadow:0 14px 32px -16px rgba(11,58,91,.20),0 2px 6px rgba(11,58,91,.04) !important;padding:28px 28px 46px !important;text-align:center !important} html body.template-page .page__title,html body .shopify-policy__title h1,html body.template-blog .blog-body::before,html body.template-collection main h1{font-size:44px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:-.2px !important;color:#0b3a5b !important;text-shadow:none !important} html body.template-article .article-body > header h1{text-shadow:none !important;letter-spacing:-.2px !important} html body.template-collection main h1{display:block !important;margin-top:8px !important;margin-bottom:24px !important;margin-left:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important;margin-right:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2)) !important} html body .jj-title-accent{background:linear-gradient(90deg,#4fb3ea 0%,#7fd0f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent} @media (max-width:767px){html body.template-page .page__title,html body .shopify-policy__title h1,html body.template-blog .blog-body::before,html body.template-collection main h1{font-size:30px !important} html body.template-page .page__title,html body .shopify-policy__title,html body.template-article .article-body > header,html body.template-blog .blog-body::before,html body.template-collection main h1{padding:22px 18px 40px !important;border-radius:20px !important;background-position:center bottom 20px,0 0 !important}} @media (max-width:989px){html body #shopify-section-jj-hero .jj-wrap{padding:16px var(--jj-gutter,16px) 0 !important} html body #shopify-section-jj-hero .jj-hero{border:1px solid var(--jj-line,#e3edf4) !important;border-radius:20px !important;overflow:hidden !important}} @media (max-width:599px){html body .jj-grid{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px !important;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none} html body .jj-grid::-webkit-scrollbar{display:none} html body .jj-grid > *{flex:0 0 62% !important;max-width:62% !important;scroll-snap-align:start}} @media (max-width:599px){html body .jj-badges{grid-template-columns:1fr !important} html body .jj-badges .jj-badge{flex-direction:row !important;align-items:center !important;gap:14px !important;padding:16px !important}} body .popup-subscription .popup-subscription__image{position:absolute !important;inset:0 !important;height:auto !important} body .popup-subscription .popup-subscription__image .rimage{padding-top:0 !important;height:100% !important} body .popup-subscription .popup-subscription__content{position:relative !important;inset:auto !important;padding-top:40px !important;padding-bottom:30px !important} html body .popup-navigation .menu--main a:not(#jjx):hover,html body .popup-navigation .menu--main a:not(#jjx):active,html body .popup-navigation .menu--main a:not(#jjx):focus-visible,html body .popup-navigation .menu--main a.jj-current:not(#jjx),html body .popup-navigation .menu--main .menu__item--active>a:not(#jjx),html body .header__vertical-nav .menu--vertical a.jj-current:not(#jjx){color:#1a86b8 !important} @media (max-width:1024px){html body .popup-navigation .menu--main,html body .popup-navigation .popup-navigation__menu{box-shadow:none !important;border:0 !important;background:#fff !important}} html body .popup-navigation .menu--secondary a:not(#jjx):hover,html body .popup-navigation .menu--secondary a:not(#jjx):active,html body .popup-navigation .menu--secondary a.jj-current:not(#jjx){color:#1a86b8 !important}
/* JJ: thin blue top bar (social icons + United States / Canada selector) and sky blue contact Submit button */ .jj-topbar{position:relative;z-index:60;background:linear-gradient(90deg,#0b3a5b 0%,#11507c 100%);color:#fff;font-family:Poppins,sans-serif} .jj-topbar__inner{display:flex;align-items:center;justify-content:flex-end;gap:18px;height:36px;padding-left:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2));padding-right:max(var(--jj-gutter,16px),calc((100% - var(--jj-max,1600px)) / 2))} .jj-topbar__social{display:inline-flex;color:#fff !important;opacity:.9;transition:opacity .2s,color .2s} .jj-topbar__social:hover{opacity:1;color:#87cce7 !important} .jj-topbar__social svg{width:16px;height:16px} .jj-flag{display:inline-flex;width:20px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.35);flex:0 0 20px} .jj-flag svg{width:100%;height:100%} .jj-country{position:relative;margin-left:6px} .jj-country summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.2px;color:#fff;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.5)} .jj-country summary::-webkit-details-marker{display:none} .jj-country__chev{width:11px;height:8px;transition:transform .2s} .jj-country[open] .jj-country__chev{transform:rotate(180deg)} .jj-country__list{position:absolute;right:0;top:calc(100% + 10px);min-width:220px;margin:0;padding:8px;list-style:none;background:#fff;border:1px solid #e3edf4;border-radius:14px;box-shadow:0 18px 40px -16px rgba(11,58,91,.35);z-index:1000} .jj-country__list li{margin:0;padding:0} .jj-country__list li>a,.jj-country__list li.is-active{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:#0b3a5b !important;text-decoration:none} .jj-country__list li.is-active{font-weight:700;background:#f3f8fc} .jj-country__list li>a:hover{background:#f3f8fc;color:#1a86b8 !important} .jj-country__list small{margin-left:auto;font-size:11px;color:#6a7b8a} .jj-country__list .jj-flag{box-shadow:0 0 0 1px #e3edf4} @media (max-width:767px){.jj-topbar__inner{height:32px;gap:14px} .jj-topbar__social svg{width:15px;height:15px} .jj-country summary{font-size:12px} .jj-country__list{min-width:210px}} html body .contact-form button[type=submit].btn,html body .contact-form button[type=submit].btn:hover,html body .contact-form button[type=submit].btn:focus,html body .contact-form button[type=submit].btn:active{background:#29b2ea !important;border-color:#29b2ea !important;color:#fff !important;border-radius:999px !important} html body .contact-form button[type=submit].btn:hover,html body .contact-form button[type=submit].btn:focus-visible{box-shadow:0 10px 22px -10px rgba(41,178,234,.8) !important;filter:brightness(1.05)} html body .contact-form button[type=submit].btn:active{filter:brightness(.97);transform:translateY(1px)}
/* JJ: country list cleanup (no bullets, one-line labels) */ html body .jj-country__list li::before,html body .jj-country__list li::after{display:none !important;content:none !important} html body .jj-country__list{min-width:270px !important} html body .jj-country__list small{white-space:nowrap} html body .jj-country summary{white-space:nowrap}
/* JJ: contact Submit button - navy by default, sky blue on hover / click / keyboard focus (same as the site's other buttons) */ html body .contact-form button[type=submit].btn:not(#jjx){background:#0b3a5b !important;border-color:#0b3a5b !important;color:#fff !important;border-radius:999px !important;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .1s} html body .contact-form button[type=submit].btn:not(#jjx):hover,html body .contact-form button[type=submit].btn:not(#jjx):active,html body .contact-form button[type=submit].btn:not(#jjx):focus-visible{background:#29b2ea !important;border-color:#29b2ea !important;box-shadow:0 10px 22px -10px rgba(41,178,234,.8) !important;filter:none} html body .contact-form button[type=submit].btn:not(#jjx):active{transform:translateY(1px)}
/* JJ: keep the whole top area fixed while scrolling - blue top bar, logo/search/login/cart row and categories/menu row (desktop and mobile) */ html body #shopify-section-header{position:sticky;top:0;z-index:1000} html body #shopify-section-header .header__content--sticky{position:static !important;transform:none !important;top:auto !important} html body #shopify-section-header .header__spacer{display:none !important}