.fj-mc2-rating .stars {
   color: #f59e0b;
   font-size: 12px;
   letter-spacing: 1px
}

.fj-mc2-rating .rt {
   font-size: 11px;
   color: #5a5a5a
}

.fj-mc2-price {
   display: flex;
   gap: 8px;
   align-items: baseline;
   margin-bottom: 10px
}

.fj-mc2-price .ProductPrice {
   font-family: 'Oswald', sans-serif !important;
   font-size: 16px !important;
   font-weight: 600 !important;
   color: #00174f !important;
   font-style: normal !important
}

.fj-mc2-price .fj-mc2-pp {
   font-size: 12px !important;
   color: #af0303 !important
}

.fj-mc2-qtyrow {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px
}

.fj-mc2-qtytxt {
   font-size: 12px;
   color: #5a5a5a
}

.fj-mc2-qtytxt b {
   color: #111
}

.fj-mc2-edit {
   font-size: 11px;
   color: #5a5a5a;
   text-decoration: underline;
   text-underline-offset: 2px
}

.fj-mc2-edit:hover {
   color: #cc0c2f
}

.fj-mc2-trust {
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 11px 18px;
   border-bottom: 1px solid #e2e2e2;
   background: #f6f6f6
}

.fj-mc2-trust .ti {
   display: flex;
   align-items: center;
   gap: 5px
}

.fj-mc2-trust .ti span {
   font-size: 10.5px;
   color: #5a5a5a
}

.fj-mc2-trust .tsep {
   width: 1px;
   height: 20px;
   background: #e2e2e2
}

.fj-mc2-foot {
   flex-shrink: 0;
   padding: 16px 18px 18px;
   background: #fff
}

.fj-mc2-sub {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   margin-bottom: 14px
}

.fj-mc2-sub .lbl {
   font-size: 13px;
   color: #5a5a5a
}

.fj-mc2-sub .val .ProductPrice {
   font-family: 'Oswald', sans-serif !important;
   font-size: 19px !important;
   font-weight: 600 !important;
   color: #cc0c2f !important;
   font-style: normal !important
}

.fj-mc2-express {
   margin-bottom: 6px
}

.fj-mc2-express-lbl {
   text-align: center;
   font-size: 10.5px;
   color: #a8a8a8;
   letter-spacing: .08em;
   text-transform: uppercase;
   margin-bottom: 10px;
   position: relative
}

.fj-mc2-express-lbl span {
   background: #fff;
   padding: 0 10px;
   position: relative;
   z-index: 1
}

.fj-mc2-express-lbl:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   height: 1px;
   background: #e2e2e2
}

.fj-mc2-express img,
.fj-mc2-express input {
   max-width: 100% !important;
   max-height: 44px;
   display: block;
   margin: 2px auto
}

.fj-mc2-or {
   text-align: center;
   font-size: 11px;
   color: #a8a8a8;
   margin: 12px 0;
   position: relative
}

.fj-mc2-or span {
   background: #fff;
   padding: 0 10px;
   position: relative;
   z-index: 1
}

.fj-mc2-or:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   height: 1px;
   background: #e2e2e2
}

.fj-mc2-checkout {
   width: 100%;
   height: 50px;
   background: #cc0c2f;
   color: #fff;
   border: none;
   border-radius: 8px;
   font-family: 'Oswald', sans-serif;
   font-size: 14px;
   font-weight: 500;
   letter-spacing: .06em;
   text-transform: uppercase;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   transition: background .15s;
   text-decoration: none
}

.fj-mc2-checkout:hover {
   background: #a80926;
   color: #fff
}

.fj-mc2-pay {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   margin: 13px 0 12px;
   flex-wrap: wrap
}

.fj-mc2-pay span {
   height: 22px;
   padding: 2px 7px;
   border: 1px solid #e2e2e2;
   border-radius: 4px;
   font-size: 9px;
   font-weight: 600;
   color: #5a5a5a;
   display: flex;
   align-items: center;
   letter-spacing: .03em
}

.fj-mc2-continue {
   display: block;
   width: 100%;
   text-align: center;
   font-size: 12.5px;
   color: #5a5a5a;
   cursor: pointer;
   text-decoration: underline;
   text-underline-offset: 2px;
   background: none;
   border: none;
   font-family: 'Work Sans', sans-serif
}

.fj-mc2-continue:hover {
   color: #111
}

.fj-mc2 .yourcart-items {
   padding: 0 !important;
   margin: 0 !important;
   display: block !important
}

.fj-mc2 .top-notification {
   display: none !important
}

.fj-mc2 .cartcontent-items {
   padding: 0 !important;
   margin: 0 !important
}

.fj-sc-item {
   padding: 16px 18px;
   display: flex;
   gap: 14px;
   border-bottom: 1px solid #e2e2e2;
   align-items: flex-start
}

.fj-sc-thumb {
   width: 70px;
   flex-shrink: 0
}

.fj-sc-thumb img {
   width: 70px !important;
   height: auto !important;
   border-radius: 8px;
   background: #f4f4f4;
   display: block;
   margin: 0 !important
}

.fj-sc-thumb a {
   display: block
}

.fj-sc-info {
   flex: 1;
   min-width: 0
}

.fj-sc-name a,
.fj-sc-name {
   font-size: 13px !important;
   font-weight: 600 !important;
   color: #111 !important;
   line-height: 1.4;
   text-decoration: none
}

.fj-sc-opts {
   font-size: 11.5px;
   color: #5a5a5a;
   margin: 3px 0
}

.fj-sc-opts br {
   display: none
}

.fj-sc-opts small {
   font-size: 11.5px
}

.fj-sc-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   margin-top: 7px
}

.fj-sc-qty {
   font-size: 12px;
   color: #5a5a5a
}

.fj-sc-qty b {
   color: #111
}

.fj-sc-price .ProductPrice {
   font-family: 'Oswald', sans-serif !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   color: #00174f !important;
   font-style: normal !important
}

.fj-sc-disc {
   margin-top: 5px
}

.fj-sc-disc:empty {
   display: none
}

.fj-sc-disc .p_customizelabel {
   font-size: 10px;
   color: #cc0c2f;
   font-weight: 600;
   background: #fde8ec;
   padding: 2px 7px;
   border-radius: 3px
}

.fj-mc2-editcart {
   display: block;
   text-align: center;
   font-size: 12px;
   color: #00174f;
   text-decoration: underline;
   text-underline-offset: 2px;
   margin: 12px 0 8px
}

.fj-mc2-editcart:hover {
   color: #cc0c2f
}

.fj-mc2-added {
   display: flex;
   align-items: center;
   gap: 7px;
   padding: 12px 18px 4px;
   font-size: 12px;
   font-weight: 600;
   color: #1f8a5b
}

.fj-mc2-added .tick {
   width: 18px;
   height: 18px;
   border-radius: 50%;
   background: #1f8a5b;
   color: #fff;
   font-size: 10px;
   display: flex;
   align-items: center;
   justify-content: center
}

.fj-mc2-pp {
   font-size: 12px !important;
   color: #af0303 !important
}

.fj-pdp-main {
   display: block;
   width: 100%;
   max-width: 100%
}

.fj-pdpbody .review-bottom {
   max-width: 1280px !important;
   margin: 16px auto !important;
   width: auto !important;
   float: none !important
}

.fj-pdpbody .Product-Sidepanel {
   max-width: 1280px !important;
   margin: 0 auto !important;
   padding: 0 20px !important;
   float: none !important;
   width: auto !important
}

.fj-pdp-var {
   display: inline-flex;
   align-items: center;
   gap: 11px;
   flex-wrap: wrap
}

.fj-pdp-var .SalePrice {
   font-family: 'Oswald', sans-serif !important;
   font-size: 32px !important;
   font-weight: 600 !important;
   color: #00174f !important;
   order: 1;
   line-height: 1 !important;
   font-style: normal !important
}

.fj-pdp-var del,
.fj-pdp-var .RetailPrice,
.fj-pdp-var strike {
   font-family: 'Work Sans', sans-serif !important;
   font-size: 17px !important;
   color: #999 !important;
   font-weight: 400 !important;
   text-decoration: line-through !important;
   order: 2
}

@media(max-width:768px) {

   html,
   body,
   .fj-pdpbody {
      overflow-x: hidden !important;
      max-width: 100vw
   }

   .fj-pdpbody #Container,
   .fj-pdpbody #Wrapper,
   .fj-pdpbody #Outer,
   .fj-pdpbody .Content,
   .fj-pdpbody #LayoutColumn2,
   .fj-pdpbody .Product-Sidepanel,
   .fj-pdp-main,
   .fj-pdp-page,
   .fj-pdp {
      min-width: 0 !important;
      max-width: 100% !important;
      width: auto !important;
      overflow-x: hidden
   }

   .fj-pdp {
      padding: 14px 14px 40px !important;
      gap: 22px !important
   }

   .fj-pdp-info,
   .fj-pdp-info .ProductDetailsGrid {
      min-width: 0 !important;
      max-width: 100% !important;
      margin: 0 !important
   }

   .fj-pdp-info [style*="min-width"],
   .fj-pdp [style*="min-width"],
   .fj-pdpbody [style*="min-width: 456"] {
      min-width: 0 !important
   }

   .fj-pdp-title {
      font-size: 23px !important;
      line-height: 1.15 !important;
      word-break: break-word
   }

   .fj-pdp-now,
   .fj-pdp-var,
   .fj-pdp-var .SalePrice,
   .fj-pdp-var>* {
      font-size: 26px !important
   }

   .fj-pdp-rating,
   .fj-pdp-priceblock,
   .fj-pdp-fit-top,
   .fj-pdp-fit-legend,
   .fj-pdp-pay {
      flex-wrap: wrap !important
   }

   .fj-pdp-prov {
      padding: 0 14px !important;
      gap: 22px !important
   }

   .fj-pdp-desc {
      padding: 0 14px !important
   }

   .fj-pdpbody .review-container,
   .fj-pdpbody .grid-2fr,
   .fj-pdpbody .d-f-2fr,
   .fj-pdpbody .reviewgrid {
      grid-template-columns: 1fr !important
   }

   .fj-pdpbody .main-review,
   .fj-pdpbody .review-bottom {
      max-width: 100% !important;
      width: auto !important;
      margin: 0 auto !important;
      padding: 0 0px !important
   }

   .fj-pdpbody .review-container [style*="min-width"],
   .fj-pdpbody .base-uspcontainer,
   .fj-pdpbody .base-main-container {
      min-width: 0 !important;
      max-width: 100% !important;
      width: auto !important
   }

   .fj-pdpbody .Product-card-grid-list {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 12px !important
   }

   .fj-pdpbody #LayoutColumn2,
   .fj-pdpbody .Product-Sidepanel {
      padding: 0 14px !important
   }

   .fj-pdpbody img:not(.pswp__img) {
      max-width: 100% !important;
   }

   .fj-pdpbody table {
      max-width: 100% !important;
      display: block;
      overflow-x: auto
   }
}

.fj-cartbody .cartBodycontent {
   width: 100%;
   max-width: 1440px;
   box-sizing: border-box
}

.fj-cartbody .cart-full-container,
.fj-cartbody .cart-main-body {
   max-width: 100%;
   overflow-x: clip
}

.fj-cartbody .carth2-heading {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   color: #00174f;
   text-transform: uppercase;
   letter-spacing: .01em
}

.fj-cartbody .order-summary__title {
   font-family: 'Oswald', sans-serif;
   color: #00174f
}

.fj-cartbody .order-summary__row--total .ProductPrice.strong,
.fj-cartbody .main-cart-content .CartItemTotalPrice .ProductPrice:first-of-type {
   font-family: 'Oswald', sans-serif
}

.fj-cartbody .btn--checkout {
   font-family: 'Oswald', sans-serif;
   letter-spacing: .02em
}

.fj-cartbody .main-cart-content .cart-card {
   border-color: #e2e2e2
}

.fj-cartbody .order-summary {
   border-color: #e2e2e2
}

@media (max-width:768px) {

   .fj-cartbody .cart-page,
   .fj-cartbody .cartGrid {
      display: block !important
   }

   .fj-cartbody .cart-page>.item2,
   .fj-cartbody .cart-page>.order-summary {
      width: 100% !important;
      max-width: 100% !important;
      float: none !important
   }

   .fj-cartbody .order-summary {
      max-width: none !important;
      width: 100% !important;
      margin-top: 20px;
      padding: 18px
   }

   .fj-cartbody #CartContent,
   .fj-cartbody .main-cart-content {
      width: 100% !important
   }

   .fj-cartbody .main-cart-content .cart-card,
   .fj-cartbody .main-cart-content .cart-tbody,
   .fj-cartbody .main-cart-content .cart-tbody tr,
   .fj-cartbody .main-cart-content .cart-tbody td {
      display: block;
      width: 100% !important;
      box-sizing: border-box
   }

   .fj-cartbody .main-cart-content .cart-tbody tr {
      position: relative;
      padding: 14px 12px;
      border-top: 1px solid #e2e2e2
   }

   .fj-cartbody .main-cart-content .cart-tbody td {
      padding: 4px 0 !important;
      text-align: left !important;
      border: 0 !important
   }

   .fj-cartbody .main-cart-content .CartThumb {
      width: auto !important;
      float: left;
      margin-right: 12px
   }

   .fj-cartbody .main-cart-content .CartThumb img {
      width: 76px !important;
      height: 76px !important;
      object-fit: cover;
      border-radius: 8px
   }

   .fj-cartbody .main-cart-content .ProductName {
      overflow: hidden
   }

   .fj-cartbody .main-cart-content .ProductName>a {
      font-size: 14px
   }

   .fj-cartbody .main-cart-content .CartItemQuantity {
      clear: both;
      text-align: left !important;
      padding-top: 10px !important
   }

   .fj-cartbody .main-cart-content .CartItemQuantity input.update-qty-input,
   .fj-cartbody .main-cart-content #UpdateQtyButton input {
      display: inline-block;
      width: auto !important;
      margin-top: 6px
   }

   .fj-cartbody .main-cart-content .CartItemIndividualPrice,
   .fj-cartbody .main-cart-content .CartItemTotalPrice {
      text-align: left !important;
      display: flex !important;
      justify-content: space-between;
      align-items: baseline;
      padding: 6px 0 !important
   }

   .fj-cartbody .main-cart-content .CartItemIndividualPrice::before {
      content: "Price:";
      color: #5a5a5a;
      font-size: 13px
   }

   .fj-cartbody .main-cart-content .CartItemTotalPrice::before {
      content: "Total:";
      color: #5a5a5a;
      font-size: 13px
   }

   .fj-cartbody .main-cart-content .CartItemTotalPrice {
      border-top: 1px dashed #e8e1d4;
      margin-top: 6px;
      padding-top: 8px !important
   }

   .fj-cartbody .main-cart-content .CartRemoveLink {
      margin-top: 6px
   }

   .fj-cartbody .paypal-btn,
   .fj-cartbody button.btn.btn-warning.paypal-btn {
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important
   }

   .fj-cartbody .paypal-btn img {
      max-width: 120px
   }

   .fj-cartbody .btn--checkout,
   .fj-cartbody .block-link input[type="submit"] {
      width: 100% !important
   }

   .fj-cartbody .Headercheckout__top {
      flex-wrap: wrap;
      gap: 8px;
      justify-content: center;
      text-align: center
   }

   .fj-cartbody .crm_cart_info_container {
      flex-wrap: wrap;
      justify-content: center;
      gap: 10px
   }

   .fj-cartbody .Headercheckout__top__right span {
      margin-right: 0;
      font-size: 12px
   }

   .fj-cartbody .SuccessMessage,
   .fj-cartbody .InfoMessage,
   .fj-cartbody .ErrorMessage {
      width: 100% !important;
      max-width: 100% !important
   }
}

@media (max-width:560px) {
   .fj-cartbody .cartBodycontent {
      padding: 0 12px
   }

   .fj-cartbody .carth2-heading {
      font-size: 22px
   }

   .fj-cartbody .order-summary {
      padding: 16px;
      border-radius: 10px
   }

   .fj-cartbody .order-summary__title {
      font-size: 18px
   }

   .fj-cartbody .coupon-form {
      gap: 8px
   }

   .fj-cartbody .coupon-form__input {
      min-width: 0
   }

   .fj-cartbody .btn--coupon-submit {
      flex: 0 0 auto
   }

   .fj-cartbody .main-cart-content .CartThumb img {
      width: 64px !important;
      height: 64px !important
   }

   .fj-cartbody .main-cart-content .ProductName>a {
      font-size: 13.5px
   }

   .fj-cartbody .crm_cart_info_item {
      font-size: 11px
   }
}

body.fj-checkout {
   background-color: #ffffff !important;
   font-family: 'Work Sans', Arial, sans-serif
}

body.fj-checkout .main-checkout-title,
body.fj-checkout .ExpressCheckoutTitle,
body.fj-checkout #BillingDetailsLabel,
body.fj-checkout .summary-card h3,
body.fj-checkout .checkout-confidence-header h3 {
   font-family: 'Oswald', sans-serif
}

body.fj-checkout .fj-sc-price .ProductPrice {
   font-family: 'Oswald', sans-serif !important;
   color: #00174f !important
}

body.fj-checkout .Submit input[type=submit],
body.fj-checkout [type=submit] {
   font-family: 'Oswald', sans-serif;
   letter-spacing: .4px;
   background-color: #cc0c2f !important;
   border-color: #cc0c2f !important;
   color: #fff !important;
   text-transform: uppercase
}

body.fj-checkout .checkoutbox_container {
   border: 1px solid #e8e1d4;
   box-shadow: 0 1px 2px rgba(0, 0, 0, .04)
}

body.fj-checkout .fj-sc-item {
   border-bottom-color: #e8e1d4
}

body.fj-checkout #Container {
   min-width: 0 !important;
   max-width: 1280px !important
}

@media (max-width:768px) {

   html,
   body.fj-checkout {
      overflow-x: hidden !important;
      max-width: 100vw
   }

   body.fj-checkout #Container,
   body.fj-checkout #Outer,
   body.fj-checkout #Wrapper,
   body.fj-checkout .XwrapperHead,
   body.fj-checkout .Content {
      min-width: 0 !important;
      max-width: 100% !important;
      width: auto !important;
      overflow-x: hidden;
      box-sizing: border-box;
      padding-left: 0;
      padding-right: 0
   }

   body.fj-checkout .contentwrapperflex {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 16px !important;
      margin: 12px 0 !important
   }

   body.fj-checkout .contentwrapperflex>div {
      min-width: 0 !important;
      max-width: 100% !important;
      width: auto !important
   }

   body.fj-checkout .checkoutbox_container {
      margin: 0 0 12px !important;
      padding: 14px 14px !important;
      border-radius: 12px
   }

   body.fj-checkout .Headercheckout__top {
      flex-wrap: wrap;
      gap: 10px;
      padding: 0 12px
   }

   body.fj-checkout .crm_cart_info_container {
      display: none !important
   }

   body.fj-checkout .Headercheckout__top__left img {
      width: 130px !important;
      height: auto !important
   }

   body.fj-checkout .ExpressCheckoutTitle {
      font-size: 16px !important
   }

   body.fj-checkout .ExpressCheckoutContent {
      padding-left: 0 !important;
      padding-right: 0 !important
   }

   body.fj-checkout .PL20 {
      padding-left: 0 !important
   }

   body.fj-checkout #CheckoutStepShippingProvider>div>form>p {
      padding-left: 12px !important
   }

   body.fj-checkout .FormContainer.HorizontalFormContainer.Clear dl {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 12px 12px !important
   }

   body.fj-checkout .form-control,
   body.fj-checkout .form-select,
   body.fj-checkout select#FormField_11,
   body.fj-checkout select#FormField_12,
   body.fj-checkout input#FormField_1,
   body.fj-checkout .Field200 {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box
   }

   body.fj-checkout table.CartContents {
      width: 100% !important;
      max-width: 100% !important;
      table-layout: auto;
      border-collapse: collapse
   }

   body.fj-checkout table.CartContents img {
      max-width: 100% !important;
      height: auto
   }

   body.fj-checkout .product-in-cart {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch
   }

   body.fj-checkout .top-notification {
      flex-wrap: wrap;
      gap: 8px
   }

   body.fj-checkout .summary-card .trust-item {
      gap: 12px !important;
      margin-top: 12px !important
   }

   body.fj-checkout .paypal-installment-box span[style*="grid"] {
      display: block !important
   }

   body.fj-checkout .checkout-confidence-card {
      max-width: 100% !important
   }

   body.fj-checkout img {
      max-width: 100%;
      height: auto
   }

   body.fj-checkout .fixed-coupan-line {
      left: 0 !important;
      right: 0 !important;
      width: 100% !important
   }

   body.fj-checkout .newsticker {
      width: 100% !important
   }
}

