/* 222 Naturals — S52-A005 CP1 PDP / Cart / Checkout */
.n222-commerce-journey .site-content{background:#fff}
.n222-commerce-journey .ast-container{max-width:1280px}

.n222-commerce-journey div.product{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:48px;
  align-items:start;
}
.n222-commerce-journey div.product .woocommerce-product-gallery,
.n222-commerce-journey div.product .summary{
  width:auto!important;
  float:none!important;
}
.n222-commerce-journey div.product .woocommerce-product-gallery__image img{
  border-radius:18px;
  background:#f7f8f7;
}
.n222-commerce-journey div.product .product_title{
  margin-bottom:12px;
  line-height:1.15;
}
.n222-commerce-journey div.product .price{
  font-size:clamp(24px,3vw,34px)!important;
  font-weight:800;
  color:var(--n222-color-text,#17231e)!important;
}
.n222-commerce-journey div.product .star-rating,
.n222-commerce-journey div.product .woocommerce-review-link{
  display:none!important;
}
.n222-commerce-journey div.product form.cart{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin:22px 0;
}
.n222-commerce-journey div.product form.cart .quantity .qty{
  min-height:48px;
  width:78px;
  border-radius:12px;
}
.n222-commerce-journey div.product form.cart .single_add_to_cart_button{
  min-height:48px;
  border-radius:12px!important;
  background:var(--n222-color-brand,#18794e)!important;
  color:#fff!important;
  padding:0 24px!important;
}
.n222-pdp-trust{
  display:grid;
  gap:10px;
  margin-top:24px;
  padding:18px;
  border:1px solid var(--n222-color-border,#dfe5e1);
  border-radius:16px;
  background:#f8faf9;
}
.n222-pdp-trust div{display:grid;gap:3px}
.n222-pdp-trust span{color:var(--n222-color-text-muted,#5f6b66);font-size:14px}

.n222-journey-note{
  display:grid;
  gap:4px;
  margin:0 0 20px;
  padding:16px 18px;
  border:1px solid var(--n222-color-border,#dfe5e1);
  border-radius:14px;
  background:#f8faf9;
}
.n222-journey-note span{color:var(--n222-color-text-muted,#5f6b66)}

.n222-commerce-journey .woocommerce-cart-form,
.n222-commerce-journey .cart_totals,
.n222-commerce-journey .woocommerce-checkout-review-order,
.n222-commerce-journey form.checkout .col2-set{
  border:1px solid var(--n222-color-border,#dfe5e1);
  border-radius:18px;
  background:#fff;
  padding:20px;
}
.n222-commerce-journey .woocommerce-cart-form table,
.n222-commerce-journey .shop_table{
  border-collapse:separate!important;
  border-spacing:0;
}
.n222-commerce-journey .wc-proceed-to-checkout .checkout-button,
.n222-commerce-journey #place_order,
.n222-commerce-journey .button[name="update_cart"]{
  min-height:48px;
  border-radius:12px!important;
}
.n222-commerce-journey .wc-proceed-to-checkout .checkout-button,
.n222-commerce-journey #place_order{
  background:var(--n222-color-brand,#18794e)!important;
  color:#fff!important;
}
.n222-commerce-journey .woocommerce-billing-fields__field-wrapper,
.n222-commerce-journey .woocommerce-shipping-fields__field-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
}
.n222-commerce-journey .form-row{
  width:100%!important;
  float:none!important;
  margin:0!important;
}
.n222-commerce-journey input.input-text,
.n222-commerce-journey select,
.n222-commerce-journey textarea{
  min-height:48px;
  border-radius:10px!important;
}
.n222-commerce-journey textarea{min-height:110px}

@media(max-width:900px){
  .n222-commerce-journey div.product{
    grid-template-columns:1fr;
    gap:24px;
  }
  .n222-commerce-journey .woocommerce-billing-fields__field-wrapper,
  .n222-commerce-journey .woocommerce-shipping-fields__field-wrapper{
    grid-template-columns:1fr;
  }
}
@media(max-width:390px){
  .n222-commerce-journey .ast-container{padding-left:12px!important;padding-right:12px!important}
  .n222-commerce-journey div.product form.cart{
    align-items:stretch;
  }
  .n222-commerce-journey div.product form.cart .single_add_to_cart_button{
    flex:1 1 180px;
  }
  .n222-commerce-journey .woocommerce-cart-form,
  .n222-commerce-journey .cart_totals,
  .n222-commerce-journey .woocommerce-checkout-review-order,
  .n222-commerce-journey form.checkout .col2-set{
    padding:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  .n222-commerce-journey *{transition:none!important;scroll-behavior:auto!important}
}