body.single-product{
  --jr-purple:#350990;
  --jr-purple-2:#7524e8;
  --jr-orange:#fe7e00;
  --jr-white:#fefefe;
  --jr-black:#050504;
  --jr-text:#18131f;
  --jr-muted:#817a8b;
  --jr-light:#f8f5fc;
  --jr-border:rgba(53,9,144,.10);
  --jr-container:1280px;
  margin:0;
  color:var(--jr-text);
  background:#fff;
  font-family:"IBM Plex Sans Arabic",sans-serif;
}

body.single-product *,
body.single-product *::before,
body.single-product *::after{box-sizing:border-box}

body.single-product a{text-decoration:none}
body.single-product button,
body.single-product input,
body.single-product textarea,
body.single-product select{font-family:inherit}

body.single-product header.site-header,
body.single-product footer.site-footer,
body.single-product #site-header,
body.single-product #site-footer{display:none!important}

body.single-product .site-main,
body.single-product .site-content,
body.single-product #content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.jr-sp-container{
  width:min(calc(100% - 48px),var(--jr-container));
  margin-inline:auto;
}

/* HEADER */
.jr-sp-header{
  position:sticky;
  top:0;
  z-index:1800;
  height:78px;
  display:flex;
  align-items:center;
  background:rgba(254,254,254,.95);
  border-bottom:1px solid rgba(53,9,144,.07);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 35px rgba(38,7,102,.045);
}
body.admin-bar .jr-sp-header{top:32px}
.jr-sp-header__inner{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.jr-sp-logo img{
  display:block;
  height:49px;
  width:auto;
  object-fit:contain;
}
.jr-sp-nav{
  display:flex;
  align-items:center;
  gap:clamp(18px,2.2vw,34px);
}
.jr-sp-nav a{
  position:relative;
  padding:10px 0;
  color:#342e3f;
  font-size:14px;
  font-weight:600;
  transition:.25s ease;
}
.jr-sp-nav a::after{
  content:"";
  position:absolute;
  right:0;
  left:100%;
  bottom:2px;
  height:2px;
  border-radius:20px;
  background:var(--jr-orange);
  transition:left .3s cubic-bezier(.2,.8,.2,1);
}
.jr-sp-nav a:hover{color:var(--jr-purple)}
.jr-sp-nav a:hover::after{left:0}
.jr-sp-header__actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.jr-sp-cart{
  position:relative;
  width:45px;
  height:45px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff;
  background:var(--jr-purple);
  transition:.25s ease;
}
.jr-sp-cart:hover{
  transform:translateY(-2px);
  background:var(--jr-orange);
}
.jr-sp-cart svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linejoin:round;
}
.jr-sp-cart__count{
  position:absolute;
  top:-7px;
  left:-7px;
  min-width:21px;
  height:21px;
  padding:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  border-radius:999px;
  color:#fff;
  background:var(--jr-orange);
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:700;
}
.jr-sp-shop-link{
  min-height:45px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  color:var(--jr-purple);
  background:rgba(53,9,144,.06);
  font-size:13px;
  font-weight:700;
  transition:.25s ease;
}
.jr-sp-shop-link:hover{
  transform:translateY(-2px);
  color:#fff;
  background:var(--jr-orange);
}
.jr-sp-menu-button{
  display:none;
  width:43px;
  height:43px;
  padding:0;
  border:0;
  border-radius:12px;
  background:rgba(53,9,144,.06);
}
.jr-sp-menu-button span{
  display:block;
  width:20px;
  height:2px;
  margin:4px auto;
  border-radius:5px;
  background:var(--jr-purple);
}