@media (max-width:560px) {
   body.fj-checkout .FormContainer.HorizontalFormContainer.Clear dl {
      grid-template-columns: 1fr !important;
      gap: 12px !important
   }

   body.fj-checkout .Submit input[type=submit],
   body.fj-checkout [type=submit] {
      width: 100% !important;
      height: 48px !important;
      font-size: 16px
   }

   body.fj-checkout .HorizontalFormContainer p.Submit {
      margin: 8px 0 0 !important
   }

   body.fj-checkout .main-checkout-title {
      font-size: 20px !important
   }

   body.fj-checkout .ExpressCheckoutTitle {
      font-size: 15px !important
   }

   body.fj-checkout .paypal-installment-box {
      padding: 8px 0 !important
   }

   body.fj-checkout .paypal-installment-box span[style*="grid"]>span {
      display: flex;
      flex-wrap: wrap;
      gap: 6px
   }

   body.fj-checkout .trust-signals img,
   body.fj-checkout .paypal-installment-box img {
      max-width: 100% !important;
      height: auto
   }

   body.fj-checkout .fj-sc-thumb,
   body.fj-checkout .fj-sc-thumb img {
      width: 60px !important
   }

   body.fj-checkout .fj-sc-item {
      padding: 12px 12px !important;
      gap: 10px
   }
}

body.fj-thankyoubody {
   overflow-x: hidden;
   background: #ffffff !important
}

body.fj-thankyoubody #Wrapper,
body.fj-thankyoubody .thankyougrid,
body.fj-thankyoubody .coupon-content-wrapper,
body.fj-thankyoubody .orderdetails-content {
   max-width: 100%
}

body.fj-thankyoubody .summaryTable,
body.fj-thankyoubody .summaryTable>tbody>tr>td,
body.fj-thankyoubody .summaryTable>tbody>tr>th,
body.fj-thankyoubody .summaryTable>tfoot>tr>th,
body.fj-thankyoubody .summaryTable>tfoot>tr>td {
   font-family: 'Work Sans', sans-serif
}

body.fj-thankyoubody .Purchase_summary h2,
body.fj-thankyoubody .title_customerinfo,
body.fj-thankyoubody .offer-title,
body.fj-thankyoubody .btn_continue,
body.fj-thankyoubody .shop-btn,
body.fj-thankyoubody .countdown-clock {
   font-family: 'Oswald', sans-serif
}

body.fj-thankyoubody .btn_continue.uppp {
   background-color: #00174f
}

body.fj-thankyoubody .btn_continue {
   background-color: #cc0c2f
}

@media only screen and (max-width:768px) {
   body.fj-thankyoubody #Container {
      max-width: 100% !important;
      min-width: 0 !important;
      width: 100% !important;
      overflow-x: hidden
   }

   body.fj-thankyoubody .Content {
      max-width: 100% !important;
      min-width: 0 !important;
      width: 100% !important;
      float: none !important;
      margin: 0 auto
   }

   body.fj-thankyoubody .Content.Wide.WideWithLeft,
   body.fj-thankyoubody .Content.wideright {
      width: 100% !important;
      float: none !important;
      margin: 0
   }

   body.fj-thankyoubody .fullWidth-lg {
      min-width: 0 !important;
      max-width: 100% !important;
      width: 100%
   }

   body.fj-thankyoubody .success-message .background1 {
      width: 100% !important
   }

   body.fj-thankyoubody .thankyougrid {
      max-width: 100% !important;
      margin-top: 22px;
      padding: 0 12px
   }

   body.fj-thankyoubody .coupon-content-wrapper {
      padding: 26px 12px
   }

   body.fj-thankyoubody .orderdetails-content {
      max-width: 100% !important;
      padding: 16px 12px
   }

   body.fj-thankyoubody .Purchase_summary {
      margin-top: 24px
   }

   body.fj-thankyoubody .main-title-msg,
   body.fj-thankyoubody p.InfoMessage.normalFsize {
      max-width: 100% !important
   }

   body.fj-thankyoubody .success-message {
      margin: 14px 0;
      padding: 14px 12px
   }

   body.fj-thankyoubody .congratulations {
      font-size: 15px;
      line-height: 1.4
   }

   body.fj-thankyoubody .dflex-grid {
      flex-wrap: wrap;
      gap: 14px;
      justify-content: flex-start
   }

   body.fj-thankyoubody .Purchase_summary .d {
      display: block
   }

   body.fj-thankyoubody .Purchase_summary .d>div {
      width: 100%;
      margin-bottom: 18px
   }

   body.fj-thankyoubody .summaryTable {
      width: 100%
   }

   body.fj-thankyoubody .summaryTable>tbody>tr>td,
   body.fj-thankyoubody .summaryTable>tbody>tr>th,
   body.fj-thankyoubody .summaryTable>tfoot>tr>th,
   body.fj-thankyoubody .summaryTable>tfoot>tr>td {
      padding: 8px 6px;
      padding-bottom: 10px
   }

   body.fj-thankyoubody .summaryTable img {
      max-width: 52px;
      height: auto
   }

   body.fj-thankyoubody iframe[name="myIFrame"] {
      width: 100% !important;
      max-width: 100% !important;
      height: 1050px;
      border-width: 1px !important
   }

   body.fj-thankyoubody #responsivetwo {
      height: auto !important
   }

   body.fj-thankyoubody .you-may-also-like {
      padding-left: 8px;
      padding-right: 8px
   }

   body.fj-thankyoubody .you-may-also-like.px-md-5 {
      padding-left: 8px !important;
      padding-right: 8px !important
   }

   body.fj-thankyoubody .offer-box {
      padding: 16px 14px 0
   }

   body.fj-thankyoubody .offer-title {
      font-size: 20px;
      padding: 12px 0 !important
   }

   body.fj-thankyoubody .offer-subtitle {
      font-size: 16px
   }

   body.fj-thankyoubody .highlight-text {
      font-size: 24px
   }

   body.fj-thankyoubody .shop-btn {
      padding: 12px 26px;
      font-size: 16px
   }
}

@media only screen and (max-width:560px) {
   body.fj-thankyoubody .coupon-content-wrapper {
      padding: 18px 10px
   }

   body.fj-thankyoubody .orderdetails-content {
      padding: 14px 10px
   }

   body.fj-thankyoubody .dflex-grid {
      flex-direction: column;
      gap: 10px;
      align-items: flex-start
   }

   body.fj-thankyoubody .coupon-info {
      width: 100%
   }

   body.fj-thankyoubody .ordernumber_details,
   body.fj-thankyoubody .useremail_details {
      word-break: break-word
   }

   body.fj-thankyoubody .Purchase_summary h2 {
      font-size: 1.4em
   }

   body.fj-thankyoubody .summaryTable>tbody>tr>td,
   body.fj-thankyoubody .summaryTable>tbody>tr>th,
   body.fj-thankyoubody .summaryTable>tfoot>tr>th,
   body.fj-thankyoubody .summaryTable>tfoot>tr>td {
      padding: 6px 4px;
      font-size: 13px
   }

   body.fj-thankyoubody .summaryTable>tbody>tr>td:nth-child(1) {
      width: 48px
   }

   body.fj-thankyoubody .summaryTable img {
      max-width: 44px
   }

   body.fj-thankyoubody .btn_continue {
      padding: 12px 10px;
      font-size: 14px;
      margin: 0;
      flex: 1 1 45%
   }

   body.fj-thankyoubody .help-content {
      flex-wrap: wrap;
      text-align: center
   }

   body.fj-thankyoubody iframe[name="myIFrame"] {
      height: 1000px
   }

   body.fj-thankyoubody .countdown-clock {
      font-size: 30px;
      gap: 6px
   }

   body.fj-thankyoubody .clock-time {
      padding: 8px 8px;
      min-width: 30px;
      font-size: 18px
   }

   body.fj-thankyoubody .offer-title {
      font-size: 18px
   }

   body.fj-thankyoubody .offer-code {
      flex-wrap: wrap;
      gap: 8px;
      font-size: 16px
   }

   body.fj-thankyoubody .shop-btn {
      display: block;
      padding: 12px 18px;
      font-size: 15px
   }

   body.fj-thankyoubody .terms-conditions {
      position: fixed;
      top: 8%;
      width: 94%;
      max-width: 94%;
      max-height: 80vh;
      overflow: auto
   }
}

body.fj-searchbody {
   background: #fff !important
}

.fj-searchbody #Container,
.fj-searchbody #Wrapper,
.fj-searchbody #Outer,
.fj-searchbody .Content,
.fj-searchbody #LayoutColumn2 {
   min-width: 0 !important;
   max-width: 100% !important;
   width: auto !important;
   float: none !important;
   margin-left: auto !important;
   margin-right: auto !important;
   box-shadow: none !important;
   background: transparent !important;
   overflow: visible
}

.fj-searchbody {
   overflow-x: hidden
}

.fj-searchbody .Content.Wide#LayoutColumn2 {
   width: 100% !important;
   max-width: 1360px !important;
   min-width: 0 !important;
   margin: 0 auto !important;
   padding: 0 clamp(14px, 2.5vw, 40px) !important;
   box-sizing: border-box
}

.fj-searchbody .you-may-also-like.container-fluid {
   width: 100%;
   max-width: 100%;
   padding-left: 0;
   padding-right: 0;
   margin-left: 0;
   margin-right: 0;
   overflow: visible
}

.fj-searchbody .you-may-also-like .row {
   margin-left: 0;
   margin-right: 0
}

.fj-searchbody .you-may-also-like .col-lg-12 {
   padding-left: 0;
   padding-right: 0
}

.fj-searchbody .SearchContainer {
   max-width: 100%;
   overflow: visible
}

.fj-searchbody .Product-card-grid-list {
   display: grid !important;
   grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
   gap: 30px 24px;
   max-width: none;
   margin: 6px 0 0;
   padding: 0;
   list-style: none;
   float: none;
   align-items: start
}

.fj-searchbody .Product-card-grid-list>.fj-card,
.fj-searchbody .Product-card-grid-list>.productcard-max {
   max-width: 100% !important;
   width: auto !important;
   height: auto !important;
   margin: 0 !important;
   float: none !important
}

.fj-searchbody .Content .ProductList li {
   height: auto !important
}

.fj-searchbody .search-title {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   text-transform: uppercase;
   font-size: clamp(22px, 4vw, 34px);
   line-height: 1.1;
   color: #00174f;
   margin: 18px 0 6px;
   padding: 0;
   background: none;
   border: none;
   letter-spacing: .01em
}

.fj-searchbody #SearchResultsProduct,
.fj-searchbody #SearchTabProducts,
.fj-searchbody #SearchPage {
   max-width: 100%;
   overflow: visible
}

.fj-searchbody .ErrorMessage {
   font-size: 16px;
   color: #16181d
}

.fj-searchbody .ErrorMessage strong {
   color: #cc0c2f
}

.fj-searchbody .InfoMessage {
   background: #f6f6f6;
   border: 1px solid #e8e1d4;
   padding: 16px 18px;
   margin-top: 14px;
   font-family: 'Work Sans', sans-serif
}

.fj-searchbody .CategoryPagination {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   gap: 8px;
   clear: both;
   width: 100%;
   margin: 26px 0 10px;
   padding: 8px 0
}

.fj-searchbody .CategoryPagination .FloatLeft {
   float: none !important;
   margin: 0
}

.fj-searchbody .CategoryPagination .FloatLeft:empty {
   display: none
}

.fj-searchbody .CategoryPagination .FloatRight {
   float: none !important;
   margin: 0
}

.fj-searchbody .CategoryPagination .PagingList {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 6px;
   list-style: none;
   margin: 0;
   padding: 0
}

.fj-searchbody .CategoryPagination .PagingList li {
   list-style: none
}

.fj-searchbody .CategoryPagination a,
.fj-searchbody .CategoryPagination .ActivePage {
   font-family: 'Oswald', sans-serif;
   font-size: 14px;
   min-width: 36px;
   height: 36px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 0 10px;
   border: 1px solid #e2e2e2;
   text-decoration: none;
   color: #00174f;
   background: #fff
}

.fj-searchbody .CategoryPagination .ActivePage {
   background: #00174f;
   color: #fff;
   border-color: #00174f
}

.fj-searchbody .CategoryPagination a:hover {
   border-color: #00174f
}

@media (max-width:768px) {
   .fj-searchbody .Content.Wide#LayoutColumn2 {
      padding: 0 16px !important
   }

   .fj-searchbody .Product-card-grid-list {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 22px 12px
   }

   .fj-searchbody .search-title {
      margin: 14px 0 4px
   }
}

@media (max-width:560px) {
   .fj-searchbody .Content.Wide#LayoutColumn2 {
      padding: 0 12px !important
   }

   .fj-searchbody .Product-card-grid-list {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 18px 10px
   }

   .fj-searchbody .fj-card-nm {
      font-size: 13.5px;
      min-height: 38px
   }

   .fj-searchbody .fj-card-pr .now {
      font-size: 17px
   }

   .fj-searchbody .CategoryPagination a,
   .fj-searchbody .CategoryPagination .ActivePage {
      min-width: 32px;
      height: 32px;
      font-size: 13px
   }
}

#LayoutColumn2.page-layout-side.WideWithLeft,
.fj-pagebody #LayoutColumn2 {
   width: 100% !important;
   min-width: 0 !important;
   max-width: 1200px !important;
   margin: 0 auto !important;
   padding: 0 24px !important;
   float: none !important;
   box-sizing: border-box !important
}

.fj-pagebody #PageContent,
#LayoutColumn2.page-layout-side #PageContent {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 auto !important;
   box-sizing: border-box
}

.fj-pagebody #PageContent img,
#LayoutColumn2.page-layout-side #PageContent img {
   max-width: 100% !important;
   height: auto !important
}

.fj-pagebody #PageContent iframe,
.fj-pagebody #PageContent video,
.fj-pagebody #PageContent embed,
#LayoutColumn2.page-layout-side #PageContent iframe {
   max-width: 100% !important
}

.fj-pagebody #PageContent table,
#LayoutColumn2.page-layout-side #PageContent table {
   max-width: 100% !important;
   display: block;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   border-collapse: collapse
}

.fj-pagebody #PageContent [style*="min-width"] {
   min-width: 0 !important
}

.fj-pagebody #PageContent [style*="width: 12"],
.fj-pagebody #PageContent [style*="width:12"],
.fj-pagebody #PageContent [style*="width: 10"] {
   max-width: 100% !important
}

.fj-pagebody #PageContent h1,
.fj-pagebody #PageContent h2,
.fj-pagebody #PageContent h3,
.fj-pagebody #PageContent h4 {
   font-family: 'Oswald', 'Work Sans', sans-serif !important;
   line-height: 1.2 !important
}

.fj-pagebody #PageContent p,
.fj-pagebody #PageContent li {
   font-family: 'Work Sans', sans-serif
}

@media (max-width:768px) {

   #LayoutColumn2.page-layout-side.WideWithLeft,
   .fj-pagebody #LayoutColumn2 {
      padding: 0 18px !important
   }

   .fj-pagebody #PageContent h1,
   .fj-pagebody #PageContent h2,
   #PageContent h1,
   #PageContent h2 {
      font-size: 24px !important;
      line-height: 1.25 !important
   }

   .fj-pagebody #PageContent h3,
   .fj-pagebody #PageContent h4,
   #PageContent h3,
   #PageContent h4 {
      font-size: 19px !important
   }

   .fj-pagebody #PageContent p,
   .fj-pagebody #PageContent li,
   .fj-pagebody #PageContent p span,
   .fj-pagebody #PageContent span span,
   #PageContent p,
   #PageContent ul li,
   #PageContent p span {
      font-size: 16px !important;
      line-height: 26px !important
   }

   .fj-pagebody #PageContent [style*="float"] {
      float: none !important;
      width: 100% !important
   }
}

@media (max-width:560px) {

   #LayoutColumn2.page-layout-side.WideWithLeft,
   .fj-pagebody #LayoutColumn2 {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      padding: 0 14px !important;
      overflow-x: hidden
   }

   .fj-pagebody #Wrapper,
   .fj-pagebody #Container,
   .fj-pagebody #Outer {
      overflow-x: hidden
   }

   .fj-pagebody #PageContent [style*="display: flex"],
   .fj-pagebody #PageContent [style*="display:flex"] {
      flex-wrap: wrap !important;
      gap: 14px !important
   }

   .fj-pagebody #PageContent [style*="flex: 1 1"],
   .fj-pagebody #PageContent [style*="flex:1 1"] {
      flex-basis: 100% !important;
      min-width: 0 !important
   }

   .fj-pagebody #PageContent [style*="max-width: 12"],
   .fj-pagebody #PageContent [style*="max-width:12"] {
      max-width: 100% !important
   }

   .fj-pagebody #PageContent h1,
   #PageContent h1 {
      font-size: 21px !important
   }

   .fj-pagebody #PageContent h2,
   #PageContent h2 {
      font-size: 20px !important
   }

   .fj-pagebody #PageContent h3,
   .fj-pagebody #PageContent h4,
   #PageContent h3,
   #PageContent h4 {
      font-size: 17px !important
   }

   .fj-pagebody #PageContent p,
   .fj-pagebody #PageContent li,
   #PageContent p,
   #PageContent ul li {
      font-size: 15px !important;
      line-height: 24px !important
   }

   #PageBreadcrumb {
      margin: 14px 0 !important
   }
}

.fj-drawer {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   width: 420px;
   max-width: 92vw;
   height: 100vh;
   background: #fff;
   z-index: 2147483000;
   box-shadow: -10px 0 44px rgba(0, 0, 0, .2);
   transform: translateX(100%);
   transition: transform .32s cubic-bezier(.25, .8, .35, 1);
   display: none
}

.fj-drawer.open {
   display: block;
   transform: translateX(0)
}

.fj-drawer .fj-mc2 {
   height: 100vh
}

.fj-drawer-overlay {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, .45);
   z-index: 2147482999;
   opacity: 0;
   transition: opacity .3s;
   display: none
}

.fj-drawer-overlay.open {
   display: block;
   opacity: 1
}

body.fj-drawer-lock {
   overflow: hidden
}

@media(max-width:480px) {
   .fj-drawer {
      width: 100%;
      max-width: 100%
   }
}

.fj-drawer-qty {
   display: inline-flex;
   align-items: center;
   border: 1px solid #e2e2e2;
   border-radius: 6px;
   overflow: hidden
}

.fj-drawer-qty .fj-dq {
   width: 30px;
   height: 30px;
   border: 0;
   background: #fff;
   cursor: pointer;
   font-size: 15px;
   color: #111;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0
}

.fj-drawer-qty .fj-dq:hover {
   background: #f6f6f6
}

.fj-drawer-qty span {
   min-width: 32px;
   text-align: center;
   font-size: 13px;
   font-weight: 600;
   border-left: 1px solid #e2e2e2;
   border-right: 1px solid #e2e2e2;
   line-height: 30px
}

