
      html {
        scroll-behavior: smooth;
      }
      button,
      a,
      input,
      select,
      textarea {
        -webkit-tap-highlight-color: transparent;
      }
      button,
      .button,
      .product-image-link {
        touch-action: manipulation;
      }
      button:focus-visible,
      a:focus-visible,
      input:focus-visible,
      select:focus-visible,
      textarea:focus-visible,
      summary:focus-visible {
        outline: 3px solid #c99645;
        outline-offset: 3px;
      }
      .product-card {
        border: 1px solid rgba(23, 54, 43, 0.1);
        box-shadow: 0 5px 18px rgba(16, 39, 31, 0.06);
        transform: translateZ(0);
        transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
      }
      .product-card:focus-within {
        border-color: #c99645;
        box-shadow: 0 0 0 3px rgba(201, 150, 69, 0.15), 0 10px 26px rgba(16, 39, 31, 0.1);
      }
      .product-image {
        overflow: hidden;
      }
      .product-image-link {
        display: block;
        height: 100%;
      }
      .product-image-link img {
        transition: transform 260ms ease;
      }
      .product-bottom {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end !important;
        gap: 10px 14px !important;
      }
      .price-stack {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 2px;
      }
      .unit-price {
        color: #687770;
        font-size: 12px;
        line-height: 1.25;
      }
      .product-delivery {
        grid-column: 1 / -1;
        color: #52645d;
        font-size: 12px;
        font-weight: 650;
        line-height: 1.35;
      }
      .product-bottom > button {
        min-width: 138px;
        min-height: 46px;
        padding: 0 18px;
        border-radius: 14px;
        transition: transform 140ms ease, background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
      }
      .product-bottom button:active,
      .header-cart:active,
      .floating-cart:active,
      .drawer-footer > button:active {
        transform: translateY(1px) scale(0.98);
      }
      .card-quantity {
        display: grid;
        grid-template-columns: 44px minmax(92px, auto) 44px;
        align-items: center;
        overflow: hidden;
        min-height: 46px;
        border-radius: 14px;
        background: #c99645;
        color: #10271f;
        box-shadow: 0 7px 18px rgba(201, 150, 69, 0.28);
        animation: cart-added 260ms ease both;
      }
      .card-quantity button {
        min-width: 44px;
        min-height: 44px;
        border: 0;
        background: transparent;
        color: inherit;
        font-size: 22px;
        font-weight: 800;
        cursor: pointer;
      }
      .card-quantity span {
        text-align: center;
        font-size: 13px;
        font-weight: 800;
        white-space: nowrap;
      }
      .header-cart,
      .floating-cart {
        min-height: 46px;
        box-shadow: 0 9px 24px rgba(16, 39, 31, 0.18);
        transition: transform 140ms ease, box-shadow 160ms ease;
      }
      .quantity-control button,
      .drawer-header-actions button {
        min-width: 44px;
        min-height: 44px;
      }
      .drawer-footer > button,
      .category-tabs button,
      .show-all {
        min-height: 46px;
      }
      .cart-drawer {
        height: 100dvh;
        overscroll-behavior: contain;
        box-shadow: -18px 0 50px rgba(16, 39, 31, 0.18);
        animation: drawer-in 220ms cubic-bezier(0.22, 0.8, 0.22, 1) both;
      }
      .drawer-backdrop {
        animation: fade-in 180ms ease both;
      }
      .checkout-option {
        box-shadow: 0 4px 14px rgba(16, 39, 31, 0.05);
      }
      .checkout-choice-list {
        display: grid;
        gap: 10px;
      }
      .quick-checkout-option {
        border-color: rgba(32, 122, 82, 0.28) !important;
        background: #eef8f3 !important;
      }
      .quick-checkout-mark {
        display: grid;
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        place-items: center;
        border-radius: 12px;
        background: #18794e;
        color: #fff;
        font-size: 20px;
        font-weight: 900;
      }
      .checkout-security-note {
        line-height: 1.45;
      }
      .integration-progress,
      .setup-badge {
        display: none !important;
      }
      .checkout-form > section:nth-of-type(2) .checkout-fields {
        display: grid;
      }
      .delivery-form > label,
      .delivery-form > button,
      .delivery-form .delivery-result,
      .delivery-form .delivery-notice {
        display: none !important;
      }
      .delivery-form::after {
        content: "Стоимость и удобный пункт выдачи подтвердим до оплаты.";
        display: block;
        margin-top: 16px;
        padding: 16px;
        border-radius: 14px;
        background: #eef7f2;
        border: 1px solid rgba(23, 54, 43, 0.12);
        color: #17362b;
        font-weight: 700;
        line-height: 1.45;
      }
      .site-info-links {
        max-width: none !important;
        margin: 0 !important;
        padding: 20px max(24px, calc((100% - 1160px) / 2)) 28px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        background: #10271f !important;
        color: #dce7e2 !important;
      }
      .site-info-links a {
        color: #efcd91 !important;
      }
      @keyframes cart-added {
        from { transform: scale(0.96); }
        to { transform: scale(1); }
      }
      @keyframes drawer-in {
        from { transform: translateX(24px); opacity: 0.72; }
      }
      @keyframes fade-in {
        from { opacity: 0; }
      }
      @media (hover: hover) {
        .product-card:hover {
          border-color: rgba(201, 150, 69, 0.38);
          box-shadow: 0 14px 34px rgba(16, 39, 31, 0.12);
          transform: translateY(-3px);
        }
        .product-card:hover .product-image-link img {
          transform: scale(1.025);
        }
        .product-bottom > button:hover,
        .card-quantity button:hover {
          box-shadow: 0 8px 20px rgba(16, 39, 31, 0.18);
        }
      }
      @media (max-width: 640px) {
        .product-bottom {
          grid-template-columns: 1fr;
          align-items: stretch !important;
        }
        .product-bottom > button,
        .card-quantity {
          width: 100%;
          min-height: 52px;
        }
        .card-quantity {
          grid-template-columns: 52px 1fr 52px;
        }
        .card-quantity button {
          min-width: 52px;
          min-height: 52px;
        }
        .product-delivery {
          grid-column: 1;
        }
        .floating-cart {
          right: 14px;
          bottom: max(14px, env(safe-area-inset-bottom));
          left: 14px;
          width: auto;
          min-height: 52px;
        }
        .drawer-footer {
          padding-bottom: max(28px, env(safe-area-inset-bottom));
        }
        .quantity-control button,
        .drawer-header-actions button {
          min-width: 48px;
          min-height: 48px;
        }
        .drawer-footer > button {
          white-space: normal;
        }
      }
      