/* MOBILE MENU */
.jr-sp-mobile-menu{
  position:fixed;
  inset:0;
  z-index:2600;
  display:flex;
  justify-content:flex-start;
  visibility:hidden;
  opacity:0;
  background:rgba(5,5,4,.44);
  backdrop-filter:blur(7px);
  transition:.3s ease;
}
.jr-sp-mobile-menu.active{visibility:visible;opacity:1}
.jr-sp-mobile-menu__panel{
  width:min(86vw,390px);
  height:100%;
  padding:24px;
  overflow-y:auto;
  background:#fff;
  transform:translateX(-105%);
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.jr-sp-mobile-menu.active .jr-sp-mobile-menu__panel{transform:translateX(0)}
.jr-sp-mobile-menu__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:35px;
}
.jr-sp-mobile-menu__head img{height:46px}
.jr-sp-mobile-menu__head button{
  width:40px;
  height:40px;
  border:0;
  border-radius:12px;
  color:var(--jr-purple);
  background:rgba(53,9,144,.06);
  font-size:27px;
}
.jr-sp-mobile-menu nav{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.jr-sp-mobile-menu nav a{
  padding:14px 12px;
  border-bottom:1px solid rgba(53,9,144,.07);
  color:#282230;
  font-size:15px;
  font-weight:600;
}
.jr-sp-mobile-menu__cta{
  width:100%;
  min-height:52px;
  margin-top:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  color:#fff;
  background:var(--jr-orange);
  font-size:14px;
  font-weight:700;
}

/* BREADCRUMB */
.jr-sp-breadcrumb-wrap{
  padding:27px 0 0;
  background:#fff;
}
.jr-sp-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:#9a94a2;
  font-size:11px;
}
.jr-sp-breadcrumb a{color:#777080}
.jr-sp-breadcrumb a:hover{color:var(--jr-purple)}

/* WOO PRODUCT GRID */
body.single-product div.product{
  width:min(calc(100% - 48px),var(--jr-container))!important;
  max-width:var(--jr-container)!important;
  margin:35px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  column-gap:clamp(40px,6vw,88px);
  align-items:start;
  direction:ltr;
}
body.single-product div.product > *{direction:rtl}

body.single-product .woocommerce-product-gallery{
  width:100%!important;
  float:none!important;
  margin:0!important;
}
body.single-product .woocommerce-product-gallery__wrapper{
  overflow:hidden;
  border:1px solid rgba(53,9,144,.08);
  border-radius:28px;
  background:#180b70;
  box-shadow:0 24px 65px rgba(38,7,102,.10);
}
body.single-product .woocommerce-product-gallery__image{
  background:#180b70;
}
body.single-product .woocommerce-product-gallery__image img{
  display:block;
  width:100%!important;
  height:auto!important;
  object-fit:cover;
  object-position:center;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs{
  display:flex!important;
  gap:10px;
  margin:14px 0 0!important;
  padding:0!important;
  overflow-x:auto;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs li{
  width:72px!important;
  min-width:72px;
  float:none!important;
  list-style:none!important;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs img{
  border:2px solid transparent;
  border-radius:13px;
  opacity:.65;
  transition:.25s ease;
}
body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
body.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover{
  opacity:1;
  border-color:var(--jr-purple);
}
body.single-product .onsale{
  top:18px!important;
  right:18px!important;
  left:auto!important;
  z-index:40;
  min-width:auto!important;
  min-height:34px!important;
  padding:0 13px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:999px!important;
  color:#fff!important;
  background:var(--jr-orange)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
}

/* SUMMARY */
body.single-product .summary{
  width:100%!important;
  float:none!important;
  margin:0!important;
  padding:4px 0 0!important;
}
.jr-sp-category{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:var(--jr-purple);
  font-size:11px;
  font-weight:700;
}
.jr-sp-category::before{
  content:"";
  width:22px;
  height:2px;
  border-radius:20px;
  background:var(--jr-orange);
}
body.single-product .summary .product_title{
  margin:0 0 17px!important;
  color:var(--jr-black);
  font-size:clamp(36px,4.2vw,58px)!important;
  font-weight:700!important;
  line-height:1.24!important;
  letter-spacing:-1.3px;
}
body.single-product .summary .price{
  margin:0 0 18px!important;
  padding:15px 18px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  border-radius:16px;
  background:#f3edff;
}
body.single-product .summary .price ins{
  text-decoration:none!important;
  color:var(--jr-purple)!important;
}
body.single-product .summary .price ins .amount,
body.single-product .summary .price > .amount{
  color:var(--jr-purple)!important;
  font-size:28px!important;
  font-weight:700!important;
}
body.single-product .summary .price del{
  color:#a7a1ac!important;
  opacity:1!important;
}
body.single-product .summary .price del .amount{font-size:14px!important}
body.single-product .woocommerce-product-details__short-description{
  margin:0 0 18px;
  color:var(--jr-muted);
  font-size:13px;
  line-height:1.9;
}

/* PHONE SELECTOR */
.jr-phone-selector{
  margin:20px 0 18px;
  padding:21px;
  border:1px solid var(--jr-border);
  border-radius:21px;
  background:#fff;
  box-shadow:0 13px 40px rgba(38,7,102,.055);
  transition:.25s ease;
}
.jr-phone-selector.has-error{
  border-color:rgba(210,52,52,.40);
  box-shadow:0 13px 40px rgba(210,52,52,.08);
}
.jr-phone-selector__heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:19px;
}
.jr-phone-selector__heading > div > span{
  display:block;
  margin-bottom:3px;
  color:var(--jr-orange);
  font-size:10px;
  font-weight:700;
}
.jr-phone-selector__heading h2{
  margin:0;
  color:var(--jr-black);
  font-size:19px;
  font-weight:700;
}
.jr-phone-selector__required{
  padding:6px 9px;
  border-radius:999px;
  color:var(--jr-purple);
  background:rgba(53,9,144,.06);
  font-size:8px;
  font-weight:600;
  white-space:nowrap;
}
.jr-phone-field + .jr-phone-field{
  margin-top:21px;
  padding-top:20px;
  border-top:1px solid rgba(53,9,144,.07);
}
.jr-phone-field__label{
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.jr-phone-field__label label{
  color:var(--jr-black);
  font-size:12px;
  font-weight:700;
}
.jr-phone-field__label span{
  color:var(--jr-muted);
  font-size:9px;
}
.jr-phone-brands{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.jr-phone-brand{
  min-height:38px;
  padding:0 13px;
  border:1px solid rgba(53,9,144,.14);
  border-radius:11px;
  color:#4f4858;
  background:#fff;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
  transition:.22s ease;
}
.jr-phone-brand:hover{
  transform:translateY(-2px);
  color:var(--jr-purple);
  border-color:rgba(53,9,144,.30);
}
.jr-phone-brand.active{
  color:#fff;
  background:var(--jr-purple);
  border-color:var(--jr-purple);
  box-shadow:0 7px 20px rgba(53,9,144,.16);
}
.jr-phone-all-brands-button{
  margin-top:10px;
  padding:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  color:var(--jr-purple);
  background:transparent;
  cursor:pointer;
  font-size:10px;
  font-weight:700;
}
.jr-phone-all-brands-button svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  transition:.25s ease;
}
.jr-phone-all-brands-button.active svg{transform:rotate(180deg)}
.jr-phone-all-brands{
  margin-top:12px;
  padding:13px;
  border:1px solid rgba(53,9,144,.08);
  border-radius:15px;
  background:#fbfaff;
}
.jr-phone-search-box{position:relative}
.jr-phone-search-box > svg{
  position:absolute;
  top:50%;
  right:14px;
  width:17px;
  height:17px;
  transform:translateY(-50%);
  fill:none;
  stroke:var(--jr-purple);
  stroke-width:1.8;
  pointer-events:none;
}
.jr-phone-search-box input,
.jr-phone-manual input{
  width:100%;
  height:46px;
  padding:0 43px 0 14px;
  border:1px solid rgba(53,9,144,.12);
  outline:none;
  border-radius:12px;
  color:var(--jr-black);
  background:#fff;
  font-size:11px;
  transition:.22s ease;
}
.jr-phone-search-box input:focus,
.jr-phone-manual input:focus{
  border-color:var(--jr-purple);
  box-shadow:0 0 0 3px rgba(53,9,144,.07);
}
.jr-phone-search-box input:disabled{
  cursor:not-allowed;
  background:#f6f4f9;
}
.jr-phone-all-brands__grid{
  max-height:245px;
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  overflow-y:auto;
}
.jr-phone-all-brands__grid .jr-phone-brand{
  width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jr-phone-model-picker{position:relative}
.jr-phone-model-picker.is-disabled{opacity:.55}
#jrClearModelSearch{
  position:absolute;
  top:50%;
  left:10px;
  width:27px;
  height:27px;
  padding:0;
  transform:translateY(-50%);
  border:0;
  border-radius:8px;
  color:var(--jr-muted);
  background:#f2eff6;
  cursor:pointer;
  font-size:18px;
}
.jr-phone-model-results{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  left:0;
  z-index:120;
  max-height:290px;
  padding:7px;
  overflow-y:auto;
  border:1px solid rgba(53,9,144,.11);
  border-radius:14px;
  background:#fff;
  box-shadow:0 18px 45px rgba(38,7,102,.13);
}
.jr-phone-model-option{
  width:100%;
  min-height:42px;
  padding:0 11px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:0;
  border-radius:9px;
  color:#3c3645;
  background:transparent;
  cursor:pointer;
  text-align:right;
  font-size:10px;
  font-weight:600;
  transition:.2s ease;
}
.jr-phone-model-option:hover{
  color:var(--jr-purple);
  background:#f5f0ff;
}
.jr-phone-model-option svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  transform:rotate(180deg);
}
.jr-phone-model-results__empty{
  padding:16px 12px;
  text-align:center;
}
.jr-phone-model-results__empty strong{
  display:block;
  color:var(--jr-black);
  font-size:11px;
}
.jr-phone-model-results__empty span{
  display:block;
  margin-top:4px;
  color:var(--jr-muted);
  font-size:9px;
}
.jr-phone-model-results__more{
  padding:9px 10px;
  border-top:1px solid rgba(53,9,144,.06);
  color:var(--jr-muted);
  text-align:center;
  font-size:8px;
}
.jr-phone-manual-toggle{
  margin-top:9px;
  padding:0;
  border:0;
  color:var(--jr-muted);
  background:transparent;
  cursor:pointer;
  font-size:9px;
}
.jr-phone-manual-toggle strong{color:var(--jr-purple)}
.jr-phone-manual-toggle:disabled{opacity:.45;cursor:not-allowed}
.jr-phone-manual{margin-top:10px}
.jr-phone-manual input{padding:0 14px}
.jr-phone-manual small{
  display:block;
  margin-top:5px;
  color:var(--jr-muted);
  font-size:8px;
}
.jr-phone-device-summary{
  margin-top:17px;
  padding:12px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(53,9,144,.10);
  border-radius:13px;
  background:#f6f1ff;
}
.jr-phone-device-summary__icon{
  width:33px;
  height:33px;
  flex:0 0 33px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  color:#fff;
  background:var(--jr-purple);
  font-size:14px;
  font-weight:700;
}
.jr-phone-device-summary > div{min-width:0;flex:1}
.jr-phone-device-summary small{
  display:block;
  color:var(--jr-muted);
  font-size:8px;
}
.jr-phone-device-summary strong{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:var(--jr-black);
  font-size:10px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.jr-phone-device-summary button{
  padding:4px 0;
  border:0;
  color:var(--jr-purple);
  background:transparent;
  cursor:pointer;
  font-size:9px;
  font-weight:700;
}
.jr-phone-selector__error{
  margin-top:11px;
  padding:10px 12px;
  border:1px solid rgba(215,57,57,.16);
  border-radius:10px;
  color:#b42d2d;
  background:#fff5f5;
  font-size:10px;
  font-weight:600;
}

/* ADD TO CART */
body.single-product form.cart{
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:125px minmax(0,1fr);
  gap:11px;
}
body.single-product form.cart .quantity{
  width:125px!important;
  min-height:52px;
  margin:0!important;
  display:grid!important;
  grid-template-columns:36px 1fr 36px;
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(53,9,144,.12);
  border-radius:13px;
  background:#fbfaff;
}
body.single-product form.cart .quantity input.qty{
  width:100%!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  color:var(--jr-black);
  background:transparent!important;
  box-shadow:none!important;
  text-align:center;
  font-size:12px;
  font-weight:700;
  -moz-appearance:textfield;
}
body.single-product form.cart .quantity input.qty::-webkit-inner-spin-button,
body.single-product form.cart .quantity input.qty::-webkit-outer-spin-button{
  margin:0;
  -webkit-appearance:none;
}
.jr-qty-button{
  width:36px;
  height:50px;
  padding:0;
  border:0;
  color:var(--jr-purple);
  background:transparent;
  cursor:pointer;
  font-size:18px;
  transition:.2s ease;
}
.jr-qty-button:hover{color:#fff;background:var(--jr-purple)}
body.single-product .single_add_to_cart_button{
  min-height:52px!important;
  margin:0!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(90deg,var(--jr-purple-2),var(--jr-purple))!important;
  box-shadow:0 11px 29px rgba(53,9,144,.17)!important;
  font-size:13px!important;
  font-weight:700!important;
  transition:.25s ease!important;
}
body.single-product .single_add_to_cart_button:hover{
  transform:translateY(-2px);
  background:var(--jr-orange)!important;
  box-shadow:0 14px 34px rgba(254,126,0,.25)!important;
}
.jr-product-trust{
  grid-column:1/-1;
  margin-top:4px;
  padding:11px 12px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  border:1px solid rgba(53,9,144,.07);
  border-radius:13px;
  background:#faf8fd;
}
.jr-product-trust div{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#716a7a;
  font-size:8px;
  font-weight:600;
}
.jr-product-trust span{color:var(--jr-purple);font-size:11px}

/* META */
body.single-product .product_meta{
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid rgba(53,9,144,.07);
  color:var(--jr-muted);
  font-size:10px;
}
body.single-product .product_meta a{color:var(--jr-purple);font-weight:600}

/* PRODUCT TABS */
body.single-product .woocommerce-tabs{
  grid-column:1/-1;
  width:100%;
  margin:75px 0 0!important;
  padding:0!important;
}
body.single-product .woocommerce-tabs ul.tabs{
  margin:0 0 24px!important;
  padding:0!important;
  display:flex;
  gap:8px;
  border:0!important;
}
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{display:none!important}
body.single-product .woocommerce-tabs ul.tabs li{
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(53,9,144,.10)!important;
  border-radius:11px!important;
  background:#fff!important;
}
body.single-product .woocommerce-tabs ul.tabs li a{
  padding:10px 16px!important;
  color:var(--jr-muted)!important;
  font-size:10px;
  font-weight:700!important;
}
body.single-product .woocommerce-tabs ul.tabs li.active{
  border-color:var(--jr-purple)!important;
  background:var(--jr-purple)!important;
}
body.single-product .woocommerce-tabs ul.tabs li.active a{color:#fff!important}
body.single-product .woocommerce-Tabs-panel{
  padding:27px!important;
  border:1px solid rgba(53,9,144,.08);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 40px rgba(38,7,102,.04);
}
body.single-product .woocommerce-Tabs-panel h2{
  margin-top:0;
  color:var(--jr-black);
  font-size:24px;
  font-weight:700;
}

/* RELATED PRODUCTS */
body.single-product .related.products{
  grid-column:1/-1;
  width:100%;
  margin:65px 0 95px!important;
}
body.single-product .related.products > h2{
  margin:0 0 27px;
  color:var(--jr-black);
  font-size:clamp(28px,3.5vw,43px);
  font-weight:700;
}
body.single-product .related.products ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
}
body.single-product .related.products li.product{
  width:100%!important;
  margin:0!important;
  padding:0 0 18px!important;
  overflow:hidden;
  border:1px solid rgba(53,9,144,.08);
  border-radius:18px;
  background:#fff;
  transition:.3s ease;
}
body.single-product .related.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 45px rgba(38,7,102,.09);
}
body.single-product .related.products li.product img{
  width:100%!important;
  aspect-ratio:1/1.08;
  margin:0 0 15px!important;
  object-fit:cover;
  background:#180b70;
}
body.single-product .related.products .woocommerce-loop-product__title{
  min-height:48px;
  margin:0!important;
  padding:0 14px!important;
  color:var(--jr-black);
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.7;
}
body.single-product .related.products .price{
  margin:8px 0 12px!important;
  padding:0 14px;
  color:var(--jr-purple)!important;
  font-size:12px!important;
  font-weight:700!important;
}
body.single-product .related.products .button{
  width:calc(100% - 28px);
  min-height:42px;
  margin:0 14px!important;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:11px!important;
  color:#fff!important;
  background:var(--jr-purple)!important;
  font-size:10px!important;
  font-weight:700!important;
}

/* FOOTER */
.jr-sp-footer{
  padding:72px 0 25px;
  color:rgba(255,255,255,.74);
  background:#08020e;
}
.jr-sp-footer__grid{
  display:grid;
  grid-template-columns:minmax(300px,1.7fr) repeat(3,minmax(150px,1fr));
  gap:55px;
}
.jr-sp-footer__logo{
  display:inline-flex;
  margin-bottom:20px;
}
.jr-sp-footer__logo img{height:64px;width:auto}
.jr-sp-footer__brand p{
  max-width:390px;
  margin:0;
  color:rgba(255,255,255,.56);
  font-size:13px;
  line-height:1.95;
}
.jr-sp-footer__column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
}
.jr-sp-footer__column h3{
  margin:0 0 8px;
  color:#fff;
  font-size:15px;
}
.jr-sp-footer__column a{
  color:rgba(255,255,255,.52);
  font-size:12px;
}
.jr-sp-footer__column a:hover{color:var(--jr-orange)}
.jr-sp-footer__bottom{
  margin-top:58px;
  padding-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.37);
  font-size:11px;
}

/* TABLET */
@media(max-width:1000px){
  .jr-sp-nav,.jr-sp-header__actions{display:none}
  .jr-sp-menu-button{display:block}
  body.single-product div.product{
    grid-template-columns:1fr!important;
    gap:34px;
  }
  body.single-product .woocommerce-product-gallery,
  body.single-product .summary{
    max-width:720px;
    margin-inline:auto!important;
  }
  body.single-product .related.products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .jr-sp-footer__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .jr-sp-footer__brand{grid-column:1/-1}
}

/* MOBILE */
@media(max-width:767px){
  body.admin-bar .jr-sp-header{top:46px}
  .jr-sp-container,
  body.single-product div.product{
    width:min(calc(100% - 28px),var(--jr-container))!important;
  }
  .jr-sp-header{height:68px}
  .jr-sp-logo img{height:42px}
  .jr-sp-breadcrumb-wrap{padding-top:18px}
  body.single-product div.product{margin-top:22px!important}
  body.single-product .woocommerce-product-gallery__wrapper{border-radius:19px}
  body.single-product .summary .product_title{
    font-size:32px!important;
    margin-bottom:12px!important;
  }
  body.single-product .summary .price{
    padding:13px 14px;
    border-radius:13px;
  }
  body.single-product .summary .price ins .amount,
  body.single-product .summary .price > .amount{font-size:22px!important}
  .jr-phone-selector{
    padding:16px 13px;
    border-radius:17px;
  }
  .jr-phone-selector__heading{
    flex-direction:column;
    gap:8px;
  }
  .jr-phone-brands{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:3px;
    scrollbar-width:none;
  }
  .jr-phone-brands::-webkit-scrollbar{display:none}
  .jr-phone-brand{flex:0 0 auto}
  .jr-phone-all-brands__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.single-product form.cart{
    grid-template-columns:110px minmax(0,1fr);
    gap:8px;
  }
  body.single-product form.cart .quantity{
    width:110px!important;
    grid-template-columns:32px 1fr 32px;
  }
  .jr-qty-button{width:32px}
  body.single-product .single_add_to_cart_button{
    padding-inline:11px!important;
    font-size:11px!important;
  }
  .jr-product-trust{grid-template-columns:1fr}
  .jr-product-trust div{justify-content:flex-start}
  body.single-product .woocommerce-tabs{margin-top:52px!important}
  body.single-product .woocommerce-Tabs-panel{
    padding:18px 13px!important;
    border-radius:15px;
  }
  body.single-product .related.products{margin-top:48px!important}
  body.single-product .related.products ul.products{gap:10px!important}
  body.single-product .related.products li.product{border-radius:14px}
  .jr-sp-footer{padding-top:55px}
  .jr-sp-footer__grid{
    grid-template-columns:1fr;
    gap:35px;
  }
  .jr-sp-footer__brand{grid-column:auto}
  .jr-sp-footer__bottom{
    margin-top:40px;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
}

@media(max-width:380px){
  body.single-product form.cart{grid-template-columns:1fr}
  body.single-product form.cart .quantity{width:100%!important}
}

    
/* =========================================================
   JRABAWY — MOBILE / TABLET RESPONSIVE FIX v2
   Fixes:
   - giant product image on phones
   - horizontal overflow
   - product info pushed too far down
   - brand/model selector overflow
   - related products escaping viewport
   - duplicate Woo breadcrumb
========================================================= */

/* Never allow any single-product child to expand the viewport */
body.single-product,
body.single-product #page,
body.single-product .site,
body.single-product .site-content,
body.single-product .content-area,
body.single-product main,
body.single-product div.product,
body.single-product div.product > *,
body.single-product .summary,
body.single-product .woocommerce-product-gallery,
body.single-product .woocommerce-tabs,
body.single-product .related.products,
body.single-product ul.products,
body.single-product li.product {
  min-width: 0 !important;
  max-width: 100%;
}

body.single-product {
  overflow-x: hidden !important;
}

/* We already render our own breadcrumb */
body.single-product .woocommerce-breadcrumb {
  display: none !important;
}

/* Gallery: keep portrait source images inside a predictable card */
/*
 * FlexSlider owns the wrapper/slide widths.
 * Do NOT force .woocommerce-product-gallery__wrapper or each slide to 100%.
 * Doing that makes the first image visible but pushes later gallery images
 * outside the FlexSlider viewport when a thumbnail is selected.
 */
body.single-product .woocommerce-product-gallery__image > a {
  width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

body.single-product .woocommerce-product-gallery__image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* Selector safety */
.jr-phone-selector,
.jr-phone-field,
.jr-phone-model-picker,
.jr-phone-search-box,
.jr-phone-all-brands {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.jr-phone-field__label > * {
  min-width: 0;
}

.jr-phone-field__label span {
  max-width: 58%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jr-phone-search-box input,
.jr-phone-manual input {
  min-width: 0 !important;
  max-width: 100% !important;
}

.jr-phone-model-results {
  max-width: 100%;
}

/* Related products hard reset against theme widths/floats */
body.single-product .related.products ul.products {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .related.products ul.products::before,
body.single-product .related.products ul.products::after {
  display: none !important;
}

body.single-product .related.products li.product {
  float: none !important;
  clear: none !important;
  min-width: 0 !important;
  max-width: none !important;
}


/* -------------------------
   TABLET
-------------------------- */
@media (max-width: 1000px) {

  .jr-sp-container,
  body.single-product div.product {
    width: min(calc(100% - 32px), 760px) !important;
  }

  body.single-product div.product {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    margin-top: 24px !important;
  }

  /* Product first, then information */
  body.single-product .woocommerce-product-gallery {
    order: 1;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
  }

  body.single-product .summary {
    order: 2;
    width: 100% !important;
    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.single-product .woocommerce-tabs {
    order: 3;
    width: 100% !important;
  }

  body.single-product .related.products {
    order: 4;
    width: 100% !important;
  }

  body.single-product .related.products ul.products {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}


/* -------------------------
   MOBILE
-------------------------- */
@media (max-width: 767px) {

  .jr-sp-container,
  body.single-product div.product {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }

  .jr-sp-header {
    height: 64px !important;
  }

  .jr-sp-header__inner {
    gap: 12px !important;
  }

  .jr-sp-logo img {
    height: 39px !important;
    max-width: 145px;
  }

  .jr-sp-menu-button {
    width: 39px !important;
    height: 39px !important;
    flex: 0 0 39px;
  }

  .jr-sp-breadcrumb-wrap {
    padding: 13px 0 0 !important;
  }

  .jr-sp-breadcrumb {
    gap: 5px !important;
    font-size: 9px !important;
    line-height: 1.7;
  }

  body.single-product div.product {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-top: 15px !important;
  }

  /* Product image card */
  body.single-product .woocommerce-product-gallery {
    order: 1;
    width: 100% !important;
    max-width: none !important;
  }

  /*
   * FlexSlider-safe mobile gallery.
   * The viewport gets the visual card styling while WooCommerce keeps full
   * control over wrapper/slide widths and transforms.
   */
  body.single-product .woocommerce-product-gallery .flex-viewport {
    width: 100% !important;
    border: 1px solid rgba(53,9,144,.08) !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #180b70 !important;
  }

  body.single-product .woocommerce-product-gallery__wrapper {
    min-height: 0 !important;
    max-height: none !important;
  }

  body.single-product .woocommerce-product-gallery__image {
    min-height: 0 !important;
  }

  body.single-product .woocommerce-product-gallery__image > a {
    width: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.single-product .woocommerce-product-gallery__image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    width: 100% !important;
    gap: 8px !important;
    margin-top: 9px !important;
    padding-bottom: 2px !important;
    overflow-x: auto !important;
    scroll-snap-type: x proximity;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    width: 58px !important;
    min-width: 58px !important;
    scroll-snap-align: start;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
    width: 58px !important;
    height: 58px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
  }

  body.single-product .onsale {
    top: 12px !important;
    right: 12px !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    font-size: 9px !important;
  }

  /* Summary must be compact and readable */
  body.single-product .summary {
    order: 2;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 4px 0 0 !important;
  }

  .jr-sp-category {
    margin-bottom: 7px !important;
    font-size: 10px !important;
  }

  body.single-product .summary .product_title {
    margin: 0 0 11px !important;
    font-size: 27px !important;
    line-height: 1.35 !important;
    letter-spacing: -.5px !important;
  }

  body.single-product .summary .price {
    width: 100%;
    margin-bottom: 14px !important;
    padding: 12px 13px !important;
    gap: 7px !important;
  }

  body.single-product .summary .price ins .amount,
  body.single-product .summary .price > .amount {
    font-size: 21px !important;
  }

  body.single-product .summary .price del .amount {
    font-size: 12px !important;
  }

  body.single-product .woocommerce-product-details__short-description {
    margin-bottom: 13px !important;
    font-size: 11px !important;
    line-height: 1.8 !important;
  }

  /* Phone selector */
  .jr-phone-selector {
    width: 100% !important;
    margin: 14px 0 13px !important;
    padding: 14px 12px !important;
    border-radius: 16px !important;
  }

  .jr-phone-selector__heading {
    margin-bottom: 15px !important;
    gap: 6px !important;
  }

  .jr-phone-selector__heading h2 {
    font-size: 17px !important;
  }

  .jr-phone-selector__required {
    padding: 5px 8px !important;
    font-size: 7px !important;
  }

  .jr-phone-field + .jr-phone-field {
    margin-top: 16px !important;
    padding-top: 15px !important;
  }

  .jr-phone-field__label {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .jr-phone-field__label label {
    font-size: 11px !important;
  }

  .jr-phone-field__label span {
    max-width: 55%;
    font-size: 8px !important;
    text-align: left;
  }

  /* Keep brand chips inside screen */
  .jr-phone-brands {
    width: 100%;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .jr-phone-brand {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 0 5px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 8px !important;
  }

  .jr-phone-all-brands__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-height: 225px !important;
  }

  .jr-phone-search-box input,
  .jr-phone-manual input {
    height: 44px !important;
    padding-right: 39px !important;
    font-size: 10px !important;
  }

  .jr-phone-model-results {
    max-height: 245px !important;
    border-radius: 12px !important;
  }

  .jr-phone-model-option {
    min-height: 40px !important;
    padding-inline: 9px !important;
    font-size: 9px !important;
  }

  .jr-phone-device-summary {
    width: 100%;
    padding: 10px !important;
  }

  .jr-phone-device-summary strong {
    max-width: 100%;
    font-size: 9px !important;
  }

  /* Add to cart */
  body.single-product form.cart {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  body.single-product form.cart .quantity {
    width: 104px !important;
    min-width: 0 !important;
    grid-template-columns: 30px 1fr 30px !important;
  }

  .jr-qty-button {
    width: 30px !important;
  }

  body.single-product .single_add_to_cart_button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 9px !important;
    font-size: 11px !important;
  }

  .jr-product-trust {
    width: 100%;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr !important;
    gap: 4px !important;
    padding: 10px !important;
  }

  .jr-product-trust div {
    min-height: 25px;
    justify-content: flex-start !important;
    font-size: 8px !important;
  }

  body.single-product .product_meta {
    width: 100%;
    margin-top: 13px !important;
    padding-top: 12px !important;
    font-size: 9px !important;
  }

  /* Product tabs */
  body.single-product .woocommerce-tabs {
    order: 3;
    width: 100% !important;
    margin-top: 35px !important;
  }

  body.single-product .woocommerce-tabs ul.tabs {
    width: 100%;
    gap: 6px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
  }

  body.single-product .woocommerce-tabs ul.tabs li {
    flex: 0 0 auto;
  }

  body.single-product .woocommerce-Tabs-panel {
    width: 100% !important;
    padding: 15px 12px !important;
  }

  /* Related products: one clean card per row on narrow phones */
  body.single-product .related.products {
    order: 4;
    width: 100% !important;
    margin: 42px 0 60px !important;
    overflow: hidden !important;
  }

  body.single-product .related.products > h2 {
    margin-bottom: 18px !important;
    font-size: 25px !important;
  }

  body.single-product .related.products ul.products {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.single-product .related.products li.product {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-radius: 15px !important;
  }

  body.single-product .related.products li.product a {
    width: 100%;
  }

  body.single-product .related.products li.product img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    max-height: none !important;
    object-fit: cover !important;
  }

  body.single-product .related.products .woocommerce-loop-product__title {
    min-height: 0 !important;
    padding-inline: 12px !important;
    font-size: 11px !important;
  }

  body.single-product .related.products .price {
    padding-inline: 12px !important;
    font-size: 11px !important;
  }

  body.single-product .related.products .button {
    width: calc(100% - 24px) !important;
    margin: 0 12px !important;
  }

  /* Footer */
  .jr-sp-footer {
    padding-top: 45px !important;
  }

  .jr-sp-footer__grid {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .jr-sp-footer__brand {
    grid-column: auto !important;
  }

  .jr-sp-footer__logo img {
    height: 54px !important;
  }

  .jr-sp-footer__brand p {
    font-size: 11px !important;
  }

  .jr-sp-footer__bottom {
    margin-top: 32px !important;
    padding-top: 17px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    font-size: 9px !important;
  }
}


/* Tiny devices */
@media (max-width: 390px) {

  .jr-phone-brands {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.single-product form.cart {
    grid-template-columns: 1fr !important;
  }

  body.single-product form.cart .quantity {
    width: 100% !important;
    grid-template-columns: 40px 1fr 40px !important;
  }

  .jr-qty-button {
    width: 40px !important;
  }

  body.single-product .single_add_to_cart_button {
    width: 100% !important;
  }
}


/* =========================================================
   JRABAWY CORE v1.5.2 — MULTI-IMAGE PRODUCT GALLERY FIX
========================================================= */

/*
 * WooCommerce's product gallery uses FlexSlider. FlexSlider calculates and
 * writes wrapper/slide widths and transforms dynamically. Never override
 * those calculated widths with width:100%!important.
 */
body.single-product .woocommerce-product-gallery .flex-viewport{
    width:100%;
    max-width:100%;
    overflow:hidden;
}

body.single-product .woocommerce-product-gallery__wrapper{
    max-width:none!important;
}

body.single-product .woocommerce-product-gallery__image{
    max-width:none!important;
}

/* Keep the clickable image itself fitted inside whichever slide is active. */
body.single-product .woocommerce-product-gallery__image > a{
    max-width:100%;
}

body.single-product .woocommerce-product-gallery__image img{
    display:block!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
}

/* Thumbnails remain usable with many images. */
body.single-product .woocommerce-product-gallery .flex-control-thumbs{
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .flex-control-thumbs img{
    flex:0 0 auto;
}

/* Single-image products still keep the rounded visual card. */
body.single-product .woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper{
    overflow:hidden;
    border:1px solid rgba(53,9,144,.08);
    border-radius:28px;
    background:#180b70;
}

@media (max-width:767px){
    body.single-product .woocommerce-product-gallery:not(.flexslider) .woocommerce-product-gallery__wrapper{
        border-radius:18px;
    }

    body.single-product .woocommerce-product-gallery .flex-control-thumbs{
        display:flex!important;
        flex-wrap:nowrap!important;
        width:100%!important;
        max-width:100%!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
    }
}


/* =========================================================
   JRABAWY CORE v1.5.5 — ADD TO CART ALIGNMENT
========================================================= */

/*
 * Desired hierarchy:
 *      quantity counter
 *      Add to cart button
 *      trust strip
 *
 * Keep both controls centered, with deliberate breathing room.
 */
body.single-product form.cart{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center!important;
    align-items:center!important;
    gap:13px!important;
    padding:4px 0 0!important;
}

body.single-product form.cart .quantity{
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    min-height:54px!important;
    margin:0 auto!important;
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    border-radius:15px!important;
}

body.single-product form.cart .quantity input.qty{
    height:52px!important;
    font-size:14px!important;
}

body.single-product form.cart .jr-qty-button{
    width:40px!important;
    height:52px!important;
}

body.single-product .single_add_to_cart_button{
    width:auto!important;
    min-width:210px!important;
    max-width:min(100%,280px)!important;
    min-height:54px!important;
    margin:0 auto!important;
    padding:0 30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:15px!important;
    font-size:13px!important;
    line-height:1.2!important;
    text-align:center!important;
}

body.single-product .jr-product-trust{
    width:100%!important;
    grid-column:1!important;
    margin-top:1px!important;
}

@media (max-width:767px){
    body.single-product form.cart{
        gap:11px!important;
        padding-top:3px!important;
    }

    body.single-product form.cart .quantity{
        width:150px!important;
        min-width:150px!important;
        max-width:150px!important;
        min-height:52px!important;
        grid-template-columns:38px minmax(0,1fr) 38px!important;
    }

    body.single-product form.cart .jr-qty-button{
        width:38px!important;
        height:50px!important;
    }

    body.single-product .single_add_to_cart_button{
        width:min(100%,260px)!important;
        min-width:0!important;
        min-height:52px!important;
        padding:0 24px!important;
        font-size:13px!important;
    }
}

@media (max-width:390px){
    body.single-product form.cart .quantity{
        width:146px!important;
        min-width:146px!important;
        max-width:146px!important;
    }

    body.single-product .single_add_to_cart_button{
        width:min(100%,250px)!important;
    }
}