.fj-drawer-remove {
   background: none;
   border: 0;
   color: #a8a8a8;
   font-size: 11px;
   text-decoration: underline;
   text-underline-offset: 2px;
   cursor: pointer;
   padding: 0;
   margin-top: 7px;
   font-family: 'Work Sans', sans-serif
}

.fj-drawer-remove:hover {
   color: #cc0c2f
}

.fj-drawer-loading,
.fj-drawer-empty {
   text-align: center;
   padding: 44px 22px;
   color: #6f6557;
   font-family: 'Work Sans', sans-serif
}

.fj-drawer-empty-ic {
   font-size: 36px;
   margin-bottom: 12px
}

.fj-drawer-empty-t {
   font-family: 'Oswald', sans-serif;
   font-size: 18px;
   font-weight: 600;
   color: #00174f;
   margin-bottom: 8px
}

.fj-drawer-empty p {
   font-size: 13px;
   margin-bottom: 18px;
   line-height: 1.5
}

.fj-drawer .fj-sc-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   margin-top: 8px
}

.fj-pdpbody .Product-card-grid-list {
   display: grid !important;
   grid-template-columns: repeat(4, 1fr) !important;
   gap: 22px 20px !important;
   align-items: start
}

.fj-pdpbody .Product-card-grid-list>*:nth-child(n+5) {
   display: none !important
}

@media(max-width:900px) {
   .fj-pdpbody .Product-card-grid-list {
      grid-template-columns: repeat(3, 1fr) !important
   }

   .fj-pdpbody .Product-card-grid-list>*:nth-child(n+4) {
      display: none !important
   }
}

@media(max-width:600px) {
   .fj-pdpbody .Product-card-grid-list {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 14px !important
   }

   .fj-pdpbody .Product-card-grid-list>*:nth-child(n+5) {
      display: none !important
   }
}

.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty {
   display: inline-flex !important;
   align-items: center;
   border: 1px solid #e2e2e2;
   border-radius: 8px;
   overflow: hidden;
   background: #fff;
   height: 40px;
   vertical-align: middle
}

.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .qty-btn {
   width: 36px;
   height: 40px;
   border: 0;
   background: #fff;
   font-size: 17px;
   line-height: 1;
   color: #00174f;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   transition: background .15s
}

.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .qty-btn:hover {
   background: #f6f6f6
}

.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .digiquantity-input,
.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty input.qtyInput {
   width: 42px !important;
   height: 40px !important;
   border: 0 !important;
   border-left: 1px solid #e2e2e2 !important;
   border-right: 1px solid #e2e2e2 !important;
   border-radius: 0 !important;
   text-align: center;
   font-family: 'Oswald', sans-serif;
   font-size: 14px;
   padding: 0 !important;
   margin: 0 !important;
   background: #fff;
   -moz-appearance: textfield;
   box-shadow: none
}

.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .digiquantity-input::-webkit-inner-spin-button,
.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .digiquantity-input::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0
}

.fj-cartbody .main-cart-content .CartItemQuantity input.update-qty-input {
   display: inline-block;
   margin-top: 9px;
   width: auto !important;
   padding: 0 !important;
   border: 0 !important;
   background: none !important;
   box-shadow: none !important;
   -webkit-appearance: none;
   appearance: none;
   color: #00174f !important;
   font-family: 'Work Sans', sans-serif !important;
   font-size: 12px !important;
   font-weight: 500 !important;
   text-decoration: underline;
   text-underline-offset: 2px;
   cursor: pointer
}

.fj-cartbody .main-cart-content .CartItemQuantity input.update-qty-input:hover {
   color: #cc0c2f !important
}

.fj-cartbody .main-cart-content .CartRemoveLink {
   color: #cc0c2f !important
}

@media (max-width:768px) {

   .fj-cartbody .cart-page,
   .fj-cartbody .cartGrid {
      display: block !important
   }

   .fj-cartbody .cart-page>.item2,
   .fj-cartbody .cart-page>.order-summary {
      width: 100% !important;
      max-width: 100% !important;
      float: none !important
   }

   .fj-cartbody .order-summary {
      max-width: none !important;
      width: 100% !important;
      margin-top: 20px;
      padding: 18px
   }

   .fj-cartbody #CartContent,
   .fj-cartbody .main-cart-content {
      width: 100% !important
   }

   .fj-cartbody .main-cart-content .cart-card {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      border-radius: 0 !important;
      overflow: visible !important
   }

   .fj-cartbody .main-cart-content .cart-thead {
      display: none !important
   }

   .fj-cartbody .main-cart-content .cart-table,
   .fj-cartbody .main-cart-content .cart-tbody {
      display: block !important;
      width: 100% !important
   }

   .fj-cartbody .main-cart-content .cart-tbody tr {
      display: grid !important;
      grid-template-columns: 84px 1fr;
      column-gap: 14px;
      row-gap: 0;
      align-items: start;
      position: relative;
      width: 100% !important;
      box-sizing: border-box;
      background: #fff;
      border: 1px solid #e2e2e2 !important;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(2, 6, 23, .05);
      padding: 14px;
      margin: 0 0 14px
   }

   .fj-cartbody .main-cart-content .cart-tbody tr:first-child {
      border-top: 1px solid #e2e2e2 !important
   }

   .fj-cartbody .main-cart-content .cart-tbody td {
      display: block !important;
      width: auto !important;
      padding: 0 !important;
      border: 0 !important;
      text-align: left !important;
      vertical-align: top
   }

   .fj-cartbody .main-cart-content .CartThumb {
      grid-column: 1;
      grid-row: 1 / span 2;
      float: none !important;
      margin: 0 !important;
      width: 84px !important
   }

   .fj-cartbody .main-cart-content .CartThumb img {
      width: 84px !important;
      height: 84px !important;
      object-fit: cover;
      border-radius: 8px;
      background: #f4f4f4;
      display: block
   }

   .fj-cartbody .main-cart-content .ProductName {
      grid-column: 2;
      grid-row: 1;
      min-width: 0;
      overflow: hidden
   }

   .fj-cartbody .main-cart-content .ProductName>a {
      font-family: 'Work Sans', sans-serif;
      font-size: 14px !important;
      font-weight: 600 !important;
      color: #111 !important;
      line-height: 1.35;
      text-decoration: none;
      display: block
   }

   .fj-cartbody .main-cart-content .ProductName .ProductOptions,
   .fj-cartbody .main-cart-content .ProductName small {
      font-size: 12px;
      color: #5a5a5a
   }

   .fj-cartbody .main-cart-content .ProductName br {
      display: none
   }

   .fj-cartbody .main-cart-content .CartItemIndividualPrice {
      grid-column: 2;
      grid-row: 2;
      display: flex !important;
      align-items: baseline;
      gap: 6px;
      margin-top: 6px;
      padding: 0 !important
   }

   .fj-cartbody .main-cart-content .CartItemIndividualPrice::before {
      content: "Unit:";
      color: #5a5a5a;
      font-size: 12px;
      font-weight: 400
   }

   .fj-cartbody .main-cart-content .CartItemIndividualPrice .ProductPrice {
      font-family: 'Oswald', sans-serif !important;
      font-size: 13px !important;
      color: #5a5a5a !important;
      font-weight: 600 !important;
      font-style: normal !important
   }

   .fj-cartbody .main-cart-content .CartItemQuantity {
      grid-column: 1 / -1;
      grid-row: 3;
      display: flex !important;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px 14px;
      margin-top: 12px;
      padding-top: 12px !important;
      border-top: 1px solid #f0ece3;
      text-align: left !important;
      clear: none !important
   }

   .fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty {
      height: 38px;
      margin: 0
   }

   .fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .qty-btn {
      width: 34px;
      height: 38px
   }

   .fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .digiquantity-input,
   .fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty input.qtyInput {
      height: 38px !important;
      width: 40px !important
   }

   .fj-cartbody .main-cart-content .CartItemQuantity input.update-qty-input {
      margin: 0
   }

   .fj-cartbody .main-cart-content .CartItemQuantity>div {
      margin: 0
   }

   .fj-cartbody .main-cart-content .CartItemTotalPrice {
      grid-column: 1 / -1;
      grid-row: 4;
      display: flex !important;
      align-items: baseline;
      justify-content: space-between;
      gap: 8px;
      margin-top: 12px;
      padding-top: 12px !important;
      border-top: 1px dashed #e8e1d4
   }

   .fj-cartbody .main-cart-content .CartItemTotalPrice::before {
      content: "Item total";
      color: #5a5a5a;
      font-size: 13px;
      font-weight: 600
   }

   .fj-cartbody .main-cart-content .CartItemTotalPrice .ProductPrice:first-of-type {
      font-family: 'Oswald', sans-serif !important;
      font-size: 17px !important;
      font-weight: 600 !important;
      color: #00174f !important;
      font-style: normal !important
   }

   .fj-cartbody .main-cart-content .CartItemTotalPrice .ProductPrice:last-of-type {
      font-size: 12px !important;
      color: #af0303 !important
   }

   .fj-cartbody .paypal-btn,
   .fj-cartbody button.btn.btn-warning.paypal-btn {
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important
   }

   .fj-cartbody .btn--checkout,
   .fj-cartbody .block-link input[type="submit"] {
      width: 100% !important
   }
}

@media (max-width:560px) {
   .fj-cartbody .main-cart-content .cart-tbody tr {
      grid-template-columns: 72px 1fr;
      column-gap: 12px;
      padding: 12px
   }

   .fj-cartbody .main-cart-content .CartThumb {
      width: 72px !important
   }

   .fj-cartbody .main-cart-content .CartThumb img {
      width: 72px !important;
      height: 72px !important
   }

   .fj-cartbody .main-cart-content .ProductName>a {
      font-size: 13.5px !important
   }

   .fj-cartbody .main-cart-content .CartItemQuantity {
      gap: 8px 10px
   }
}

body.fj-checkout .contentwrapperflex {
   gap: 24px !important;
   align-items: start;
   margin-top: 18px !important
}

body.fj-checkout .contentwrapperflex>div {
   min-width: 0
}

body.fj-checkout .checkoutbox_container {
   padding: 22px 24px;
   border-radius: 14px;
   background: #fff
}

body.fj-checkout .product-in-cart.checkoutbox_container {
   padding: 0;
   overflow: hidden
}

body.fj-checkout .main-checkout-title {
   color: #00174f !important
}

body.fj-checkout .ExpressCheckoutTitle {
   color: #151515 !important
}

body.fj-checkout .FormContainer.HorizontalFormContainer.Clear dl {
   gap: 16px 18px !important;
   margin-top: 18px !important
}

body.fj-checkout .HorizontalFormContainer dt,
body.fj-checkout .form-floating>label {
   font-size: 12.5px;
   font-weight: 600;
   color: #5a5a5a;
   letter-spacing: .02em;
   margin-bottom: 5px !important;
   padding: 0 !important;
   text-transform: none
}

body.fj-checkout .ExpressCheckoutContent form input,
body.fj-checkout .form-control,
body.fj-checkout .form-select,
body.fj-checkout input#FormField_1,
body.fj-checkout select#FormField_11,
body.fj-checkout select#FormField_12,
body.fj-checkout .Field200,
body.fj-checkout .ExpressCheckoutContent select,
body.fj-checkout .ExpressCheckoutContent textarea {
   width: 100% !important;
   max-width: 100% !important;
   box-sizing: border-box !important;
   min-height: 46px;
   height: auto;
   padding: 11px 14px !important;
   font-family: 'Work Sans', Arial, sans-serif;
   font-size: 14px;
   color: #111;
   background-color: #fff;
   border: 1px solid #e2e2e2 !important;
   border-radius: 10px !important;
   outline: none;
   transition: border-color .15s, box-shadow .15s;
   -webkit-appearance: none;
   appearance: none
}

body.fj-checkout .ExpressCheckoutContent select,
body.fj-checkout .form-select,
body.fj-checkout select#FormField_11,
body.fj-checkout select#FormField_12 {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%235a5a5a' stroke-width='1.6' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 14px center;
   background-size: 12px;
   padding-right: 36px !important;
   height: 46px
}

body.fj-checkout .ExpressCheckoutContent form input:focus,
body.fj-checkout .form-control:focus,
body.fj-checkout .form-select:focus,
body.fj-checkout .ExpressCheckoutContent select:focus,
body.fj-checkout .ExpressCheckoutContent textarea:focus {
   border-color: #00174f !important;
   box-shadow: 0 0 0 3px rgba(0, 23, 79, .12) !important
}

body.fj-checkout .ExpressCheckoutContent form input[type=checkbox] {
   width: auto !important;
   min-height: 0;
   height: auto;
   padding: 0 !important;
   margin-right: 8px;
   vertical-align: middle;
   accent-color: #00174f
}

body.fj-checkout .ExpressCheckoutContent dd label {
   font-size: 13px;
   color: #333
}

body.fj-checkout .ExpressCheckoutContent form input#couponcode1 {
   border-radius: 10px !important;
   border: 1px solid #e2e2e2 !important;
   padding: 11px 14px !important;
   min-height: 46px
}

body.fj-checkout p.coupan_content {
   gap: 10px;
   align-items: stretch
}

body.fj-checkout .Submit input[type=submit],
body.fj-checkout [type=submit] {
   width: 100% !important;
   max-width: 420px;
   height: 50px !important;
   border: none !important;
   border-radius: 10px !important;
   font-size: 15px;
   font-weight: 500;
   letter-spacing: .05em;
   cursor: pointer;
   box-shadow: 0 2px 6px rgba(204, 12, 47, .22);
   transition: background .15s
}

body.fj-checkout .Submit input[type=submit]:hover,
body.fj-checkout [type=submit]:hover {
   background-color: #a80926 !important
}

body.fj-checkout .HorizontalFormContainer p.Submit {
   margin: 14px 0 0 !important
}

body.fj-checkout .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
   border: 1px solid #e2e2e2 !important;
   border-radius: 10px !important;
   background: #f7f7f7 !important
}

body.fj-checkout .yourcart-items {
   padding: 20px 22px
}

body.fj-checkout .yourcart-items .top-notification {
   margin-bottom: 6px
}

body.fj-checkout .cartcontent-items {
   border-top: 1px solid #e8e1d4;
   margin-top: 12px
}

body.fj-checkout .cartcontent-items .fj-sc-item:first-child {
   padding-top: 14px
}

body.fj-checkout .cartcontent-items .fj-sc-item:last-child {
   border-bottom: 0
}

body.fj-checkout .fj-sc-item {
   padding-left: 0;
   padding-right: 0
}

body.fj-checkout .summary-card h3 {
   color: #00174f !important;
   letter-spacing: .02em
}

body.fj-checkout .trust-item p {
   color: #333 !important
}

.fj-sc-disc>div,
.fj-sc-disc div[style*="margin-bottom"],
body.fj-checkout .fj-sc-disc>div {
   margin: 0 !important
}

.fj-sc-disc .p_customizelabel,
body.fj-checkout .fj-sc-disc .p_customizelabel {
   display: inline-block !important;
   width: auto !important;
   height: auto !important;
   margin: 0 !important;
   line-height: 1.4 !important;
   text-align: left !important;
   font-size: 10.5px !important;
   font-weight: 600 !important;
   letter-spacing: .02em;
   color: #1f8a5b !important;
   background: #e7f5ee !important;
   padding: 3px 9px !important;
   border-radius: 999px !important;
   white-space: nowrap
}

.fj-sc-disc .p_customizelabel:after,
body.fj-checkout .fj-sc-disc .p_customizelabel:after {
   display: none !important;
   content: none !important;
   border: 0 !important
}

@media (max-width:1024px) {
   body.fj-checkout .contentwrapperflex {
      grid-template-columns: 60% 38% !important;
      gap: 16px !important
   }
}

@media (max-width:768px) {
   body.fj-checkout .checkoutbox_container {
      padding: 16px 16px !important
   }

   body.fj-checkout .yourcart-items {
      padding: 16px 16px
   }

   body.fj-checkout .Submit input[type=submit],
   body.fj-checkout [type=submit] {
      max-width: 100% !important
   }
}

body.fj-pdpbody .fj-rv {
   background: #ffffff;
   margin: 24px 0 0
}

body.fj-pdpbody .fj-rv * {
   box-sizing: border-box
}

body.fj-pdpbody .fj-rv-wrap {
   max-width: 1280px;
   margin: 0 auto;
   padding: 60px 28px
}

body.fj-pdpbody .fj-rv-eyebrow {
   font-family: 'Work Sans', sans-serif;
   font-weight: 600;
   font-size: 12px;
   letter-spacing: .24em;
   text-transform: uppercase;
   color: #b08d57;
   margin: 0 0 10px
}

body.fj-pdpbody .fj-rv-topline {
   display: flex;
   align-items: baseline;
   gap: 8px;
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   color: #555;
   margin: 0 0 30px
}

body.fj-pdpbody .fj-rv-stars-lg {
   color: #f49f01;
   letter-spacing: 2px;
   font-size: 16px;
   line-height: 1
}

body.fj-pdpbody .fj-rv-topavg {
   color: #1a1a1a;
   font-weight: 700
}

body.fj-pdpbody .fj-rv-topcount {
   color: #7a7a7a
}

body.fj-pdpbody .fj-rv-grid {
   display: grid;
   grid-template-columns: 340px 1fr;
   gap: 40px;
   align-items: start
}

body.fj-pdpbody .fj-rv-summary {
   position: sticky;
   top: 20px;
   display: flex;
   flex-direction: column;
   gap: 18px
}

body.fj-pdpbody .fj-rv-bignum {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   font-size: 58px;
   line-height: 1;
   color: #00174f
}

body.fj-pdpbody .fj-rv-bigstars {
   color: #f49f01;
   letter-spacing: 3px;
   font-size: 20px;
   margin: 8px 0 6px;
   line-height: 1
}

body.fj-pdpbody .fj-rv-bigsub {
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   color: #7a7a7a;
   margin-bottom: 20px
}

body.fj-pdpbody .fj-rv-dist {
   display: flex;
   flex-direction: column;
   gap: 9px
}

body.fj-pdpbody .fj-rv-distrow {
   display: grid;
   grid-template-columns: 34px 1fr 30px;
   align-items: center;
   gap: 12px
}

body.fj-pdpbody .fj-rv-distlab {
   font-family: 'Work Sans', sans-serif;
   font-size: 12px;
   font-weight: 600;
   color: #5a5a5a;
   white-space: nowrap
}

body.fj-pdpbody .fj-rv-distbar {
   position: relative;
   height: 7px;
   background: #e8e2d8;
   border-radius: 4px;
   overflow: hidden
}

body.fj-pdpbody .fj-rv-distfill {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background: #f49f01;
   border-radius: 4px
}

body.fj-pdpbody .fj-rv-distcount {
   font-family: 'Work Sans', sans-serif;
   font-size: 12px;
   color: #9a8f80;
   text-align: right
}

body.fj-pdpbody .fj-rv-catcard {
   background: #fff;
   padding: 22px 22px 20px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

body.fj-pdpbody .fj-rv-cattitle {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   font-size: 13px;
   letter-spacing: .14em;
   text-transform: uppercase;
   color: #00174f;
   margin-bottom: 16px
}

body.fj-pdpbody .fj-rv-catrow {
   display: grid;
   grid-template-columns: 96px 1fr 32px;
   align-items: center;
   gap: 12px;
   margin-bottom: 13px
}

body.fj-pdpbody .fj-rv-catrow:last-child {
   margin-bottom: 0
}

body.fj-pdpbody .fj-rv-catlab {
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   color: #33363d
}

body.fj-pdpbody .fj-rv-catbar {
   position: relative;
   height: 6px;
   background: #eceae5;
   border-radius: 4px;
   overflow: hidden
}

body.fj-pdpbody .fj-rv-catfill {
   position: absolute;
   left: 0;
   top: 0;
   height: 100%;
   background: #00174f;
   border-radius: 4px
}

body.fj-pdpbody .fj-rv-catval {
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   font-weight: 600;
   color: #1f8a5b;
   text-align: right
}

body.fj-pdpbody .fj-rv-main {
   min-width: 0
}

body.fj-pdpbody .fj-rv-toolbar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 14px;
   flex-wrap: wrap;
   margin-bottom: 22px
}

