/* ARRØ Craving Cubes PDP — Shopify parity. Everything scoped to body.pdp-craving-cubes. */

/* ---------- breadcrumb (moved above the product by arro-cc-pdp.js) ---------- */
body.pdp-craving-cubes .arro-cc-bc {
  padding: 20px 20px 0;
  background: #fff;
}

body.pdp-craving-cubes .arro-cc-bc .arro-breadcrumb {
  margin: 0;
  font-family: var(--font-text-regular, inherit);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .6px;
  line-height: 28px;
  text-transform: none;
}

body.pdp-craving-cubes .arro-cc-bc .arro-breadcrumb a,
body.pdp-craving-cubes .arro-cc-bc .arro-breadcrumb .arro-bc-current {
  color: #00a1e9;
  font-family: var(--font-text-regular, inherit);
  font-weight: 400;
}

body.pdp-craving-cubes .arro-cc-bc .arro-breadcrumb .divider {
  margin: 0 8px;
  color: #00a1e9;
  opacity: 1;
}

/* ---------- two-column frame: 603 media / 80 gap / 600 info, centred in 1340 ---------- */
@media (min-width: 850px) {
  body.pdp-craving-cubes .product-main {
    padding-top: 36px;
  }

  body.pdp-craving-cubes .product-main>.row.content-row {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  body.pdp-craving-cubes .product-main .product-gallery {
    flex: 0 0 603px;
    max-width: 603px;
    width: 603px;
    padding: 0;
    margin-right: 80px;
  }

  body.pdp-craving-cubes .product-main .product-info.summary {
    flex: 0 0 600px;
    max-width: 600px;
    width: 600px;
    padding: 0;
    margin: 0;
  }
}

/* ---------- gallery ---------- */
.pdp-craving-cubes .arro-cc-bc {
  padding: 20px;
  padding-bottom: 0px;
}

body.pdp-craving-cubes .product-gallery .product-images {
  margin: 0;
}

body.pdp-craving-cubes .product-gallery .woocommerce-product-gallery__image img,
body.pdp-craving-cubes .product-gallery img.wp-post-image {
  width: auto;
  max-width: 100%;
  height: 730px;
  margin: 0 auto;
  object-fit: cover;
  border-radius: 23px;
}

body.pdp-craving-cubes .product-gallery .woocommerce-product-gallery__image a {
  display: flex;
  justify-content: center;
}

body.pdp-craving-cubes .product-gallery .image-tools {
  display: none;
}

body.pdp-craving-cubes .product-thumbnails {
  margin: 20px 0 0;
  padding: 0 44px;
}

body.pdp-craving-cubes .product-thumbnails .col {
  flex: 0 0 128px;
  max-width: 128px;
  width: 128px;
  padding: 0 5px;
}

body.pdp-craving-cubes .product-thumbnails .col a {
  display: block;
  width: 118px;
  height: 118px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 25px;
  background: #fff;
  box-sizing: border-box;
  opacity: 1;
}

body.pdp-craving-cubes .product-thumbnails .col.is-nav-selected a {
  border: 2px solid #ba1734;
  border-radius: 24px;
}

body.pdp-craving-cubes .product-thumbnails .col a img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
  border-radius: 20px;
}

/* ---------- title / rating / price / description ---------- */
body.pdp-craving-cubes .product-info h1.product_title {
  margin: 0 0 14px;
  font-family: Assistant, var(--font-text-regular, sans-serif);
  font-size: 24px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: .6px;
  color: #121212;
}

body.pdp-craving-cubes .product-info .woocommerce-product-rating {
  display: flex;
  align-items: center;
  margin: 0 0 14px;
}

body.pdp-craving-cubes .product-info .woocommerce-product-rating .star-rating {
  font-size: 20px;
}

body.pdp-craving-cubes .product-info .woocommerce-product-rating a.woocommerce-review-link,
body.pdp-craving-cubes .product-info .woocommerce-product-rating .count {
  font-family: var(--font-text-medium, inherit);
  font-size: 16px;
  color: #000;
}

body.pdp-craving-cubes .product-info .arro-var-price {
  margin: 0 0 12px;
}

body.pdp-craving-cubes .product-info .arro-var-price .arro-vp-amount,
body.pdp-craving-cubes .product-info .arro-var-price .arro-vp-code {
  font-family: var(--font-text-medium, inherit);
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -.5px;
  line-height: 34px;
  color: #00a1e9;
}

body.pdp-craving-cubes .product-info .arro-var-price .arro-vp-code {
  margin-left: 6px;
}

body.pdp-craving-cubes .product-info .arro-cc-desc {
  margin: 0 0 12px;
}

