/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./code/app_tanishq_singapore/cartridge/client/default/scss/cartTypographyOverrides.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --skin-link-color-2: #212121; }

@media (max-width: 767.98px) {
  .cart-page .yourCart {
    font-size: 20px !important; }
  /* Narrow the price column on Singapore only; the shared 40% wraps the price here. */
  .cart-page .unit-price.price-variation {
    width: 33% !important; } }

/* Keep postal-code validation errors visually consistent across cart states. */
.cart-pin-form-wrapper .pincheck-feedback .pincode-validation-error,
.cart-pin-form-wrapper .pincheck-feedback .not-deliverable,
.cart-pin-form-wrapper .errormsg-cartpage {
  color: #ff0607;
  font-family: "nunito_sansregular";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.125rem;
  margin-bottom: 0; }

/*
 * Tablet: undo the shared cart.css magic-number positioning
 * (.abc88 margin-left:29%, .kkkol margin-left:31%, .js-gift-message-trigger
 * width:82% + margin-left:120px) which leaves the wishlist/delete icons and
 * Gift Message floating mid-row on SG. Lay them out with flex instead:
 * icons pinned to the right edge of the product-name row, Gift Message
 * flowing inline after the price.
 */
@media (min-width: 768px) and (max-width: 1023.98px) {
  .cart-page {
    /*
         * Footer total + CTA buttons: the md grid (5/7 split, buttons halved
         * again via col-md-6) leaves each button ~29% of the row, wrapping
         * "CONTINUE SHOPPING" / "PROCEED TO CHECKOUT" onto two lines.
         * Stack total and buttons full-width (mirrors the col-12 mobile
         * pattern) so each button gets ~50% and stays single-line.
         */ }
    .cart-page .line-item-name.custom-cart .productName {
      width: auto !important; }
    .cart-page .line-item-name.custom-cart .abc88 {
      margin-left: auto !important;
      float: none !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .cart-page .cart-p-price .js-gift-message-trigger {
      width: auto !important;
      margin-left: auto !important; }
    .cart-page .cart-p-price .kkkol {
      margin-left: 0 !important; }
    .cart-page .footer-cart > .container > .row > [class*="col-"] {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%; }
    .cart-page .footer-cart .btnsection {
      margin-top: 0.5rem; } }


/*# sourceMappingURL=default\css\cartTypographyOverrides.css.map*/