body.fj-pdpbody .fj-rv-filters {
   display: flex;
   gap: 10px;
   flex-wrap: wrap
}

body.fj-pdpbody .fj-rv-pill {
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   font-weight: 600;
   color: #33363d;
   background: #fff;
   border: 1px solid #e2ddd2;
   border-radius: 999px;
   padding: 8px 16px;
   cursor: pointer;
   transition: all .15s;
   line-height: 1.2
}

body.fj-pdpbody .fj-rv-pill:hover {
   border-color: #00174f
}

body.fj-pdpbody .fj-rv-pill.is-active {
   background: #00174f;
   border-color: #00174f;
   color: #fff
}

body.fj-pdpbody .fj-rv-pilln {
   opacity: .75;
   font-weight: 500;
   margin-left: 2px
}

body.fj-pdpbody .fj-rv-write.btn-def-review,
body.fj-pdpbody .fj-rv-write {
   background: #00174f !important;
   color: #fff !important;
   border: 1px solid #00174f !important;
   font-family: 'Oswald', sans-serif;
   font-weight: 500;
   font-size: 13px;
   letter-spacing: .06em;
   text-transform: uppercase;
   padding: 11px 20px;
   border-radius: 3px;
   cursor: pointer;
   line-height: 1.2
}

body.fj-pdpbody .fj-rv-write:hover {
   background: #0a2668 !important
}

body.fj-pdpbody .fj-rv-photostrip {
   margin: 0 0 24px
}

body.fj-pdpbody .fj-rv-photostrip:empty {
   display: none
}

body.fj-pdpbody .fj-rv-photostrip .ProductReviewList {
   margin: 0 !important;
   padding: 0;
   list-style: none;
   border: 0
}

body.fj-pdpbody .fj-rv-photostrip .revwithimage {
   font-family: 'Work Sans', sans-serif;
   font-weight: 600 !important;
   font-size: 12px !important;
   letter-spacing: .16em;
   text-transform: uppercase;
   color: #9a8f80 !important;
   background: none !important;
   margin: 0 0 12px !important
}

body.fj-pdpbody .fj-rv-photostrip .outerbox_same_for_mob_desk {
   display: flex !important;
   flex-wrap: wrap;
   gap: 12px;
   border: 0 !important;
   padding: 0 !important;
   overflow-x: auto
}

body.fj-pdpbody .fj-rv-photostrip .popup {
   margin: 0 !important
}

body.fj-pdpbody .fj-rv-photostrip .popup img#review_image {
   height: 96px !important;
   width: auto !important;
   max-width: none !important;
   border-radius: 6px;
   margin: 0 !important;
   object-fit: cover
}

body.fj-pdpbody .fj-rv-list {
   margin: 0 !important;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 18px
}

body.fj-pdpbody .fj-rv-list .ProductReviewList {
   margin: 0 !important;
   padding: 0;
   list-style: none;
   border: 0;
   display: flex;
   flex-direction: column;
   gap: 18px
}

body.fj-pdpbody .fj-rv-card {
   background: #fff !important;
   border: 0 !important;
   border-radius: 0;
   padding: 26px 28px !important;
   margin: 0 !important;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}

body.fj-pdpbody .fj-rv-card .fj-rv-cardin {
   display: block !important;
   grid-template-columns: none !important
}

body.fj-pdpbody .fj-rv-head {
   display: block;
   position: relative
}

body.fj-pdpbody .fj-rv-stars img {
   display: block;
   height: 16px;
   width: auto
}

body.fj-pdpbody .fj-rv-stars {
   margin: 0 0 8px
}

body.fj-pdpbody .fj-rv-title {
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 700 !important;
   font-size: 15.5px !important;
   color: #1a1a1a !important;
   margin: 0 0 6px !important;
   padding: 0 !important;
   background: none !important;
   text-shadow: none !important
}

body.fj-pdpbody .fj-rv-meta {
   display: flex !important;
   align-items: center;
   gap: 7px;
   flex-wrap: wrap;
   margin: 0 0 4px !important;
   font-family: 'Work Sans', sans-serif;
   font-size: 12.5px;
   color: #8a8a8a
}

body.fj-pdpbody .fj-rv-name {
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   font-size: 12.5px !important;
   color: #00174f !important
}

body.fj-pdpbody .fj-rv-dot {
   color: #bdbdbd
}

body.fj-pdpbody .fj-rv-date {
   color: #9a8f80
}

body.fj-pdpbody .fj-rv-verified {
   font-size: 11.5px !important;
   font-weight: 500 !important;
   color: #1f8a5b !important;
   margin: 0 !important;
   background: none !important
}

body.fj-pdpbody .fj-rv-verified img {
   width: 15px;
   height: 15px
}

body.fj-pdpbody .fj-rv-sizecolor {
   margin: 0 !important;
   position: absolute;
   top: 0;
   right: 0
}

body.fj-pdpbody .fj-rv-sizecolor:empty {
   display: none
}

body.fj-pdpbody .fj-rv-sizecolor .cust-info-box {
   margin: 0 !important
}

body.fj-pdpbody .fj-rv-sizecolor .grid-title-size {
   display: inline-flex !important;
   grid-template-columns: none !important;
   background: #f4f4f4;
   border-radius: 999px;
   padding: 4px 11px
}

body.fj-pdpbody .fj-rv-sizecolor p {
   margin: 0 !important
}

body.fj-pdpbody .fj-rv-sizecolor .ratingNum {
   font-family: 'Work Sans', sans-serif !important;
   font-size: 11px !important;
   font-weight: 600 !important;
   color: #5a5a5a !important;
   text-transform: uppercase;
   letter-spacing: .03em
}

body.fj-pdpbody .fj-rv-sizecolor .ratingNum span {
   color: #00174f;
   font-weight: 700
}

body.fj-pdpbody .fj-rv-sizecolor .left_border {
   border-left: 1px solid #d9d2c4 !important;
   padding-left: 6px;
   margin-left: 4px
}

body.fj-pdpbody .fj-rv-body {
   margin-top: 14px
}

body.fj-pdpbody .fj-rv-text,
body.fj-pdpbody .fj-rv-card .review-messag {
   font-family: 'Work Sans', sans-serif !important;
   font-size: 14.5px !important;
   line-height: 1.6 !important;
   color: #33363d !important;
   margin: 0 !important
}

body.fj-pdpbody .fj-rv-photos {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-top: 14px
}

body.fj-pdpbody .fj-rv-photos:empty {
   display: none
}

body.fj-pdpbody .fj-rv-photos>div {
   margin: 0 !important
}

body.fj-pdpbody .fj-rv-photos img#review_image {
   max-width: 120px !important;
   width: auto !important;
   height: 120px !important;
   object-fit: cover;
   border-radius: 6px;
   margin: 0 !important;
   cursor: pointer;
   float: none !important
}

body.fj-pdpbody .fj-rv-reply:empty {
   display: none
}

body.fj-pdpbody .fj-rv-reply {
   margin-top: 14px
}

body.fj-pdpbody .fj-rv-reply .media {
   background: #f6f6f6;
   border-left: 3px solid #00174f;
   padding: 12px 16px;
   border-radius: 0 6px 6px 0
}

body.fj-pdpbody .fj-rv-reply .media-heading {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   font-size: 12px;
   letter-spacing: .06em;
   text-transform: uppercase;
   color: #00174f;
   margin-bottom: 5px
}

body.fj-pdpbody .fj-rv-reply .media-heading span {
   color: #9a8f80;
   font-weight: 500
}

body.fj-pdpbody .fj-rv-reply .media-body {
   font-family: 'Work Sans', sans-serif;
   font-size: 13.5px;
   line-height: 1.55;
   color: #4a4a4a
}

body.fj-pdpbody .fj-rv-card .DeleteReview,
body.fj-pdpbody .fj-rv-card a[href*="editReview"] {
   display: inline-block;
   margin-top: 12px;
   margin-right: 6px
}

body.fj-pdpbody .fj-rv-empty {
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   color: #8a8a8a;
   padding: 26px 0;
   text-align: center
}

body.fj-pdpbody .fj-rv .morecontent span {
   display: none
}

body.fj-pdpbody .fj-rv .morelink {
   display: inline-block;
   color: #00174f;
   font-size: 12px;
   font-weight: 600;
   text-decoration: underline;
   text-underline-offset: 2px;
   cursor: pointer;
   margin-top: 6px
}

body.fj-pdpbody .review-bottom .ProductReviewPaging,
body.fj-pdpbody #reviews-pager {
   background: none !important;
   text-align: center;
   padding: 26px 0 4px
}

body.fj-pdpbody #btn-loadmore {
   font-family: 'Oswald', sans-serif;
   font-weight: 500;
   font-size: 13px;
   letter-spacing: .06em;
   text-transform: uppercase;
   color: #00174f !important;
   background: #fff !important;
   border: 1px solid #00174f !important;
   border-radius: 3px;
   padding: 12px 26px;
   cursor: pointer;
   transition: all .15s
}

body.fj-pdpbody #btn-loadmore:hover {
   background: #00174f !important;
   color: #fff !important
}

body.fj-pdpbody .Notmodal {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   right: auto;
   bottom: auto;
   display: none;
   overflow: auto;
   background-color: rgba(0, 0, 0, .45);
   z-index: 9999;
   width: 100%;
   height: 100%;
   max-width: 100%
}

body.fj-pdpbody .Notmodal.Not-open {
   display: block;
   -webkit-transition: all .4s;
   transition: all .4s
}

body.fj-pdpbody .Notmodal-window {
   position: relative;
   background-color: #fff;
   border-radius: 8px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
   width: 95%;
   max-width: 640px;
   margin: 6% auto;
   overflow-x: hidden;
   overflow-y: auto
}

body.fj-pdpbody .Notmodal-window.max-width-modal {
   max-width: 900px
}

body.fj-pdpbody .Notmodal-window>div {
   padding: 26px 28px
}

body.fj-pdpbody .closenotmodal {
   position: absolute;
   top: 14px;
   right: 16px;
   cursor: pointer;
   font-size: 18px;
   line-height: 1;
   color: #00174f;
   z-index: 2
}

body.fj-pdpbody .closenotmodal img {
   width: 22px;
   height: 22px
}

body.fj-pdpbody .reviewgrid {
   display: grid;
   grid-template-columns: 60% 40%;
   gap: 0
}

body.fj-pdpbody .revimagepopup {
   max-width: 100%;
   width: 100%;
   object-fit: contain
}

body.fj-pdpbody .fj-rv-formtitle,
body.fj-pdpbody #rating_box>div:first-of-type {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   font-size: 20px;
   text-transform: uppercase;
   color: #00174f;
   margin-bottom: 8px
}

body.fj-pdpbody #rating_box .ProductReviewFormContainer dt {
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   font-weight: 600;
   color: #33363d;
   margin: 14px 0 6px
}

body.fj-pdpbody #rating_box .Field400 {
   width: 100% !important;
   max-width: 100% !important;
   border: 1px solid #e2ddd2;
   border-radius: 6px;
   padding: 10px 12px;
   font-family: 'Work Sans', sans-serif;
   font-size: 14px
}

body.fj-pdpbody #rating_box .Field400:focus {
   border-color: #00174f;
   outline: none;
   box-shadow: 0 0 0 3px rgba(0, 23, 79, .10)
}

body.fj-pdpbody #rating_box .file {
   padding: 8px 0;
   border: 0
}

body.fj-pdpbody .fj-rv-submit {
   cursor: pointer;
   background: #cc0c2f;
   color: #fff;
   border: 0;
   border-radius: 3px;
   padding: 12px 24px;
   margin-top: 14px;
   font-family: 'Oswald', sans-serif;
   font-weight: 500;
   font-size: 14px;
   letter-spacing: .06em;
   text-transform: uppercase
}

body.fj-pdpbody .fj-rv-submit:hover {
   background: #a80926
}

@media (max-width:768px) {
   body.fj-pdpbody .fj-rv-wrap {
      padding: 36px 0px
   }
   .review-bottom {
      border: 0px !important;
   }

   body.fj-pdpbody .fj-rv-grid {
      grid-template-columns: 1fr;
      gap: 26px
   }

   body.fj-pdpbody .fj-rv-summary {
      position: static
   }

   body.fj-pdpbody .fj-rv-bignum {
      font-size: 48px
   }

   body.fj-pdpbody .fj-rv-toolbar {
      align-items: flex-start
   }

   body.fj-pdpbody .fj-rv-card {
      padding: 20px 18px !important
   }

   body.fj-pdpbody .fj-rv-sizecolor {
      position: static;
      margin-top: 6px !important
   }

   body.fj-pdpbody .reviewgrid {
      grid-template-columns: 1fr
   }
   body.fj-pdpbody .Notmodal-window>div {
      padding: 7px 12px;
   }
   .padding-10 {
      padding: 10px !important;
   }
}

@media (max-width:560px) {
   body.fj-pdpbody .fj-rv-write {
      width: 100%;
      text-align: center
   }

   body.fj-pdpbody .fj-rv-filters {
      width: 100%
   }
}

/*sizechart-base*/
body.fj-pdpbody #basic-modal-content .sizehead,
body.fj-pdpbody #basic-modal-content .sizenote,
body.fj-pdpbody #basic-modal-content .table th {
   text-align: center
}

body.fj-pdpbody #basic-modal-content .table {
   border-collapse: collapse;
   width: 100%
}

body.fj-pdpbody #basic-modal-content .table td,
body.fj-pdpbody #basic-modal-content .table th {
   border: 1px solid #ddd;
   padding: 6px;
   text-align: center;
   font-weight: 600;
   font-family: 'Work Sans', sans-serif;
   font-size: 13px
}

body.fj-pdpbody #basic-modal-content .table tr.even {
   background-color: #f2f2f2
}

body.fj-pdpbody #basic-modal-content .table tr:hover {
   background-color: #f4f4f4
}

body.fj-pdpbody #basic-modal-content .table th {
   text-transform: uppercase;
   padding-top: 12px;
   padding-bottom: 12px;
   background-color: #00174f;
   color: #fff;
   font-family: 'Oswald', sans-serif;
   letter-spacing: .04em
}

body.fj-pdpbody #basic-modal-content .sizenote {
   padding: 20px 30px 5px;
   font-size: 14px;
   font-weight: 600;
   border: 1px solid #000;
   position: relative;
   margin-top: 20px
}

body.fj-pdpbody #basic-modal-content .sizenote::before {
   content: "Note";
   display: flex;
   width: 49px;
   height: 16px;
   position: absolute;
   font-size: 16px;
   left: 46%;
   top: -9px;
   color: #000;
   background-color: #fff;
   font-weight: 700;
   padding: 1px;
   justify-content: center;
   align-items: center;
   text-transform: uppercase
}

body.fj-pdpbody #basic-modal-content .size_img {
   width: 150px
}

body.fj-pdpbody #basic-modal-content .sizehead {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   margin-bottom: 10px;
   text-transform: uppercase;
   font-size: 18px !important;
   color: #00174f
}

body.fj-pdpbody #basic-modal-content .unit-text {
   font-weight: 400;
   opacity: .85
}

/*sizechart-mobile*/
@media (max-width:680px) {
   body.fj-pdpbody #simplemodal-container {
      width: 94vw !important;
      max-width: 94vw !important;
      left: 3vw !important;
      right: auto !important;
      top: 3vh !important;
      height: auto !important;
      max-height: 92vh !important
   }

   body.fj-pdpbody #simplemodal-container .simplemodal-wrap {
      max-height: 92vh !important;
      overflow: auto !important
   }

   body.fj-pdpbody #basic-modal-content {
      padding: 0 2px
   }

   body.fj-pdpbody #basic-modal-content .table td,
   body.fj-pdpbody #basic-modal-content .table th {
      padding: 7px 5px !important;
      font-size: 12.5px !important
   }

   body.fj-pdpbody #basic-modal-content .table .unit-text {
      font-size: 10px
   }

   body.fj-pdpbody #basic-modal-content .sizehead {
      font-size: 15px !important;
      line-height: 1.3
   }
}

@media (max-width:560px) {
   body.fj-pdpbody #basic-modal-content>div[style*="inline-flex"] {
      display: block !important
   }

   body.fj-pdpbody #basic-modal-content .size_img {
      width: 120px !important;
      display: block;
      margin: 0 auto 10px
   }
}

/*fj-gallery*/
body.fj-pdpbody .fj-pdp-gallery.fj-gal-on .fj-pdp-thumbs,
body.fj-pdpbody .fj-pdp-gallery.fj-gal-on .fj-pdp-main {
   display: none !important
}

body.fj-pdpbody .fj-pdp-gallery.fj-gal-on {
   display: block;
   min-width: 0
}

body.fj-pdpbody .fj-gal {
   display: grid;
   grid-template-columns: 78px minmax(0, 1fr);
   gap: 14px;
   width: 100%;
   --fjgal-h: min(640px, 78vh)
}

body.fj-pdpbody .fj-gal-thumbs {
   width: 78px;
   min-width: 0;
   height: var(--fjgal-h);
   overflow: hidden
}

body.fj-pdpbody .fj-gal-thumbs .swiper-slide {
   height: auto;
   cursor: pointer
}

body.fj-pdpbody .fj-gal-thumb img {
   width: 100%;
   aspect-ratio: var(--fjgal-ar, .8);
   object-fit: cover;
   border: 1px solid #e2e2e2;
   border-radius: 6px;
   display: block;
   background: #f6f6f6;
   opacity: .62;
   transition: opacity .15s, border-color .15s
}

body.fj-pdpbody .fj-gal-thumbs .swiper-slide-thumb-active .fj-gal-thumb img,
body.fj-pdpbody .fj-gal-thumb img:hover {
   opacity: 1
}

body.fj-pdpbody .fj-gal-thumbs .swiper-slide-thumb-active .fj-gal-thumb img {
   border-color: #00174f;
   border-width: 2px
}

body.fj-pdpbody .fj-gal-mainwrap {
   min-width: 0;
   overflow: hidden
}

body.fj-pdpbody .fj-gal-main {
   position: relative;
   height: var(--fjgal-h);
   min-width: 0;
   background: #f6f6f6;
   border-radius: 8px;
   overflow: hidden
}

body.fj-pdpbody .fj-gal-main .swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%
}

body.fj-pdpbody .fj-gal-img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   cursor: zoom-in;
   display: block
}

body.fj-pdpbody .fj-gal-zoombtn {
   position: absolute;
   right: 12px;
   bottom: 12px;
   z-index: 3;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   border: 1px solid #e2e2e2;
   background: rgba(255, 255, 255, .94);
   color: #00174f;
   border-radius: 8px;
   padding: 8px 14px;
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   font-weight: 600;
   line-height: 1;
   cursor: pointer;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}

body.fj-pdpbody .fj-gal-zoombtn:hover {
   background: #00174f;
   color: #fff;
   border-color: #00174f
}

body.fj-pdpbody .fj-gal-dots {
   display: none;
   position: absolute;
   bottom: 10px;
   left: 0;
   right: 0;
   z-index: 3;
   justify-content: center;
   gap: 6px
}

body.fj-pdpbody .fj-gal-dots .swiper-pagination-bullet {
   width: 7px;
   height: 7px;
   background: #00174f;
   opacity: .32;
   border-radius: 50%
}

body.fj-pdpbody .fj-gal-dots .swiper-pagination-bullet-active {
   opacity: 1
}