body.pdp-craving-cubes .product-info .arro-cc-desc p {
  margin: 0;
  font-family: var(--font-text-medium, inherit);
  font-size: 16px;
  line-height: 26px;
  letter-spacing: .6px;
  color: rgba(0, 0, 0, .5);
}

/* ---------- flavour swatches ---------- */
body.pdp-craving-cubes .arro-var-flavor .arro-var-header {
  display: block;
  margin: 0 0 2px;
  font-family: var(--font-text-medium, inherit);
  font-size: 16px;
  line-height: 26px;
  letter-spacing: .4px;
  color: #000;
}

body.pdp-craving-cubes .arro-var-flavor .arro-var-header strong {
  font-family: var(--font-text-medium, inherit);
  font-weight: 400;
  color: #ba1734;
}

body.pdp-craving-cubes .arro-var-flavor .arro-swatches {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}

body.pdp-craving-cubes .arro-var-flavor .arro-sw {
  box-sizing: border-box;
  width: 85px;
  height: 89px;
  padding: 10px;
  border: 1px solid #e1e0db;
  border-radius: 20px;
}

body.pdp-craving-cubes .arro-var-flavor .arro-sw .arro-sw-lbl {
  margin-top: 5px;
  font-family: var(--font-text-regular, inherit);
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}