@media (max-width:767px) {
   body.fj-pdpbody .fj-gal {
      grid-template-columns: minmax(0, 1fr);
      --fjgal-h: auto;
      gap: 10px
   }

   body.fj-pdpbody .fj-gal-mainwrap {
      order: 0;
      width: 100%
   }

   body.fj-pdpbody .fj-gal-main {
      height: auto;
      aspect-ratio: var(--fjgal-ar, .8)
   }

   body.fj-pdpbody .fj-gal-thumbs {
      order: 1;
      width: 100%;
      height: auto;
      overflow: visible
   }

   body.fj-pdpbody .fj-gal-thumbs .swiper-slide {
      width: 58px
   }

   body.fj-pdpbody .fj-gal-dots {
      display: flex
   }
}

/*fj-gallery-flash*/
body.fj-pdpbody .fj-pdp-imgtag,
body.fj-pdpbody .fj-pdp-zoomtag {
   display: none !important
}

body.fj-pdpbody .fj-pdp-main .ProductThumbImage,
body.fj-pdpbody .fj-pdp-main .ProductThumbImage a {
   display: block;
   width: 100%;
   height: 100%
}

body.fj-pdpbody .fj-pdp-main .ProductThumbImage img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block
}

/*pswp-img-fix*/
.pswp img.pswp__img {
   max-width: none !important;
   max-height: none !important
}

/*fj-buynow*/
body.fj-pdpbody .fj-buynow-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   width: 100%;
   margin-top: 10px;
   background: #111;
   color: #fff;
   border: 0;
   border-radius: 6px;
   padding: 15px 20px;
   font-family: 'Oswald', sans-serif;
   font-weight: 500;
   font-size: 15px;
   letter-spacing: .06em;
   text-transform: uppercase;
   cursor: pointer;
   line-height: 1;
   transition: background .15s
}

body.fj-pdpbody .fj-buynow-btn:hover {
   background: #000
}

body.fj-pdpbody .fj-buynow-btn:disabled,
body.fj-pdpbody .fj-buynow-btn.is-loading {
   opacity: .75;
   cursor: default
}

body.fj-pdpbody .fj-buynow-btn svg {
   flex: 0 0 auto
}

/*fj-gal-model*/
body.fj-pdpbody .fj-gal-model {
   margin: 12px 2px 0;
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   color: #8a8a82;
   line-height: 1.4
}

body.fj-pdpbody .fj-gal-model:empty {
   display: none
}

/*fj-atc-error*/
body.fj-pdpbody .fj-atc-error {
   display: none;
   align-items: center;
   gap: 9px;
   background: #fdecee;
   border: 1px solid #f2b8bf;
   color: #b3001b;
   border-radius: 8px;
   padding: 11px 14px;
   margin: 12px 0 14px;
   font-family: 'Work Sans', sans-serif;
   font-size: 13.5px;
   font-weight: 500;
   line-height: 1.35
}

body.fj-pdpbody .fj-atc-error.show {
   display: flex;
   animation: fjErrShake .4s ease
}

body.fj-pdpbody .fj-atc-error svg {
   flex: 0 0 auto;
   color: #cc0c2f
}

@keyframes fjErrShake {

   0%,
   100% {
      transform: translateX(0)
   }

   20% {
      transform: translateX(-5px)
   }

   40% {
      transform: translateX(5px)
   }

   60% {
      transform: translateX(-3px)
   }

   80% {
      transform: translateX(3px)
   }
}

body.fj-pdpbody .fj-pdp-size.fj-size-err .fj-pdp-size-label {
   color: #cc0c2f
}

body.fj-pdpbody .fj-pdp-size.fj-size-err .fj-size-btn,
body.fj-pdpbody .fj-pdp-size.fj-size-err .size-button,
body.fj-pdpbody .fj-pdp-size.fj-size-err select.VariationSelect {
   border-color: #cc0c2f !important;
   box-shadow: 0 0 0 2px rgba(204, 12, 47, .12)
}

/*checkout-mobile-stack*/
@media (max-width:768px) {
   body.fj-checkout .contentwrapperflex {
      display: block !important
   }

   body.fj-checkout .contentwrapperflex>div {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 0 16px !important
   }
}

/*cart-scroll-and-header*/
body.fj-cartbody .main-cart-content .BlockContent {
   max-height: 62vh;
   overflow-y: auto;
   overflow-x: hidden
}

body.fj-cartbody .main-cart-content .cart-thead th {
   position: sticky;
   top: 0;
   background: #f5f7fa;
   z-index: 2
}

body.fj-cartbody .main-cart-content .BlockContent::-webkit-scrollbar {
   width: 8px
}

body.fj-cartbody .main-cart-content .BlockContent::-webkit-scrollbar-thumb {
   background: #c9ccd3;
   border-radius: 8px
}

body.fj-cartbody .main-cart-content .BlockContent::-webkit-scrollbar-track {
   background: #f0f1f4
}

@media (max-width:768px) {
   body.fj-cartbody .main-cart-content .BlockContent {
      max-height: 56vh
   }

   body.fj-cartbody .Headercheckout__top__right,
   body.fj-cartbody .Headercheckout__top>div:last-child {
      display: none !important
   }

   body.fj-cartbody .Headercheckout__top {
      justify-content: center !important
   }

   body.fj-cartbody .Headercheckout__top__left img {
      width: 150px !important
   }
}

/*cart-drawer-style*/
body.fj-cartbody .main-cart-content .cart-card {
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   overflow: visible !important
}

body.fj-cartbody .main-cart-content .cart-thead {
   display: none !important
}

body.fj-cartbody .main-cart-content .cart-table,
body.fj-cartbody .main-cart-content .cart-tbody {
   display: block !important;
   width: 100% !important
}

body.fj-cartbody .main-cart-content .cart-tbody tr {
   display: grid !important;
   grid-template-columns: 84px 1fr auto !important;
   column-gap: 16px !important;
   align-items: start !important;
   padding: 18px 2px !important;
   margin: 0 !important;
   background: transparent !important;
   border: 0 !important;
   border-bottom: 1px solid #ececec !important;
   box-shadow: none !important;
   border-radius: 0 !important;
   position: static !important
}

body.fj-cartbody .main-cart-content .cart-tbody tr:last-child {
   border-bottom: 0 !important
}

body.fj-cartbody .main-cart-content .cart-tbody td {
   display: block !important;
   padding: 0 !important;
   border: 0 !important;
   text-align: left !important;
   background: transparent !important;
   width: auto !important
}

body.fj-cartbody .main-cart-content .cart-tbody td::before {
   content: none !important
}

body.fj-cartbody .main-cart-content .CartThumb {
   grid-column: 1 !important;
   grid-row: 1 / span 2 !important;
   width: 84px !important;
   margin: 0 !important;
   float: none !important
}

body.fj-cartbody .main-cart-content .CartThumb img {
   width: 84px !important;
   height: 100px !important;
   object-fit: cover !important;
   border-radius: 8px !important;
   background: #f4f4f4 !important;
   display: block !important
}

body.fj-cartbody .main-cart-content .ProductName {
   grid-column: 2 !important;
   grid-row: 1 !important;
   min-width: 0 !important
}

body.fj-cartbody .main-cart-content .ProductName>a {
   font-family: 'Work Sans', sans-serif !important;
   font-size: 14.5px !important;
   font-weight: 600 !important;
   color: #141414 !important;
   line-height: 1.35 !important;
   text-decoration: none !important;
   display: block !important;
   margin: 0 0 3px !important
}

body.fj-cartbody .main-cart-content .ProductName small {
   font-size: 12.5px !important;
   color: #7a7a7a !important
}

body.fj-cartbody .main-cart-content .ProductName br {
   display: none !important
}

body.fj-cartbody .main-cart-content .ProductName .c_p_label,
body.fj-cartbody .main-cart-content .ProductName .customizelabel,
body.fj-cartbody .main-cart-content .WrappingOptions,
body.fj-cartbody .main-cart-content .CartProductFieldsLink,
body.fj-cartbody .main-cart-content .CartExpectedReleaseDate {
   display: none !important
}

body.fj-cartbody .main-cart-content .CartItemQuantity {
   grid-column: 2 !important;
   grid-row: 2 !important;
   margin: 10px 0 0 !important;
   text-align: left !important
}

body.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty {
   display: inline-flex !important;
   margin: 0 0 8px !important
}

body.fj-cartbody .main-cart-content .update-qty-input {
   display: none !important
}

body.fj-cartbody .main-cart-content .CartRemoveLink {
   color: #9a9a9a !important;
   font-size: 12px !important;
   text-decoration: underline !important;
   text-underline-offset: 2px !important;
   font-weight: 400 !important
}

body.fj-cartbody .main-cart-content .CartRemoveLink:hover {
   color: #cc0c2f !important
}

body.fj-cartbody .main-cart-content .cart-tbody td.CartItemIndividualPrice {
   display: none !important
}

body.fj-cartbody .main-cart-content .CartItemTotalPrice {
   grid-column: 3 !important;
   grid-row: 1 !important;
   text-align: right !important;
   white-space: nowrap !important
}

body.fj-cartbody .main-cart-content .CartItemTotalPrice .ProductPrice:first-of-type {
   font-family: 'Oswald', sans-serif !important;
   font-size: 17px !important;
   font-weight: 600 !important;
   color: #00174f !important;
   font-style: normal !important
}

body.fj-cartbody .main-cart-content .CartItemTotalPrice .ProductPrice:last-of-type {
   font-size: 12px !important;
   color: #af0303 !important
}

@media (max-width:560px) {
   body.fj-cartbody .main-cart-content .cart-tbody tr {
      grid-template-columns: 72px 1fr auto !important;
      column-gap: 12px !important
   }

   body.fj-cartbody .main-cart-content .CartThumb,
   body.fj-cartbody .main-cart-content .CartThumb img {
      width: 72px !important
   }

   body.fj-cartbody .main-cart-content .CartThumb img {
      height: 88px !important
   }
}

/*cart-extras-v63*/
/* My Cart row + Checkout button (task 2) */
body.fj-cartbody .cart-top-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   flex-wrap: wrap;
   margin-bottom: 2px
}

body.fj-cartbody .cart-top-checkout {
   display: inline-flex;
   align-items: center;
   gap: 7px;
   background: #00174f;
   color: #fff !important;
   font-family: 'Oswald', sans-serif;
   font-weight: 500;
   font-size: 13px;
   letter-spacing: .05em;
   text-transform: uppercase;
   padding: 11px 20px;
   border-radius: 6px;
   text-decoration: none !important;
   transition: background .15s;
   line-height: 1
}

body.fj-cartbody .cart-top-checkout:hover {
   background: #0a2668
}

body.fj-cartbody .cart-top-checkout svg {
   flex: 0 0 auto
}

/* reserved-cart urgency timer (task 3) */
body.fj-cartbody .cart-reserve {
   display: flex;
   align-items: center;
   gap: 8px;
   margin: 14px 0 4px;
   padding: 10px 14px;
   background: #fff5f5;
   border: 1px solid #f6d5d9;
   border-radius: 8px;
   color: #b3001b;
   font-family: 'Work Sans', sans-serif;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.35
}

body.fj-cartbody .cart-reserve svg {
   flex: 0 0 auto;
   color: #cc0c2f
}

body.fj-cartbody .cart-reserve b {
   font-family: 'Oswald', sans-serif;
   font-weight: 600;
   font-size: 14px;
   letter-spacing: .02em
}

/* background on the cart items area (task 4) */
body.fj-cartbody .main-cart-content .BlockContent {
   background: #fff !important;
   border: 1px solid #ececec !important;
   border-radius: 14px !important;
   padding: 2px 18px !important;
   box-shadow: none !important
}

/* smaller quantity buttons (task 5) */
body.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty {
   height: 32px !important;
   border-radius: 7px !important
}

body.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .qty-btn {
   width: 28px !important;
   height: 32px !important;
   font-size: 14px !important
}

body.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty .digiquantity-input,
body.fj-cartbody .main-cart-content .CartItemQuantity .btnflexqty input.qtyInput {
   width: 34px !important;
   height: 32px !important;
   font-size: 13px !important
}

/* logo on mobile (task 1) — cart/checkout headers */
@media (max-width:768px) {
   body.fj-cartbody .Headercheckout__top__left img {
      width: 130px !important
   }

   body.fj-checkout .Headercheckout__top__left img,
   body.fj-checkout .header__logo-image {
      width: 130px !important
   }
}

@media (max-width:560px) {
   body.fj-cartbody .cart-top-checkout {
      padding: 10px 16px;
      font-size: 12px
   }

   body.fj-cartbody .main-cart-content .BlockContent {
      padding: 2px 12px !important
   }
}

/*checkout-mobile-v64*/
@media (max-width:768px) {
   body.fj-checkout .contentwrapperflex {
      display: flex !important;
      flex-direction: column !important;
      padding: 0 14px !important;
      gap: 14px !important
   }

   body.fj-checkout .contentwrapperflex>div:last-child {
      order: -1 !important;
      width: 100% !important;
      margin: 0 !important
   }

   body.fj-checkout .contentwrapperflex>div:first-child {
      order: 1 !important;
      width: 100% !important;
      margin: 0 !important
   }

   body.fj-checkout .contentwrapperflex>div:first-child .checkoutbox_container {
      background: transparent !important;
      box-shadow: none !important;
      border: 0 !important;
      padding: 0 !important
   }

   body.fj-checkout .summary-card {
      display: none !important
   }

   body.fj-checkout .product-in-cart.checkoutbox_container {
      padding: 14px 16px !important;
      margin: 0 !important
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible .cartcontent-items {
      display: none
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible.open .cartcontent-items {
      display: block;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid #ececec
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible .top-notification {
      cursor: pointer;
      margin: 0;
      align-items: center
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible .top-notification>div:nth-child(2) {
      display: none
   }

   body.fj-checkout .fj-co-total {
      margin-left: auto;
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 17px;
      color: #00174f
   }

   body.fj-checkout .fj-co-chev {
      margin-left: 10px;
      font-size: 13px;
      color: #00174f;
      transition: transform .2s;
      line-height: 1
   }

   body.fj-checkout .yourcart-items.open .fj-co-chev {
      transform: rotate(180deg)
   }

   /* fully responsive: kill any leftover min-width + edge overflow */
   body.fj-checkout #Container,
   body.fj-checkout .contentwrapperflex,
   body.fj-checkout .checkoutbox_container {
      min-width: 0 !important;
      max-width: 100% !important
   }
}

/*checkout-mobile-clutter-v65*/
@media (max-width:768px) {
   body.fj-checkout .contentwrapperflex>div:last-child>*:not(.product-in-cart) {
      display: none !important
   }

   body.fj-checkout .contentwrapperflex>div:last-child>br {
      display: none !important
   }
}

/*checkout-dropdown-clean-v66*/
body.fj-checkout .co-cart-ic {
   color: #111;
   display: inline-flex;
   align-items: center
}

body.fj-checkout .co-cart-ic:hover {
   color: #00174f
}

@media (max-width:768px) {
   body.fj-checkout .product-in-cart.checkoutbox_container {
      padding: 0 !important;
      background: #fff !important;
      border: 1px solid #e5e7eb !important;
      border-radius: 12px !important;
      box-shadow: none !important;
      overflow: hidden
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible .top-notification {
      padding: 15px 16px !important;
      margin: 0 !important;
      background: #fafafa !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 10px;
      transition: background .15s
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible.open .top-notification {
      background: #fff !important;
      border-bottom: 1px solid #eee
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible .top-notification>div:first-child {
      display: flex;
      align-items: center;
      min-width: 0
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible .top-notification h3 {
      margin: 0 !important;
      font-family: 'Oswald', sans-serif !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      color: #111 !important;
      display: flex;
      align-items: center;
      gap: 8px;
      line-height: 1.2
   }

   body.fj-checkout .fj-co-bag {
      flex: 0 0 auto;
      color: #00174f
   }

   body.fj-checkout .fj-co-count {
      font-family: 'Work Sans', sans-serif;
      font-weight: 400;
      font-size: 12.5px;
      color: #8a8a82
   }

   body.fj-checkout .fj-co-right {
      display: flex;
      align-items: center;
      gap: 9px;
      flex: 0 0 auto;
      margin: 0 !important
   }

   body.fj-checkout .fj-co-total {
      font-family: 'Oswald', sans-serif !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      color: #00174f !important;
      margin: 0 !important
   }

   body.fj-checkout .fj-co-chev {
      display: inline-flex !important;
      color: #9a9a9a !important;
      transition: transform .25s;
      margin: 0 !important
   }

   body.fj-checkout .yourcart-items.open .fj-co-chev {
      transform: rotate(180deg)
   }

   body.fj-checkout .yourcart-items.fj-co-collapsible.open .cartcontent-items {
      display: block !important;
      padding: 6px 16px 14px !important;
      margin: 0 !important;
      border-top: 0 !important
   }
}

/*checkout-step2-fix-v67*/
body.fj-checkout .ExpressCheckoutContent input[type=radio],
body.fj-checkout input[type=radio] {
   width: auto !important;
   max-width: none !important;
   min-height: 0 !important;
   height: auto !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   background: none !important;
   -webkit-appearance: auto !important;
   appearance: auto !important;
   margin: 0 8px 0 0 !important;
   accent-color: #00174f;
   box-shadow: none !important;
   vertical-align: middle;
   flex: 0 0 auto
}

body.fj-checkout .ExpressCheckoutBlockCompleted .ExpressCheckoutTitle,
body.fj-checkout .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
   position: relative;
   padding-right: 72px !important
}

body.fj-checkout .ExpressCheckoutTitle .ChangeLink {
   position: absolute !important;
   top: 50%;
   right: 12px;
   transform: translateY(-50%);
   float: none !important;
   margin: 0 !important;
   font-size: 12px !important;
   white-space: nowrap;
   color: #00174f
}

/*checkout-redesign-v68*/
/* 1) hide the top collapsible cart on mobile (cart is reviewed in step 3) */
@media (max-width:768px) {
   body.fj-checkout .contentwrapperflex>div:last-child {
      display: none !important
   }

   body.fj-checkout .contentwrapperflex>div:first-child {
      width: 100% !important;
      order: 0 !important
   }
}

/* 2) Modify link stays clickable + clean */
body.fj-checkout .ExpressCheckoutTitle .ChangeLink {
   z-index: 5;
   pointer-events: auto !important;
   cursor: pointer
}

/* 3) payment buttons - responsive: 50% desktop, 100% mobile, body font */
body.fj-checkout #PaymentOptions {
   max-width: 100%;
   margin: 0 auto
}

@media(min-width:769px) {
   body.fj-checkout #PaymentOptions {
      max-width: 50%
   }
}

body.fj-checkout #PaymentOptions #pay-btn {
   width: 100% !important;
   max-width: 100% !important;
   height: 52px !important;
   border-radius: 9px !important;
   box-shadow: none !important;
   background: #111 !important;
   color: #fff !important;
   font-family: inherit !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   letter-spacing: .02em;
   gap: 8px;
   margin: 4px 0 14px !important;
   padding: 0 !important;
   text-transform: uppercase
}

body.fj-checkout #PaymentOptions #pay-btn img {
   margin: 0 5px 0 0 !important;
   width: 28px !important
}

body.fj-checkout #PaymentOptions #paypal-button-container {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 auto 8px !important
}

body.fj-checkout #PaymentOptions #pay-later-message {
   margin: 0 auto 12px !important
}

body.fj-checkout #PaymentOptions .textd {
   max-width: 100%
}

body.fj-checkout #PaymentOptions .button.da {
   width: 100% !important;
   max-width: 100% !important;
   height: 48px;
   border-radius: 9px !important;
   background: #fff !important;
   border: 1px solid #d1d5db !important;
   color: #333 !important;
   font-weight: 500 !important;
   font-size: 14px !important;
   margin: 6px 0 0 !important;
   box-shadow: none !important;
   padding: 0 !important
}