/* ---------- purchase widget spacing ---------- */
body.pdp-craving-cubes #arro-purchase-widget {
  margin-top: 24px;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-tabs {
  gap: 8px;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-tab__title {
  font-family: var(--font-text-medium, inherit);
}

/* ---------- ingredient logos + accordions ---------- */
body.pdp-craving-cubes .arb-prod-info {
  margin-top: 8px;
}

body.pdp-craving-cubes .arb-prod-logos {
  margin: 8px 0 40px;
}

body.pdp-craving-cubes .arb-prod-logo-item {
  font-family: var(--font-text-bold, inherit);
  font-size: 14px;
  text-transform: lowercase;
}

body.pdp-craving-cubes .arb-prod-accordions {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.pdp-craving-cubes .arb-prod-accordion {
  margin: 0;
  padding: 10px 30px;
  border: 1px solid #000;
  border-radius: 25px;
  background: transparent;
  box-sizing: border-box;
}

body.pdp-craving-cubes .arb-prod-accordion+.arb-prod-accordion {
  margin-top: 8px;
}

body.pdp-craving-cubes .arb-prod-accordion summary {
  padding: 0;
  font-family: var(--font-text-medium, inherit);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: .6px;
  color: #000;
}

body.pdp-craving-cubes {
  font-family: Assistant, var(--font-text-regular, sans-serif);
}

/* ---------- thumbnails: clip to 4 visible ---------- */
body.pdp-craving-cubes .product-thumbnails .flickity-viewport {
  overflow: hidden;
}

/* ---------- purchase widget typography (Shopify csp-*) ---------- */
body.pdp-craving-cubes #arro-purchase-widget .apw-tab {
  padding: 15px;
  border-radius: 20px;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-tab__title {
  font-size: 15px;
  font-weight: 700;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-pack {
  padding: 15px;
  min-height: auto;
  box-sizing: border-box;
  border-radius: 20px;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-pack__name {
  font-size: 16px;
  font-weight: 700;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-pack__unit,
body.pdp-craving-cubes #arro-purchase-widget .apw-unit-val {
  font-size: 16px;
  font-weight: 700;
  color: #0f172a;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-unit-val::after {
  content: "/Unit";
}

body.pdp-craving-cubes #arro-purchase-widget .apw-orig-unit {
  display: none;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-pack__totals,
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__totals * {
  font-size: 11px;
}

body.pdp-craving-cubes #arro-purchase-widget .apw-pack__totals {
  text-align: right;
}

body.pdp-craving-cubes .product-thumbnails {
  overflow: hidden;
  max-width: 603px;
}

/* ================= WHAT ARE CRAVING CUBES ================= */
body.pdp-craving-cubes .arb-cubes {
  background: #fff;
  padding: 0;
}

body.pdp-craving-cubes .arb-cubes__inner {
  width: 95%;
  max-width: 1440px;
  padding: 0 7.5px 70px;
}

body.pdp-craving-cubes .arb-cubes__title {
  margin: 50px 0;
  padding: 70px 0;
  font-size: 48px;
  line-height: 58px;
  color: #00a1e9;
}

body.pdp-craving-cubes .arb-cubes__body {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  padding: 50px 0;
  background: #fff;
}

body.pdp-craving-cubes .arb-cubes__img-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  width: 514px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

body.pdp-craving-cubes .arb-cubes__img-wrap .arb-cubes__main-img {
  width: 100%;
  max-width: none;
  height: auto;
}

body.pdp-craving-cubes .arb-cubes__card {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  z-index: 2;
}

body.pdp-craving-cubes .arb-cubes__card-icon {
  width: 60px;
  height: 60px;
  flex-shrink: 0;
}

body.pdp-craving-cubes .arb-cubes__card-body {
  max-width: 300px;
  padding: 20px 15px;
  border-radius: 20px;
  background: rgba(0, 161, 233, .1);
  text-align: left;
}

body.pdp-craving-cubes .arb-cubes__card-heading {
  margin: 0;
  padding-bottom: 10px;
  font-family: var(--font-title-bold, inherit);
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  color: #00a1e9;
}

body.pdp-craving-cubes .arb-cubes__card-subheading {
  margin: 0;
  padding-bottom: 10px;
  font-family: var(--font-title-bold, inherit);
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-transform: uppercase;
  color: #00a1e9;
}

body.pdp-craving-cubes .arb-cubes__card-text {
  margin: 0;
  font-family: var(--font-text-medium, inherit);
  font-size: 12px;
  line-height: 18px;
  color: #00a1e9;
}

body.pdp-craving-cubes .arb-cubes__card--1 {
  justify-content: center;
  margin-left: 30px;
}

body.pdp-craving-cubes .arb-cubes__card--2 {
  justify-content: center;
}

body.pdp-craving-cubes .arb-cubes__card--4 {
  justify-content: center;
  margin-left: 100px;
}

body.pdp-craving-cubes .arb-cubes__card--5 {
  justify-content: center;
  margin: 0 70px 0 50px;
}

body.pdp-craving-cubes .arb-cubes__card--6 {
  justify-content: flex-end;
  margin-left: 30px;
}

body.pdp-craving-cubes .arb-cubes__card--7 {
  grid-column: 1 / 3;
  justify-self: center;
}

body.pdp-craving-cubes .arb-cubes__subtitle {
  max-width: none;
  margin: 70px auto 0;
  font-family: var(--font-title-bold, inherit);
  font-size: 48px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  color: #00a1e9;
}

@media (max-width: 1024px) {
  body.pdp-craving-cubes .arb-cubes__title {
    padding: 30px 0 0;
    margin: 0;
    font-size: 26px;
    line-height: 143%;
  }

  body.pdp-craving-cubes .arb-cubes__body {
    gap: 20px;
    padding: 30px 0;
  }

  body.pdp-craving-cubes .arb-cubes__img-wrap {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    grid-column: 1 / 3;
  }

  body.pdp-craving-cubes .arb-cubes__card {
    margin: 0 !important;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    gap: 5px;
    padding: 15px 0;
  }

  body.pdp-craving-cubes .arb-cubes__card--7 {
    grid-column: auto;
    justify-self: stretch;
  }

  body.pdp-craving-cubes .arb-cubes__card-body {
    max-width: 100%;
    width: 100%;
    background: rgba(0, 161, 233, .08);
  }

  body.pdp-craving-cubes .arb-cubes__card-heading {
    font-size: 16px;
    padding-bottom: 0;
  }
}

/* ================= marquee / FAQ / section order ================= */
body.pdp-craving-cubes .arb-marquee__item {
  font-size: 18px;
}

body.pdp-craving-cubes .arb-faq {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

body.pdp-craving-cubes .arb-faq .arb-container {
  max-width: 850px;
}

body.pdp-craving-cubes .arb-faq__title {
  margin: 0;
  padding: 0 0 30px;
  font-size: 48px;
  line-height: 67px;
  color: #000;
}

body.pdp-craving-cubes .arb-faq__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.pdp-craving-cubes .arb-faq__item {
  border: 1px solid #000;
  border-radius: 30px;
}

body.pdp-craving-cubes .arb-faq__q {
  padding: 12px 30px;
}

body.pdp-craving-cubes .arb-faq__q-text {
  font-size: 20px;
  line-height: 30px;
}

/* Customer Reviews above "You may also like" (as on Shopify) */
body.pdp-craving-cubes div.product.type-product {
  display: flex;
  flex-direction: column;
}

body.pdp-craving-cubes div.product.type-product>* {
  width: 100%;
  order: 0;
}

body.pdp-craving-cubes div.product.type-product>.product-container {
  order: 1;
}

body.pdp-craving-cubes div.product.type-product>.product-arb-pdp {
  order: 2;
}

body.pdp-craving-cubes div.product.type-product>.arro-reviews-bottom {
  order: 3;
}

body.pdp-craving-cubes div.product.type-product>.arro-rel {
  order: 4;
}

@media (max-width: 849px) {

  body.pdp-craving-cubes .product-gallery .woocommerce-product-gallery__image img,
  body.pdp-craving-cubes .product-gallery img.wp-post-image {
    width: 100%;
    height: auto;
  }

  body.pdp-craving-cubes .product-thumbnails {
    padding: 0;
    max-width: 100%;
  }

  body.pdp-craving-cubes .arb-cubes__subtitle,
  body.pdp-craving-cubes .arb-faq__title {
    font-size: 28px;
    line-height: 1.3;
    margin-top: 40px;
  }

  body.pdp-craving-cubes .arb-faq__q-text {
    font-size: 16px;
    line-height: 24px;
  }
}
/* ---------- purchase widget: pixel parity with Shopify .csp (2026-10-10) ---------- */
body.pdp-craving-cubes #arro-purchase-widget .apw-tab,
body.pdp-craving-cubes #arro-purchase-widget .apw-pack,
body.pdp-craving-cubes #arro-purchase-widget ~ .single_add_to_cart_button,
body.pdp-craving-cubes .single_add_to_cart_button {
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  text-transform: none;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-tab { font-size: 13px; border-width: 1.5px; margin: 0; }
body.pdp-craving-cubes #arro-purchase-widget .apw-tab--active { background: #f7e3e7; box-shadow: 0 0 0 1px #ba1734; }
body.pdp-craving-cubes #arro-purchase-widget .apw-tab__title { font-family: Arial, Helvetica, sans-serif; line-height: 1.25; }
body.pdp-craving-cubes #arro-purchase-widget .apw-tab__sub {
  font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 400; line-height: normal; margin-top: 2px; color: #6b7280;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-packs { display: flex; flex-direction: column; gap: 9px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-pack {
  align-items: center; border-width: 1.5px; line-height: normal; color: #0f172a;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack--selected {
  background: #f7e3e7; box-shadow: 0 0 0 1px #ba1734;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__info { display: flex; flex-direction: column; gap: 1.5px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__name {
  display: flex; align-items: center; gap: 5px; line-height: 1.2; color: #0f172a; font-family: Arial, Helvetica, sans-serif;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-off-badge {
  padding: 1.5px 10px; line-height: 12px; border-radius: 20px; background: rgba(216,178,96,.3); color: #1a150b;
  font-family: Arial, Helvetica, sans-serif;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__sub {
  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 500; line-height: normal; color: #656970;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__pricing {
  display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__unit,
body.pdp-craving-cubes #arro-purchase-widget .apw-unit-val {
  font-family: Arial, Helvetica, sans-serif; line-height: 20px;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__totals {
  display: flex; align-items: center; gap: 4px; line-height: normal; color: #656970; font-family: Arial, Helvetica, sans-serif;
}
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__totals * { color: #656970; font-family: Arial, Helvetica, sans-serif; }
body.pdp-craving-cubes #arro-purchase-widget .apw-sub-note {
  padding: 15px 12px; border-radius: 20px; background: #f7e3e7; font-size: 12px; font-weight: 500; line-height: 16.2px;
  color: #111419; gap: 7.5px; margin-top: 12px;
}
body.pdp-craving-cubes .single_add_to_cart_button { line-height: normal; margin-top: 5px; }
body.pdp-craving-cubes .csp-delivery {
  border-radius: 20px; padding: 10px 15px; border-color: #e5e7eb; line-height: 25.2px; justify-content: center; align-items: center; gap: 5px;
}
body.pdp-craving-cubes .csp-delivery span { line-height: 25.2px; }
body.pdp-craving-cubes .csp-guarantee { line-height: 22px; color: #656970; font-size: 14px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-tab,
body.pdp-craving-cubes #arro-purchase-widget .apw-pack { border-width: 1px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-off-badge { letter-spacing: 0; }
body.pdp-craving-cubes .single_add_to_cart_button { min-height: 0; height: auto; padding-top: 20px; padding-bottom: 20px; box-sizing: border-box; border: 0; }
body.pdp-craving-cubes .csp-delivery { padding: 10px 15px; box-sizing: border-box; line-height: 25px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-tab__sub { margin-top: 0; }
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__name { line-height: 19px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__sub { line-height: 14px; }
body.pdp-craving-cubes .single_add_to_cart_button { height: 57px; min-height: 57px; }
body.pdp-craving-cubes .csp-delivery { height: 47px; }
body.pdp-craving-cubes #arro-purchase-widget .apw-pack__sub { margin-top: 0; }
body.pdp-craving-cubes form.cart .single_add_to_cart_button { height: 57px !important; min-height: 57px !important; }