body.fj-checkout #PaymentOptions .button.da:hover {
   background: #f5f5f5 !important
}

body.fj-checkout #PaymentOptions .button.da span {
   padding: 0 !important;
   transition: none !important
}

body.fj-checkout #PaymentOptions .button.da span:after {
   display: none !important
}

/* 4) step-3 confirmation cart - server-generated plain td rows (no classes/no image) -> target by position */
body.fj-checkout #OrderConfirmationForm .CartContents {
   display: flex !important;
   flex-direction: column !important;
   width: 100% !important;
   border-collapse: collapse !important;
   border: 0 !important;
   box-shadow: none !important;
   margin: 6px 0 4px
}

body.fj-checkout #OrderConfirmationForm .CartContents thead {
   display: none !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody {
   display: block !important;
   order: 1 !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot {
   display: block !important;
   order: 2 !important;
   margin-top: 8px;
   padding-top: 12px;
   border-top: 2px solid #eee
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody tr {
   display: grid !important;
   grid-template-columns: 1fr auto !important;
   column-gap: 14px !important;
   row-gap: 3px !important;
   align-items: start !important;
   padding: 15px 4px !important;
   border-bottom: 1px solid #eee !important;
   background: transparent !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td {
   display: block !important;
   padding: 0 !important;
   border: 0 !important;
   text-align: left !important;
   background: transparent !important;
   width: auto !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1) {
   grid-column: 1 !important;
   grid-row: 1 !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1) strong {
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   color: #141414 !important;
   display: block;
   line-height: 1.35;
   margin-bottom: 3px
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1) small {
   color: #8a8a8a !important;
   font-size: 12.5px !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1) br {
   display: none !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1)>div,
body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1) .Availability,
body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(1) .HorizontalFormContainer {
   display: none !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(2) {
   grid-column: 1 !important;
   grid-row: 2 !important;
   color: #8a8a8a !important;
   font-size: 12.5px !important;
   text-align: left !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(2):before {
   content: "Qty: "
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(3) {
   display: none !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(4) {
   grid-column: 2 !important;
   grid-row: 1/span 2 !important;
   text-align: right !important;
   align-self: center !important;
   white-space: nowrap
}

body.fj-checkout #OrderConfirmationForm .CartContents tbody td:nth-child(4) .ProductPrice {
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   font-size: 15px !important;
   color: #141414 !important;
   font-style: normal
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot tr {
   display: flex !important;
   justify-content: space-between !important;
   align-items: baseline;
   padding: 5px 4px !important;
   border: 0 !important;
   background: transparent !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot td {
   display: block !important;
   padding: 0 !important;
   border: 0 !important;
   width: auto !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot td[colspan] {
   text-align: left !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot strong {
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 500 !important;
   color: #555 !important;
   font-size: 13.5px
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot .ProductPrice {
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   color: #141414 !important;
   font-style: normal;
   font-size: 14px
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot tr:last-child {
   margin-top: 4px;
   padding-top: 8px !important;
   border-top: 1px solid #eee !important
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot tr:last-child strong {
   color: #141414 !important;
   font-weight: 700 !important;
   font-size: 15px
}

body.fj-checkout #OrderConfirmationForm .CartContents tfoot tr:last-child .ProductPrice {
   font-size: 16px;
   color: #00174f !important;
   font-weight: 700 !important
}

/* issue 2: coupon input + button redesign */
body.fj-checkout #OrderConfirmationForm .coupan_code {
   margin: 16px 0 4px
}

body.fj-checkout #OrderConfirmationForm .coupan_code .CheckoutRedeemCoupon>div:first-child {
   width: auto !important;
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   color: #141414 !important;
   font-size: 14px !important;
   margin-bottom: 8px
}

body.fj-checkout #OrderConfirmationForm .coupan_content {
   display: flex !important;
   gap: 10px !important;
   align-items: stretch !important;
   margin: 0 !important
}

body.fj-checkout #OrderConfirmationForm #couponcode,
body.fj-checkout #OrderConfirmationForm .coupan_code .form-control {
   flex: 1 1 auto !important;
   width: auto !important;
   min-width: 120px !important;
   height: 46px !important;
   border: 1px solid #d9d9d9 !important;
   border-radius: 9px !important;
   padding: 12px 14px !important;
   font-size: 14px !important;
   background: #fff !important;
   box-shadow: none !important
}

body.fj-checkout #OrderConfirmationForm #couponcode:focus {
   border-color: #00174f !important;
   outline: none
}

body.fj-checkout #OrderConfirmationForm #apply_code {
   flex: 0 0 auto !important;
   width: auto !important;
   min-width: 120px !important;
   height: 46px !important;
   background: #00174f !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 9px !important;
   padding: 0 26px !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   font-family: 'Work Sans', sans-serif !important;
   cursor: pointer;
   box-shadow: none !important
}

body.fj-checkout #OrderConfirmationForm #apply_code:hover {
   background: #012a6b !important
}

/*checkout-completed-hide-v69*/
@media (max-width:768px) {

   body.fj-checkout span.ExpressCheckoutCompletedContent,
   body.fj-checkout .ExpressCheckoutCompletedContent {
      display: none !important
   }

   html body.fj-checkout {
      overflow-x: hidden !important
   }

   body.fj-checkout .ExpressCheckoutContent,
   body.fj-checkout .ExpressCheckoutBlock,
   body.fj-checkout .ExpressCheckoutBlockCompleted,
   body.fj-checkout .ExpressCheckoutBlockCollapsed,
   body.fj-checkout .checkoutbox_container {
      max-width: 100% !important;
      overflow-x: hidden !important
   }

   body.fj-checkout .ExpressCheckoutBlockCompleted .ExpressCheckoutTitle,
   body.fj-checkout .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
      padding-right: 64px !important;
      min-height: 0 !important
   }
}

/*checkout-tasks-v70*/
/* Task1: no Oswald for headings on checkout — use clean Work Sans */
body.fj-checkout h1,
body.fj-checkout h2,
body.fj-checkout h3,
body.fj-checkout h4,
body.fj-checkout h5,
body.fj-checkout h6,
body.fj-checkout .ExpressCheckoutTitle,
body.fj-checkout .CheckoutTitle,
body.fj-checkout .BlockTitle {
   font-family: 'Work Sans', 'Poppins', Arial, sans-serif !important
}

/* Task4: stop the checkout wrapper shrinking after a step is submitted (force full width) */
@media (max-width:768px) {

   body.fj-checkout #Wrapper,
   body.fj-checkout #Outer,
   body.fj-checkout #Container {
      display: block !important;
      width: 100% !important
   }

   body.fj-checkout .contentwrapperflex {
      min-width: 100% !important;
      width: 100% !important
   }
}

/*checkout-desktop-width-fix-v72*/
body.fj-checkout #Container,
body.fj-checkout #Outer,
body.fj-checkout #Wrapper,
body.fj-checkout .XwrapperHead,
body.fj-checkout .Content {
   display: block !important;
   float: none !important
}

body.fj-checkout #Outer,
body.fj-checkout #Wrapper,
body.fj-checkout .XwrapperHead {
   width: 100% !important;
   min-width: 100% !important;
   max-width: 100% !important
}

body.fj-checkout .contentwrapperflex {
   width: 100% !important;
   min-width: 100% !important;
   box-sizing: border-box
}

@media(min-width:769px) {
   body.fj-checkout .contentwrapperflex {
      display: grid !important;
      gap: 1% !important
   }

   body.fj-checkout .contentwrapperflex>div {
      min-width: 0 !important
   }
}

/*checkout-uniform-bg-and-buttons-v73*/
/* one uniform background: header matches the cream body (#f6f6f6), not white */
body.fj-checkout .Headercheckout,
body.fj-checkout .Headercheckout__top {
   background: #ffffff !important
}

body.fj-checkout #Container,
body.fj-checkout #Outer,
body.fj-checkout #Wrapper,
body.fj-checkout .XwrapperHead,
body.fj-checkout .Content {
   background: #ffffff !important
}

/* step-submit buttons (Bill & Ship / Continue) smaller, not full-bleed */
body.fj-checkout .Submit input[type=submit] {
   width: 100% !important;
   max-width: 340px !important;
   height: 46px !important;
   font-size: 14px !important;
   letter-spacing: .03em !important;
   box-shadow: none !important;
   border-radius: 9px !important
}

/* payment section (inline CSS removed from LatestPaymentProviders snippet) -> style here, responsive */
body.fj-checkout #PaymentOptions #pay-btn {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important
}

body.fj-checkout #PaymentOptions .pay-card-ic {
   width: 26px !important;
   height: auto !important;
   margin: 0 7px 0 0 !important
}

body.fj-checkout #PaymentOptions .pay-icons {
   display: flex !important;
   justify-content: center !important;
   align-items: center !important;
   margin: 16px 0 !important
}

body.fj-checkout #PaymentOptions .pay-icons .textd {
   max-width: 100% !important;
   height: auto !important
}

body.fj-checkout #PaymentOptions #pay-later-message {
   display: flex !important;
   justify-content: center !important;
   margin: 0 auto 10px !important
}

body.fj-checkout #PaymentOptions #paypal-button-container {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 auto 8px !important
}

/*==================== CHECKOUT COMPLETE RESTRUCTURE v74 (clean 2-col Shopify) ====================*/
body.fj-checkout {
   --c-bg: #ffffff;
   --c-card: #fff;
   --c-navy: #00174f;
   --c-red: #cc0c2f;
   --c-ink: #1a1a1a;
   --c-muted: #8a8a8a;
   --c-line: #ebe6dd;
   --c-rad: 14px;
   background: var(--c-bg) !important;
   font-family: 'Work Sans', Arial, sans-serif
}

/* --- containers: uniform bg, centered, no legacy shadows/borders --- */
body.fj-checkout #Container,
body.fj-checkout #Outer,
body.fj-checkout #Wrapper,
body.fj-checkout .XwrapperHead,
body.fj-checkout .Content {
   background: var(--c-bg) !important;
   display: block !important;
   width: 100% !important;
   box-shadow: none !important;
   border: 0 !important;
   float: none !important;
   margin-top: 0 !important;
   overflow: visible !important
}

body.fj-checkout #Container {
   max-width: 1180px !important;
   margin: 0 auto !important;
   padding: 0 18px !important;
   min-width: 0 !important
}

/* --- 2-column layout, right column sticky on desktop --- */
body.fj-checkout #Wrapper .contentwrapperflex {
   display: grid !important;
   grid-template-columns: 1fr 372px !important;
   gap: 26px !important;
   align-items: start !important;
   margin: 22px 0 56px !important;
   min-width: 100% !important;
   width: 100% !important;
   background: transparent !important;
   padding: 0 !important
}

body.fj-checkout #Wrapper .contentwrapperflex>div {
   min-width: 0 !important;
   max-width: 100% !important;
   width: auto !important
}

@media(min-width:993px) {
   body.fj-checkout #Wrapper .contentwrapperflex>div:last-child {
      position: sticky !important;
      top: 18px !important
   }
}

/* tablet/mobile: single column */
@media(max-width:992px) {
   body.fj-checkout #Wrapper .contentwrapperflex {
      display: flex !important;
      flex-direction: column !important;
      grid-template-columns: 1fr !important;
      gap: 14px !important
   }

   body.fj-checkout #Wrapper .contentwrapperflex>div {
      width: 100% !important
   }
}

/* phone: cart column on TOP + collapsible, hide security/trust/contact clutter */
@media(max-width:768px) {
   body.fj-checkout #Wrapper .contentwrapperflex>div:last-child {
      display: block !important;
      order: -1 !important
   }

   body.fj-checkout #Wrapper .contentwrapperflex>div:first-child {
      order: 1 !important
   }

   body.fj-checkout .contentwrapperflex>div:last-child>*:not(.product-in-cart) {
      display: none !important
   }

   body.fj-checkout .contentwrapperflex>div:last-child>br {
      display: none !important
   }
}

/* --- cards: consistent white, border, radius, padding --- */
body.fj-checkout .checkoutbox_container {
   background: var(--c-card) !important;
   border: 1px solid var(--c-line) !important;
   border-radius: var(--c-rad) !important;
   box-shadow: 0 1px 2px rgba(20, 20, 20, .03) !important;
   padding: 24px !important;
   margin: 0 !important
}

body.fj-checkout .contentwrapperflex>div:first-child>.checkoutbox_container {
   padding: 26px 28px !important
}

body.fj-checkout .product-in-cart.checkoutbox_container {
   padding: 20px !important;
   margin-bottom: 16px !important
}

body.fj-checkout .summary-card.checkoutbox_container {
   padding: 20px !important;
   margin-bottom: 16px !important
}

@media(max-width:768px) {
   body.fj-checkout .contentwrapperflex>div:first-child>.checkoutbox_container {
      padding: 18px 16px !important
   }

   body.fj-checkout .checkoutbox_container {
      padding: 16px !important
   }
}

/* --- headings: Work Sans (no Oswald) --- */
body.fj-checkout h1,
body.fj-checkout h2,
body.fj-checkout h3,
body.fj-checkout h4,
body.fj-checkout .ExpressCheckoutTitle,
body.fj-checkout .main-checkout-title,
body.fj-checkout .CheckoutTitle {
   font-family: 'Work Sans', sans-serif !important;
   color: var(--c-ink) !important
}

/* --- steps: active title --- */
body.fj-checkout .ExpressCheckoutBlock .ExpressCheckoutTitle {
   position: relative !important;
   font-size: 17px !important;
   font-weight: 600 !important;
   color: var(--c-ink) !important;
   padding: 0 0 14px !important;
   margin: 0 0 18px !important;
   border: 0 !important;
   border-bottom: 1px solid var(--c-line) !important;
   background: transparent !important;
   text-transform: none !important;
   line-height: 1.4
}

/* collapsed/completed step: neat boxed row */
body.fj-checkout .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle,
body.fj-checkout .ExpressCheckoutBlockCompleted .ExpressCheckoutTitle {
   display: block !important;
   font-size: 14px !important;
   font-weight: 600 !important;
   padding: 14px 78px 14px 16px !important;
   margin: 0 0 12px !important;
   border: 1px solid var(--c-line) !important;
   border-radius: 10px !important;
   background: #faf9f7 !important;
   min-height: 0 !important
}

/* Modify link, always top-right, clickable */
body.fj-checkout .ExpressCheckoutTitle .ChangeLink {
   position: absolute !important;
   right: 14px !important;
   top: 50% !important;
   transform: translateY(-50%) !important;
   margin: 0 !important;
   padding: 0 !important;
   float: none !important;
   font-size: 12.5px !important;
   font-weight: 600 !important;
   color: var(--c-navy) !important;
   text-decoration: none !important;
   white-space: nowrap;
   z-index: 6 !important;
   pointer-events: auto !important;
   cursor: pointer
}

body.fj-checkout .ExpressCheckoutBlock .ExpressCheckoutTitle {
   padding-right: 78px !important
}

/* completed address summary: hidden on mobile, muted+truncated on desktop */
body.fj-checkout .ExpressCheckoutCompletedContent {
   color: var(--c-muted) !important;
   font-weight: 400 !important;
   font-size: 13px !important;
   display: inline-block;
   max-width: 60%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: middle
}

@media(max-width:768px) {
   body.fj-checkout .ExpressCheckoutCompletedContent {
      display: none !important
   }
}

/* --- inputs --- */
body.fj-checkout .ExpressCheckoutContent input[type=text],
body.fj-checkout .ExpressCheckoutContent input[type=email],
body.fj-checkout .ExpressCheckoutContent input[type=tel],
body.fj-checkout .ExpressCheckoutContent input[type=password],
body.fj-checkout .ExpressCheckoutContent input:not([type]),
body.fj-checkout .ExpressCheckoutContent select,
body.fj-checkout .ExpressCheckoutContent textarea {
   width: 100% !important;
   max-width: 100% !important;
   box-sizing: border-box !important;
   min-height: 46px;
   height: 46px;
   padding: 11px 14px !important;
   font-size: 14px !important;
   color: var(--c-ink) !important;
   background: #fff !important;
   border: 1px solid #dcd7cf !important;
   border-radius: 9px !important;
   font-family: 'Work Sans', sans-serif !important;
   -webkit-appearance: none;
   appearance: none
}

body.fj-checkout .ExpressCheckoutContent textarea {
   height: auto
}

body.fj-checkout .ExpressCheckoutContent input:focus,
body.fj-checkout .ExpressCheckoutContent select:focus,
body.fj-checkout .ExpressCheckoutContent textarea:focus {
   border-color: var(--c-navy) !important;
   box-shadow: 0 0 0 3px rgba(0, 23, 79, .1) !important;
   outline: none
}

body.fj-checkout .ExpressCheckoutContent input[type=radio],
body.fj-checkout .ExpressCheckoutContent input[type=checkbox] {
   width: auto !important;
   height: auto !important;
   min-height: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   box-shadow: none !important;
   background: none !important;
   -webkit-appearance: auto !important;
   appearance: auto !important;
   accent-color: var(--c-navy);
   margin: 0 8px 0 0 !important;
   vertical-align: middle
}

/* field labels */
body.fj-checkout .ExpressCheckoutContent label,
body.fj-checkout span.FormFieldLabel {
   font-size: 13px !important;
   font-weight: 500 !important;
   color: #4a4a4a !important
}

/* --- submit buttons (Bill & Ship / Continue): compact red --- */
body.fj-checkout .Submit input[type=submit],
body.fj-checkout .ExpressCheckoutContent input[type=submit] {
   display: inline-block !important;
   width: 100% !important;
   max-width: 340px !important;
   min-width: 200px !important;
   height: 48px !important;
   background: var(--c-red) !important;
   border: 0 !important;
   border-color: var(--c-red) !important;
   border-radius: 9px !important;
   color: #fff !important;
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   letter-spacing: .03em !important;
   text-transform: uppercase !important;
   box-shadow: none !important;
   cursor: pointer;
   transition: background .15s
}

body.fj-checkout .Submit input[type=submit]:hover,
body.fj-checkout .ExpressCheckoutContent input[type=submit]:hover {
   background: #b00a28 !important
}

/* --- cart sidebar (Your cart) --- */
body.fj-checkout .product-in-cart .top-notification {
   padding: 0 0 14px !important;
   margin: 0 0 6px !important;
   border-bottom: 1px solid var(--c-line) !important
}

body.fj-checkout .product-in-cart .top-notification h3 {
   font-size: 17px !important;
   font-weight: 700 !important;
   color: var(--c-ink) !important;
   margin: 0 !important
}

/* --- security / trust card --- */
body.fj-checkout .summary-card h3 {
   font-size: 14px !important;
   font-weight: 700 !important;
   letter-spacing: .03em !important;
   color: var(--c-navy) !important;
   margin: 0 0 14px !important;
   text-transform: uppercase
}

body.fj-checkout .summary-card .trust-item {
   display: flex !important;
   align-items: center !important;
   gap: 13px !important;
   margin: 12px 0 !important;
   color: #333 !important
}

body.fj-checkout .summary-card .trust-item p {
   margin: 0 !important;
   font-size: 12.5px !important;
   font-weight: 600 !important;
   letter-spacing: .02em;
   color: #333 !important
}

body.fj-checkout .summary-card .trust-icon img {
   width: 22px !important;
   height: 22px !important
}

/* --- coupon (confirmation) --- */
body.fj-checkout #OrderConfirmationForm .coupan_code {
   margin: 18px 0 6px !important
}

body.fj-checkout #OrderConfirmationForm .coupan_content {
   display: flex !important;
   gap: 10px !important;
   align-items: stretch !important;
   margin: 8px 0 0 !important
}

body.fj-checkout #OrderConfirmationForm #couponcode {
   flex: 1 1 auto !important;
   width: auto !important;
   min-width: 120px !important;
   height: 46px !important
}

body.fj-checkout #OrderConfirmationForm #apply_code {
   flex: 0 0 auto !important;
   width: auto !important;
   min-width: 118px !important;
   height: 46px !important;
   background: var(--c-navy) !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 9px !important;
   padding: 0 24px !important;
   font-weight: 600 !important;
   cursor: pointer
}

/* --- payment block (LatestPaymentProviders, inline removed) --- */
body.fj-checkout #PaymentOptions {
   max-width: 100%;
   margin: 16px auto 0
}

@media(min-width:993px) {
   body.fj-checkout #PaymentOptions {
      max-width: 460px
   }
}

body.fj-checkout #PaymentOptions #pay-btn {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
   width: 100% !important;
   height: 50px !important;
   background: #111 !important;
   color: #fff !important;
   border: 0 !important;
   border-radius: 9px !important;
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   font-size: 14px !important;
   text-transform: uppercase;
   letter-spacing: .03em;
   box-shadow: none !important;
   cursor: pointer;
   margin: 0 0 12px !important
}

body.fj-checkout #PaymentOptions .pay-card-ic {
   width: 26px !important;
   margin: 0 8px 0 0 !important
}

body.fj-checkout #PaymentOptions .pay-icons {
   display: flex !important;
   justify-content: center !important;
   margin: 14px 0 !important
}

body.fj-checkout #PaymentOptions .pay-icons .textd {
   max-width: 100% !important;
   height: auto !important
}

body.fj-checkout #PaymentOptions #paypal-button-container,
body.fj-checkout #PaymentOptions #pay-later-message {
   width: 100% !important;
   max-width: 100% !important;
   margin: 0 auto 8px !important
}

body.fj-checkout #PaymentOptions .button.da {
   width: 100% !important;
   max-width: 100% !important;
   height: 46px !important;
   background: #fff !important;
   border: 1px solid #d5d0c8 !important;
   border-radius: 9px !important;
   color: #333 !important;
   font-weight: 500 !important;
   font-size: 14px !important;
   box-shadow: none !important;
   margin: 6px 0 0 !important
}

body.fj-checkout #PaymentOptions .button.da span:after {
   display: none !important
}

/* place order button */
body.fj-checkout #checkout-btn {
   width: 100% !important;
   max-width: 340px !important;
   height: 50px !important;
   background: var(--c-red) !important;
   border-radius: 9px !important;
   font-family: 'Work Sans', sans-serif !important;
   font-weight: 600 !important;
   font-size: 15px !important;
   box-shadow: none !important
}

/*==================== ONE-PAGE CHECKOUT v75 ====================*/
/* every section stays open; kill accordion visuals */
body.fj-onepage .ExpressCheckoutBlock .ExpressCheckoutContent {
   display: block !important;
   height: auto !important;
   overflow: visible !important
}

body.fj-onepage #CheckoutStepShippingAddress {
   display: none !important
}

body.fj-onepage .ChangeLink {
   display: none !important
}

/* each section = its own card */
body.fj-onepage .contentwrapperflex>div:first-child>.checkoutbox_container {
   background: transparent !important;
   border: 0 !important;
   box-shadow: none !important;
   padding: 0 !important
}

body.fj-onepage #CheckoutStepBillingAddress,
body.fj-onepage #CheckoutStepShippingProvider,
body.fj-onepage #CheckoutStepConfirmation {
   background: #fff !important;
   border: 1px solid var(--c-line, #ebe6dd) !important;
   border-radius: 14px !important;
   padding: 22px 24px !important;
   margin: 0 0 16px !important;
   display: block !important
}

body.fj-onepage #CheckoutStepPaymentDetails {
   background: #fff !important;
   border: 1px solid var(--c-line, #ebe6dd) !important;
   border-radius: 14px !important;
   padding: 22px 24px !important;
   margin: 0 0 16px !important
}

@media(max-width:768px) {

   body.fj-onepage #CheckoutStepBillingAddress,
   body.fj-onepage #CheckoutStepShippingProvider,
   body.fj-onepage #CheckoutStepConfirmation {
      padding: 16px 14px !important
   }
}

body.fj-onepage #CheckoutStepAccountDetails {
   margin: 0 !important;
   padding: 0 !important;
   border: 0 !important;
   background: transparent !important
}

/* section titles: numbered, no boxes even when 'completed' */
body.fj-onepage .ExpressCheckoutBlock .ExpressCheckoutTitle,
body.fj-onepage .ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle,
body.fj-onepage .ExpressCheckoutBlockCompleted .ExpressCheckoutTitle {
   display: flex !important;
   align-items: center !important;
   gap: 10px;
   background: transparent !important;
   border: 0 !important;
   border-bottom: 1px solid #f0ece4 !important;
   border-radius: 0 !important;
   padding: 0 0 13px !important;
   margin: 0 0 16px !important;
   font-size: 16px !important;
   font-weight: 700 !important;
   color: #141414 !important;
   min-height: 0 !important
}

body.fj-onepage .fj-n {
   flex: 0 0 auto;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   background: #00174f;
   color: #fff;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 12.5px;
   font-weight: 700
}

body.fj-onepage .ExpressCheckoutTitle .ExpressCheckoutCompletedContent {
   display: none !important
}

/* in-form sub-headings */
body.fj-onepage .fjc-inhead {
   grid-column: 1/-1;
   font-size: 13px;
   font-weight: 700;
   color: #141414;
   text-transform: uppercase;
   letter-spacing: .05em;
   margin: 6px 0 -2px
}

body.fj-onepage #fjc-h-contact {
   margin-top: 0
}

/* placeholders + loading */
body.fj-onepage .fjc-ph {
   background: #f7f7f7;
   border: 1px dashed #e2ddd3;
   border-radius: 10px;
   padding: 16px;
   text-align: center;
   color: #8a8a8a;
   font-size: 13.5px
}

body.fj-onepage .fjc-load {
   color: #00174f;
   border-style: solid
}

/* inline field errors */
body.fj-onepage .fj-bad {
   border-color: #cc0c2f !important;
   box-shadow: 0 0 0 3px rgba(204, 12, 47, .08) !important
}

body.fj-onepage .fj-ferr {
   color: #cc0c2f;
   font-size: 12px;
   margin-top: 5px;
   font-weight: 500
}

#fjc-banner {
   display: none;
   background: #fdf0f2;
   border: 1px solid #f2c6cd;
   color: #a3122c;
   border-radius: 10px;
   padding: 11px 14px;
   font-size: 13.5px;
   margin: 0 0 14px;
   font-weight: 500
}

/* hide old step submits + ship-to checkbox (single-address flow) */
body.fj-onepage #NewBillingAddress .Submit,
body.fj-onepage #NewBillingAddress input[type=submit],
body.fj-onepage #CheckoutStepShippingProvider input[type=submit],
body.fj-onepage #CheckoutStepShippingProvider .Submit {
   display: none !important
}

body.fj-onepage #ship_to_billing_new {
   display: none !important
}

body.fj-onepage label[for=ship_to_billing_new],
body.fj-onepage #ship_to_billing_new+label {
   display: none !important
}

/* shipping method rows: card-style radios */
body.fj-onepage #CheckoutStepShippingProvider .ShippingProviderList,
body.fj-onepage #CheckoutStepShippingProvider ul {
   list-style: none;
   margin: 0;
   padding: 0
}

body.fj-onepage #CheckoutStepShippingProvider label {
   display: flex !important;
   align-items: center;
   gap: 10px;
   border: 1px solid #e2ddd3;
   border-radius: 10px;
   padding: 13px 14px;
   margin: 0 0 10px;
   cursor: pointer;
   font-size: 14px;
   font-weight: 500;
   color: #141414;
   background: #fff
}

body.fj-onepage #CheckoutStepShippingProvider label:hover {
   border-color: #00174f
}

body.fj-onepage #CheckoutStepShippingProvider p {
   margin: 0 0 10px;
   font-size: 13.5px;
   color: #555;
   padding: 0 !important
}

/*onepage-v76*/
/* payment section: hide the duplicate item rows (order summary lives in the right column); keep totals */
body.fj-onepage #OrderConfirmationForm .CartContents thead,
body.fj-onepage #OrderConfirmationForm .CartContents tbody {
   display: none !important
}

body.fj-onepage #OrderConfirmationForm .CartContents tfoot {
   border-top: 0 !important;
   margin-top: 0 !important;
   padding-top: 0 !important
}

body.fj-onepage #OrderConfirmationForm>p:first-of-type {
   display: none
}

/* smooth section reveal */
body.fj-onepage .ExpressCheckoutBlock {
   transition: border-color .2s
}

/*onepage-v77*/
body.fj-onepage #CheckoutStepPaymentDetails {
   display: none
}

body.fj-onepage #PaymentOptions #paypal-button-container:empty {
   display: none !important
}

body.fj-onepage #PaymentOptions #pay-later-message:empty {
   display: none !important
}

/*onepage-v78: express row + payment radios + place order + sidebar totals*/
body.fj-onepage #fjc-express {
   background: #fff;
   border: 1px solid #ebe6dd;
   border-radius: 14px;
   padding: 18px 24px 6px;
   margin: 0 0 16px
}

body.fj-onepage .fjc-exp-lbl,
body.fj-onepage .fjc-exp-or {
   text-align: center;
   position: relative;
   margin: 0 0 14px
}

body.fj-onepage .fjc-exp-or {
   margin: 2px 0 12px
}

body.fj-onepage .fjc-exp-lbl:before,
body.fj-onepage .fjc-exp-or:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   height: 1px;
   background: #eee7db
}

body.fj-onepage .fjc-exp-lbl span,
body.fj-onepage .fjc-exp-or span {
   position: relative;
   z-index: 1;
   background: #fff;
   padding: 0 12px;
   font-size: 11px;
   letter-spacing: .09em;
   text-transform: uppercase;
   color: #8a8a8a;
   font-weight: 600
}

body.fj-onepage #fjc-express-paypal {
   max-width: 460px;
   margin: 0 auto 6px
}

body.fj-onepage .fjc-pm-h {
   font-size: 13px;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: .05em;
   color: #141414;
   margin: 18px 0 10px
}

body.fj-onepage .fjc-pm {
   display: flex !important;
   align-items: center;
   gap: 11px;
   border: 1px solid #e2ddd3;
   border-radius: 10px;
   padding: 14px 15px;
   margin: 0 0 10px;
   cursor: pointer;
   background: #fff;
   font-size: 14px;
   font-weight: 600;
   color: #141414
}

body.fj-onepage .fjc-pm.sel {
   border-color: #00174f;
   box-shadow: 0 0 0 1px #00174f
}

body.fj-onepage .fjc-pm input {
   accent-color: #00174f;
   margin: 0 !important;
   width: auto !important;
   min-height: 0 !important
}

body.fj-onepage .fjc-pm-ic {
   margin-left: auto;
   height: 17px;
   max-width: 46%;
   object-fit: contain
}

body.fj-onepage #fjc-place-order {
   display: block;
   width: 100%;
   height: 54px;
   background: #cc0c2f;
   color: #fff;
   border: 0;
   border-radius: 9px;
   font-family: 'Work Sans', sans-serif;
   font-weight: 700;
   font-size: 15px;
   letter-spacing: .05em;
   text-transform: uppercase;
   cursor: pointer;
   margin: 16px 0 0;
   transition: background .15s
}

body.fj-onepage #fjc-place-order:hover {
   background: #b00a28
}

body.fj-onepage #fjc-place-order:disabled {
   opacity: .7;
   cursor: default
}

body.fj-onepage .fjc-addl {
   text-align: center;
   margin: 12px 0 2px
}

body.fj-onepage .fjc-addl a {
   font-size: 12.5px;
   color: #8a8a8a;
   text-decoration: underline;
   text-underline-offset: 3px
}

body.fj-onepage #PaymentOptions.fjc-pp-mode #pay-btn,
body.fj-onepage #PaymentOptions.fjc-pp-mode .pay-icons,
body.fj-onepage #PaymentOptions.fjc-pp-mode .button.da {
   display: none !important
}

body.fj-onepage #PaymentOptions.fjc-pp-mode {
   max-width: 100% !important;
   margin: 8px 0 0 !important
}

body.fj-onepage #fjc-side-totals {
   border-top: 1px solid #eee;
   margin-top: 14px;
   padding-top: 10px
}

body.fj-onepage .fjc-st-row {
   display: flex;
   justify-content: space-between;
   align-items: baseline;
   padding: 3px 0;
   font-size: 13.5px;
   color: #555;
   font-family: 'Work Sans', sans-serif
}

body.fj-onepage .fjc-st-row b {
   font-weight: 600;
   color: #141414
}

body.fj-onepage .fjc-st-grand {
   border-top: 1px solid #eee;
   margin-top: 7px;
   padding-top: 9px;
   font-size: 15px;
   font-weight: 700;
   color: #141414
}

body.fj-onepage .fjc-st-grand b {
   color: #00174f;
   font-size: 16.5px;
   font-weight: 700
}

/* confirmation totals now live in sidebar; hide them (and old coupon position stays) */
body.fj-onepage #OrderConfirmationForm .CartContents {
   display: none !important
}

/*onepage-v79*/
body.fj-onepage #fjc-side-totals.fjc-stale {
   opacity: .4;
   transition: opacity .2s
}

/*onepage-v80: shopify layout row + sidebar coupon*/
@supports (selector(:has(*))) {
   @media(min-width:769px) {
      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl {
         grid-template-columns: repeat(6, minmax(0, 1fr)) !important
      }

      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .dcolumn {
         grid-column: span 3
      }

      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .dcolumn:has(#FormField_1) {
         grid-column: 1/-1
      }

      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .dcolumn:has(#FormField_11) {
         grid-column: 1/-1
      }

      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .dcolumn:has(#FormField_10),
      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .dcolumn:has(#FormField_12),
      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .dcolumn:has(#FormField_13) {
         grid-column: span 2
      }

      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl .fjc-inhead {
         grid-column: 1/-1
      }

      body.fj-onepage .FormContainer.HorizontalFormContainer.Clear dl>dd {
         grid-column: 1/-1
      }
   }
}

body.fj-onepage #OrderConfirmationForm .coupan_code {
   display: none !important
}

body.fj-onepage #fjc-side-coupon {
   margin: 14px 0 4px
}

body.fj-onepage .fjc-sc-row {
   display: flex;
   gap: 8px;
   align-items: stretch
}

body.fj-onepage #fjc-side-code {
   flex: 1 1 auto;
   min-width: 0;
   border: 1px solid #dcd7cf;
   border-radius: 9px;
   padding: 11px 12px;
   font-size: 13.5px;
   font-family: 'Work Sans', sans-serif;
   background: #fff;
   outline: none
}

body.fj-onepage #fjc-side-code:focus {
   border-color: #00174f
}

body.fj-onepage #fjc-side-apply {
   flex: 0 0 auto;
   border: 0;
   border-radius: 9px;
   padding: 0 18px;
   background: #00174f;
   color: #fff;
   font-weight: 600;
   font-size: 13px;
   cursor: pointer;
   font-family: 'Work Sans', sans-serif
}

body.fj-onepage #fjc-side-apply:disabled {
   background: #d8d3ca;
   color: #8a8a8a;
   cursor: default
}

/* ==================================================================
   PDP RESPONSIVE — CANONICAL LAYER
   Single source of truth for product-page layout across breakpoints.
   Scope: body.fj-pdpbody (wins over legacy unscoped .fj-pdp-* rules).
   Breakpoints: <768 mobile · 768–1023 tablet (stacked) · >=1024 desktop 2-col.
   !important appears ONLY where a legacy rule also uses !important.
   ================================================================== */

/* ---- containment guards (all widths): nothing may widen the page ---- */
body.fj-pdpbody {
   overflow-x: hidden
}

body.fj-pdpbody .fj-pdp-page,
body.fj-pdpbody .fj-pdp,
body.fj-pdpbody .fj-pdp-info,
body.fj-pdpbody .ProductDetailsGrid,
body.fj-pdpbody .fj-pdp-gallery,
body.fj-pdpbody .fj-gal,
body.fj-pdpbody .fj-gal-mainwrap,
body.fj-pdpbody .fj-gal-main,
body.fj-pdpbody .fj-gal-thumbs {
   max-width: 100%;
   min-width: 0
}

body.fj-pdpbody .fj-pdp-info img,
body.fj-pdpbody .fj-pdp-main img,
body.fj-pdpbody .fj-pdp-prov img {
   max-width: 100%;
   height: auto
}

body.fj-pdpbody .variation_grid {
   max-width: 100% !important;
   min-width: 0 !important;
   width: auto !important
}

body.fj-pdpbody .fj-size-wrap,
body.fj-pdpbody .fj-pdp-size {
   max-width: 100%;
   min-width: 0
}

body.fj-pdpbody .fj-size-btns {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   max-width: 100%
}

body.fj-pdpbody .fj-size-btn {
   flex: 0 0 auto;
   min-width: 44px
}

body.fj-pdpbody .fj-pdp-buyrow,
body.fj-pdpbody .fj-pdp-pay,
body.fj-pdpbody .fj-pdp-rating,
body.fj-pdpbody .fj-pdp-priceblock {
   flex-wrap: wrap
}

body.fj-pdpbody .review-bottom {
   width: auto;
   max-width: 100%;
   margin: 0
}

/* ---- layout: single column by default, two columns from 1024 ---- */
body.fj-pdpbody .fj-pdp {
   grid-template-columns: minmax(0, 1fr)
}

@media(min-width:1024px) {
   body.fj-pdpbody .fj-pdp {
      grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr)
   }
}

/* ---- mobile <768: full-bleed gallery, edge-to-edge reviews ---- */
@media(max-width:767px) {
   body.fj-pdpbody .fj-pdp-gallery {
      width: 100vw;
      max-width: 100vw;
      margin-left: calc(50% - 50vw);
      margin-right: 0;
      position: relative;
      left: auto;
      transform: none
   }

   body.fj-pdpbody .fj-pdp-gallery .fj-gal-main,
   body.fj-pdpbody .fj-pdp-gallery .fj-gal-main img,
   body.fj-pdpbody .fj-pdp-main,
   body.fj-pdpbody .fj-pdp-main img {
      border-radius: 0 !important
   }

   /* pre-Swiper ISC fallback: the 6-thumb strip must never render on phones */
   body.fj-pdpbody .fj-pdp-thumbs {
      display: none !important
   }

   body.fj-pdpbody .fj-gal-model {
      padding: 0 14px
   }

   body.fj-pdpbody #ProductReviews {
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important
   }

   body.fj-pdpbody #ProductReviews>div {
      max-width: 100% !important
   }
}

/* ---- tablet 768–1023: stacked with a contained, centered gallery ---- */
@media(min-width:768px) and (max-width:1023px) {
   body.fj-pdpbody .fj-pdp {
      gap: 34px
   }

   body.fj-pdpbody .fj-pdp-gallery {
      max-width: 720px;
      margin-left: auto;
      margin-right: auto
   }
}

/* ==================================================================
   BATCH jul7 — review flatten + sticky + fit badge + reply box
   + klarna/pay row + suit size guard + store-wide card labels
   ================================================================== */
/* sticky needs clip (not hidden): hidden creates a scroll container and kills position:sticky */
body.fj-pdpbody {
   overflow-x: clip
}

/* reviews: flat cards — only the main block keeps L/R padding */
body.fj-pdpbody .fj-rv-card {
   background: transparent !important;
   box-shadow: none !important;
   border: 0 !important;
   border-bottom: 1px solid #ececec !important;
   border-radius: 0 !important;
   padding: 24px 0 !important;
   margin: 0 !important;
   position: relative
}

body.fj-pdpbody .fj-rv-list .fj-rv-card:last-child {
   border-bottom: 0 !important
}

body.fj-pdpbody .fj-rv-cardin {
   padding: 0 !important
}

body.fj-pdpbody .fj-rv-main {
   background: transparent
}

/* summary head: eyebrow inside sticky rail + big number & stars inline (match design ref, no duplicate topline) */
body.fj-pdpbody .fj-rv-sumhead {
   display: flex;
   align-items: center;
   gap: 14px;
   margin: 0 0 8px
}

body.fj-pdpbody .fj-rv-sumhead .fj-rv-bignum {
   margin: 0
}

body.fj-pdpbody .fj-rv-sumhead .fj-rv-bigstars {
   margin: 0
}

/* left summary sticky on desktop, natural on mobile */
@media(min-width:1024px) {
   body.fj-pdpbody .fj-rv-summary {
      position: sticky !important;
      top: 90px;
      align-self: start
   }

   body.fj-pdpbody .fj-rv-grid,
   body.fj-pdpbody .fj-rv-wrap,
   body.fj-pdpbody .fj-rv,
   body.fj-pdpbody .review-bottom {
      overflow: visible !important
   }
}

/* per-review fit badge (real revfit data) */
body.fj-pdpbody .fj-rv-head {
   position: relative;
   padding-right: 112px
}

body.fj-pdpbody .fj-rv-fitbadge {
   position: absolute;
   top: 2px;
   right: 0;
   background: #e8f5ec;
   color: #1a7f37;
   font-family: 'Work Sans', sans-serif;
   font-size: 11.5px;
   font-weight: 700;
   padding: 5px 11px;
   border-radius: 13px;
   white-space: nowrap;
   line-height: 1.2
}

body.fj-pdpbody .fj-rv-fitbadge.warn {
   background: #fdf3e3;
   color: #96660f
}

@media(max-width:480px) {
   body.fj-pdpbody .fj-rv-head {
      padding-right: 100px
   }

   body.fj-pdpbody .fj-rv-fitbadge {
      font-size: 10.5px;
      padding: 4px 9px
   }
}

/* FJackets responded box */
body.fj-pdpbody .fj-rv-reply .media {
   background: #f7f6f2 !important;
   border-left: 3px solid #00174f !important;
   padding: 13px 16px !important;
   border-radius: 0 8px 8px 0 !important
}

body.fj-pdpbody .fj-rv-reply .media-heading {
   font-weight: 700;
   color: #00174f;
   font-size: 13px;
   margin: 0 0 4px
}

body.fj-pdpbody .fj-rv-reply .media-heading span {
   display: none
}

body.fj-pdpbody .fj-rv-replytext {
   font-size: 13.5px;
   color: #444;
   line-height: 1.6
}

/* pay-in-4 row: crisp logos, no radius distortion */
body.fj-pdpbody .fj-pdp-pay img {
   border-radius: 0 !important;
   height: 25px !important;
   width: 50px !important;
   object-fit: contain
}

/* suit multi-variation sizes: always wrap, never clip */
body.fj-pdpbody .size-options {
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 8px !important;
   max-width: 100% !important;
   max-height: none !important;
   overflow: visible !important
}

body.fj-pdpbody .variation_value {
   max-width: 100%;
   min-width: 0
}

body.fj-pdpbody .size-option {
   flex: 0 0 auto
}

/* store-wide card labels: plain, left-aligned, consistent (no chip bg / arrow) */
.fj-card-label {
   text-align: left
}

.fj-card-label .c_p_label,
.fj-card-label [class*=c_p_label],
.fj-card-label .p_primelabel {
   display: inline-block !important;
   background: none !important;
   color: #c10015 !important;
   padding: 0 !important;
   height: auto !important;
   width: auto !important;
   line-height: 1.4 !important;
   font-size: 11.5px !important;
   font-weight: 700 !important;
   letter-spacing: .03em;
   text-transform: uppercase;
   margin: 0 !important;
   text-align: left !important;
   position: static !important
}

.fj-card-label .c_p_label:after,
.fj-card-label [class*=c_p_label]:after,
.fj-card-label .p_primelabel:after {
   display: none !important;
   content: none !important;
   border: 0 !important
}

/*fix-jul7b: payicons compact + desktop proportions + review design polish*/
/* payment icons strip: the containment guard (height:auto) let the SVG strip blow up — pin it */
body.fj-pdpbody .fj-pdp-payicons img {
   height: 26px !important;
   width: auto !important;
   max-width: 100% !important
}

body.fj-pdpbody .fj-pdp-payicons {
   margin: 10px 0 4px
}

/* desktop: bigger gallery, compact fixed info column (design proportions) */
@media(min-width:1024px) and (max-width:1199px) {
   body.fj-pdpbody .fj-pdp {
      grid-template-columns: minmax(0, 1fr) 440px !important;
      gap: 40px !important
   }
}

@media(min-width:1200px) {
   body.fj-pdpbody .fj-pdp {
      grid-template-columns: minmax(0, 1fr) 500px !important;
      gap: 56px !important
   }

   body.fj-pdpbody .fj-gal-main {
      height: min(700px, 80vh) !important
   }
}

/* reviews: narrow sticky summary + wide list, design typography */
@media(min-width:1024px) {
   body.fj-pdpbody .fj-rv-grid {
      grid-template-columns: 300px minmax(0, 1fr) !important;
      gap: 56px !important
   }
}

body.fj-pdpbody .fj-rv-title {
   font-size: 16.5px !important;
   font-weight: 700 !important;
   color: #111 !important
}

body.fj-pdpbody .fj-rv-name {
   color: #111 !important;
   font-weight: 600 !important
}

body.fj-pdpbody .fj-rv-date {
   color: #8a8a8a !important
}

body.fj-pdpbody .fj-rv-verified {
   color: #1a7f37 !important
}

body.fj-pdpbody .fj-rv-text {
   font-size: 14px !important;
   line-height: 1.7 !important;
   color: #3a3a3a !important;
   max-width: 680px
}

body.fj-pdpbody .fj-rv-sizecolor {
   color: #8a8a8a;
   font-size: 12.5px
}

body.fj-pdpbody .fj-rv-photos > img {
   width: 76px !important;
   height: 76px !important;
   object-fit: cover !important;
   border-radius: 10px !important
}
.dis-flex-gap5 {
    display: flex;
    gap: 9px;
    align-items: center;
}

/*fix-jul7c: canonical guard had removed .fj-pdp's 1280 cap — restore it*/
body.fj-pdpbody .fj-pdp {
   max-width: 1280px !important;
   margin-left: auto !important;
   margin-right: auto !important
}

/* ==================================================================
   WHITE-SCREEN-ON-RESIZE FIX (root cause)
   webslidemenu.css sets `html,body{height:100%}` @max-width:991px. Combined with the body's
   `overflow-y:auto` (base) + our `overflow-x` containment, that turns <body> into a fixed
   VIEWPORT-height internal scroll box: page content scrolls INSIDE body instead of the window,
   so a browser resize leaves the internal scroll layout stale -> blank white until reflow/refresh.
   ALSO: our @768 `html{overflow-x:hidden}` left the ROOT with a non-visible overflow, so touch/wheel
   scroll was blocked once body stopped being the scroller. Fix = make HTML the document scroller
   (overflow-y:auto so the viewport scrolls) + release the height lock so nothing white-screens on resize.
   (Scoped to fj-pdpbody; webslidemenu.css itself is a shared library, left untouched.)
   ================================================================== */
@media(max-width:991px) {
   html:has(body.fj-pdpbody) {
      height: auto !important;
      overflow-x: hidden !important;
      overflow-y: auto !important
   }

   body.fj-pdpbody {
      height: auto !important;
      min-height: 100vh;
      overflow-y: visible !important
   }
}

/* ===== WISHLIST PAGE (body.fj-wishlistbody) ===== */
body.fj-wishlistbody #LayoutColumn2,
body.fj-wishlistbody .Content {
   width: 100% !important;
   max-width: 100% !important;
   float: none !important;
   margin: 0 !important;
   background: #fff
}

body.fj-wishlistbody #Wrapper,
body.fj-wishlistbody .fj-wish-page {
   background: #fff
}

/* ===== v97: MODERN PREDICTIVE SEARCH (fjqs) — header search dropdown ===== */
.fjh-searchbar {
   background: #fff !important
}

.fjh-searchbar.open {
   max-height: 86vh !important;
   border-top: 1px solid #ececec;
   box-shadow: 0 24px 44px -22px rgba(0, 0, 0, .32) !important
}

.fjh-searchbar form,
.fjh-search-inner {
   max-width: 720px;
   margin: 0 auto
}

.fjh-search-inner {
   padding: 16px 20px 20px;
   position: relative
}

.fjqs-form {
   display: flex !important;
   align-items: center;
   gap: 0;
   border: 1.5px solid #111;
   border-radius: 10px;
   overflow: hidden;
   background: #fff;
   padding: 0 !important;
   max-width: 100% !important
}

.fjqs-form .fjqs-mag {
   margin: 0 4px 0 14px;
   color: #111;
   flex: 0 0 auto
}

.fjh-searchbar input#search_query {
   flex: 1;
   border: 0 !important;
   border-right: 0 !important;
   padding: 14px 10px !important;
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 15px !important;
   outline: none;
   background: #fff !important;
   min-width: 0
}

.fjh-searchbar button.fjqs-clear {
   border: 0 !important;
   background: none !important;
   color: #9a9a9a;
   font-size: 14px;
   cursor: pointer;
   padding: 0 12px !important;
   line-height: 1;
   width: auto !important;
   align-self: center;
   box-shadow: none !important
}

.fjh-searchbar button.fjqs-clear:hover {
   color: #111
}

.fjh-searchbar button.fjqs-go {
   border: 0 !important;
   background: #111 !important;
   color: #fff;
   padding: 0 20px !important;
   cursor: pointer;
   display: flex;
   align-items: center;
   align-self: stretch;
   width: auto !important;
   border-radius: 0 !important
}

.fjh-searchbar button.fjqs-go:hover {
   background: #000 !important
}

.fjqs-panel {
   margin-top: 16px;
   max-height: 64vh;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch
}

.fjqs-h {
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: .13em;
   text-transform: uppercase;
   color: #8a8a8a;
   margin: 2px 0 12px
}

.fjqs-chips {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 4px
}

.fjqs-chip {
   border: 1px solid #e0e0e0;
   background: #fff;
   border-radius: 20px;
   padding: 8px 15px;
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 13px;
   color: #333;
   cursor: pointer;
   transition: all .14s
}

.fjqs-chip:hover {
   border-color: #111;
   background: #111;
   color: #fff
}

.fjqs-results {
   display: flex;
   flex-direction: column;
   gap: 2px
}

.fjqs-item {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 9px 8px;
   border-radius: 8px;
   text-decoration: none !important;
   transition: background .12s
}

.fjqs-item:hover,
.fjqs-item.is-active {
   background: #f6f5f2
}

.fjqs-thumb {
   width: 54px;
   height: 66px;
   object-fit: cover;
   border-radius: 6px;
   background: #f2f0ec;
   border: 1px solid #ececec;
   flex: 0 0 auto
}

.fjqs-info {
   display: flex;
   flex-direction: column;
   gap: 4px;
   min-width: 0
}

.fjqs-name {
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 14px;
   font-weight: 500;
   color: #1a1a1a;
   line-height: 1.35;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical
}

.fjqs-pr {
   display: flex;
   align-items: center;
   gap: 8px;
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 13.5px
}

.fjqs-pr b {
   color: #111;
   font-weight: 700
}

.fjqs-pr s {
   color: #a0a0a0;
   font-weight: 400
}

.fjqs-rev {
   color: #8a8a8a;
   font-size: 12px
}

.fjqs-viewall {
   display: block;
   text-align: center;
   margin-top: 10px;
   padding: 14px;
   border-top: 1px solid #ededed;
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 13.5px;
   font-weight: 600;
   color: #00174f;
   text-decoration: none !important
}

.fjqs-viewall:hover {
   color: #111;
   text-decoration: underline !important
}

.fjqs-loading,
.fjqs-empty {
   padding: 24px 8px;
   text-align: center;
   color: #8a8a8a;
   font-family: var(--fj-font-body, 'Work Sans'), sans-serif;
   font-size: 13.5px
}

@media(max-width:768px) {
   .fjh-search-inner {
      padding: 12px 14px 16px;
      max-width: 100%
   }

   .fjqs-panel {
      max-height: 72vh
   }

   .fjqs-thumb {
      width: 46px;
      height: 56px
   }

   .fjqs-name {
      font-size: 13.5px;
      -webkit-line-clamp: 2
   }

   .fjqs-chip {
      font-size: 12.5px;
      padding: 7px 13px
   }
}

body.fj-wishlistbody .fj-wish-page {
   max-width: 1300px;
   margin: 0 auto;
   padding: 26px 22px 60px
}

.fj-wish-head {
   display: flex;
   align-items: baseline;
   gap: 12px;
   margin: 6px 0 20px;
   padding-bottom: 14px;
   border-bottom: 1px solid #ececec
}

.fj-wish-title {
   font-family: 'Work Sans', sans-serif;
   font-size: 26px;
   font-weight: 700;
   color: #111;
   margin: 0
}

.fj-wish-count {
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   color: #777
}

body.fj-wishlistbody .Product-card-grid-list.fj-wish-grid {
   display: grid !important;
   grid-template-columns: repeat(4, 1fr) !important;
   gap: 34px 24px;
   max-width: none;
   margin: 0;
   padding: 0;
   list-style: none;
   float: none
}

@media(max-width:1024px) {
   body.fj-wishlistbody .Product-card-grid-list.fj-wish-grid {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 26px 16px
   }
}

@media(max-width:768px) {
   body.fj-wishlistbody .Product-card-grid-list.fj-wish-grid {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 22px 12px
   }

   body.fj-wishlistbody .fj-wish-page {
      padding: 18px 14px 44px
   }

   .fj-wish-title {
      font-size: 22px
   }
}

body.fj-wishlistbody .fj-card .ci {
   position: relative
}

.fj-wish-remove {
   position: absolute;
   top: 8px;
   right: 8px;
   z-index: 4;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   border: none;
   background: rgba(255, 255, 255, .92);
   color: #111;
   font-size: 20px;
   line-height: 28px;
   cursor: pointer;
   box-shadow: 0 2px 8px rgba(0, 0, 0, .14);
   transition: background .15s, transform .15s
}

.fj-wish-remove:hover {
   background: #fff;
   transform: scale(1.08)
}

.fj-wish-atc {
   margin-top: 10px;
   width: 100%;
   padding: 11px 14px;
   background: #00174f;
   color: #fff;
   border: none;
   border-radius: 9px;
   font-family: 'Work Sans', sans-serif;
   font-weight: 600;
   font-size: 13.5px;
   cursor: pointer;
   transition: background .15s
}

.fj-wish-atc:hover {
   background: #012a6b
}

.fj-wish-empty {
   max-width: 460px;
   margin: 60px auto;
   text-align: center
}

.fj-wish-empty-ic {
   font-size: 54px;
   color: #c9ccd6;
   line-height: 1
}

.fj-wish-empty-t {
   font-family: 'Work Sans', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: #111;
   margin: 14px 0 6px
}

.fj-wish-empty p {
   font-family: 'Work Sans', sans-serif;
   font-size: 14px;
   color: #777;
   margin: 0 0 20px
}

.fj-wish-empty-cta {
   display: inline-block;
   padding: 13px 26px;
   background: #00174f;
   color: #fff;
   text-decoration: none;
   border-radius: 9px;
   font-family: 'Work Sans', sans-serif;
   font-weight: 600;
   font-size: 14px
}

.fj-wish-empty-cta:hover {
   background: #012a6b
}

/* ===== WISHLIST DRAWER rows ===== */
.fj-wishdrawer .fj-wd-item {
   display: flex;
   gap: 12px;
   padding: 14px 0;
   border-bottom: 1px solid #f0f0f0
}

.fj-wishdrawer .fj-wd-item.is-sold {
   opacity: .6
}

.fj-wd-thumb {
   position: relative;
   flex: 0 0 78px;
   width: 78px;
   height: 98px;
   border-radius: 8px;
   overflow: hidden;
   background: #f4f4f4;
   display: block
}

.fj-wd-thumb img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block
}

.fj-wd-disc {
   position: absolute;
   top: 6px;
   left: 6px;
   background: #d32b2b;
   color: #fff;
   font: 600 10px/1 'Work Sans', sans-serif;
   padding: 3px 5px;
   border-radius: 4px
}

.fj-wd-sold {
   position: absolute;
   bottom: 6px;
   left: 6px;
   background: rgba(17, 17, 17, .82);
   color: #fff;
   font: 600 10px/1 'Work Sans', sans-serif;
   padding: 3px 5px;
   border-radius: 4px
}

.fj-wd-info {
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 6px
}

.fj-wd-name {
   font: 600 13px/1.35 'Work Sans', sans-serif;
   color: #111;
   text-decoration: none;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden
}

.fj-wd-price .now {
   font: 700 14px/1 'Work Sans', sans-serif;
   color: #111
}

.fj-wd-price .was {
   font: 400 12px/1 'Work Sans', sans-serif;
   color: #999;
   text-decoration: line-through;
   margin-left: 6px
}

.fj-wd-actions {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-top: auto
}

.fj-wishdrawer .fj-wish-atc {
   flex: 1;
   margin: 0;
   padding: 9px 12px;
   background: #00174f;
   color: #fff;
   border: none;
   border-radius: 8px;
   font: 600 12.5px/1 'Work Sans', sans-serif;
   cursor: pointer
}

.fj-wishdrawer .fj-wish-atc:hover {
   background: #012a6b
}

.fj-wishdrawer .fj-wish-atc[disabled] {
   background: #bbb;
   cursor: not-allowed
}

.fj-wd-remove {
   flex: 0 0 auto;
   width: 30px;
   height: 30px;
   border: 1px solid #e5e5e5;
   background: #fff;
   border-radius: 8px;
   color: #888;
   font-size: 18px;
   line-height: 1;
   cursor: pointer
}

.fj-wd-remove:hover {
   border-color: #d32b2b;
   color: #d32b2b
}

.fj-wish-moveall {
   margin-bottom: 8px
}

/* size popover (wishlist drawer + page) */
.fj-wd-item {
   position: relative
}

body.fj-wishlistbody .fj-card {
   position: relative
}

.fj-wd-pop {
   position: absolute;
   left: 12px;
   right: 12px;
   bottom: 8px;
   z-index: 6;
   background: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 10px;
   box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
   padding: 12px
}

.fj-wd-pop-t {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   font: 600 12px/1 'Work Sans', sans-serif;
   color: #111;
   margin-bottom: 8px
}

.fj-wd-pop-guide {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font: 600 11px/1 'Work Sans', sans-serif;
   color: #00174f;
   text-decoration: none;
   white-space: nowrap;
   border-bottom: 1px solid #00174f;
   padding-bottom: 1px
}

.fj-wd-pop-guide:hover {
   color: #012a6b;
   border-color: #012a6b
}

.fj-wd-pop-opts {
   display: flex;
   flex-wrap: wrap;
   gap: 6px
}

.fj-wd-pop-b {
   min-width: 40px;
   padding: 8px 10px;
   border: 1px solid #ccc;
   background: #fff;
   border-radius: 7px;
   font: 600 12px/1 'Work Sans', sans-serif;
   cursor: pointer
}

.fj-wd-pop-b:hover {
   border-color: #00174f;
   color: #00174f
}

/* wishlist page sold-out badge */
body.fj-wishlistbody .fj-card .CatStockSoldOut {
   position: absolute;
   bottom: 8px;
   left: 8px;
   z-index: 3;
   background: rgba(17, 17, 17, .82);
   color: #fff;
   font: 600 11px/1 'Work Sans', sans-serif;
   padding: 5px 9px;
   border-radius: 6px
}

body.fj-wishlistbody .fj-card:has(.CatStockSoldOut) .fj-wish-atc {
   background: #bbb;
   pointer-events: none
}