.share-platform-btn.imessage { background:#34C759; color:#fff; }
        .share-platform-btn.imessage:hover { background:#2DB14E; }
        .share-platform-btn.messenger { background:linear-gradient(135deg,#00B2FF 0%,#006AFF 100%); color:#fff; }
        .share-platform-btn.messenger:hover { filter:brightness(1.05); }
        .share-platform-btn.facebook { background:#1877F2; color:#fff; }
        .share-platform-btn.facebook:hover { background:#166fe0; }
        .share-platform-btn.instagram {
          background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
          color:#fff;
        }
        .share-platform-btn.instagram:hover { filter:brightness(1.05); }
        .mystery-unlock-card { transition: transform .15s ease, box-shadow .15s ease; }
        .mystery-unlock-card:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(122,31,189,0.45) !important; }
        @media (pointer: fine) {
          .share-platform-btn[data-mobile-only="1"] { display: none; }
        }

        /* ============================================================ */
        /* Mobile / iPhone UX polish (2026-04-22) — playful & tappable   */
        /* ============================================================ */

        /* iPhone safe-area top inset on the sticky header — only once the
           trustpilot bar has scrolled off, so we don't double-pad on first paint.
           JS in artworks-page.html toggles `.scrolled` via IntersectionObserver. */
        @supports (padding: max(0px)) {
          .header-cart-bar.scrolled {
            padding-top: max(9px, env(safe-area-inset-top, 0px));
          }
        }

        /* Sticky cart bar — pill buttons, frosted glass, playful cart count */
        @media (max-width: 640px) {
          .header-cart-bar {
            padding: 10px 12px;
            gap: 8px;
            background: rgba(255,255,255,0.92);
            backdrop-filter: saturate(180%) blur(12px);
            -webkit-backdrop-filter: saturate(180%) blur(12px);
          }
          .share-gallery-btn {
            min-height: 40px;
            padding: 9px 14px;
            border-radius: 999px;
            background: linear-gradient(135deg,#ec4899,#e91e63);
            color: #fff;
            border: none;
            box-shadow: 0 4px 14px rgba(236,72,153,0.35);
          }
          .share-gallery-btn i { font-size: 15px; color:#fff; }
          .header-cart-bar.has-items .share-gallery-btn {
            background: rgba(255,255,255,0.22);
            box-shadow: none;
          }
          .header-cart-bar:not(.has-items) .header-cart-btn {
            background: #111;
            color: #fff;
            border-color: #111;
          }
          .header-cart-btn {
            min-height: 40px;
            padding: 9px 18px;
            border-radius: 999px;
          }
          .header-cart-count {
            box-shadow: 0 0 0 2px #fff;
            animation: pgCartPulse 2s ease-in-out infinite;
          }
        }
        @keyframes pgCartPulse {
          0%,100% { transform: scale(1); }
          50%     { transform: scale(1.09); }
        }

        /* "Generate New Previews" card — animated gradient border & rotating plus */
        .artwork-item.generate-new-item {
          background: linear-gradient(180deg,#ffffff 0%,#fff0f5 100%) !important;
          border: 2px dashed #f9a8d4 !important;
          border-radius: 16px !important;
          transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
        }
        .artwork-item.generate-new-item:hover,
        .artwork-item.generate-new-item:active {
          border-color: #ec4899 !important;
          box-shadow: 0 8px 24px rgba(236,72,153,0.22) !important;
          transform: translateY(-2px) !important;
        }
        .artwork-item.generate-new-item .generate-new-icon {
          background: linear-gradient(135deg,#ec4899,#a855f7) !important;
          color: #fff !important;
          width: 56px !important;
          height: 56px !important;
          line-height: 56px !important;
          border-radius: 50% !important;
          font-size: 34px !important;
          box-shadow: 0 6px 18px rgba(236,72,153,0.35) !important;
          transition: transform .35s cubic-bezier(0.34,1.56,0.64,1) !important;
        }
        .artwork-item.generate-new-item:hover .generate-new-icon,
        .artwork-item.generate-new-item:active .generate-new-icon {
          transform: rotate(90deg) scale(1.08) !important;
        }

        /* Share Your Gallery inline card — gradient border, floating icon, bigger taps */
        .share-gallery-card {
          background: linear-gradient(135deg,#fdf4ff 0%,#ede9fe 55%,#e0e7ff 100%) !important;
          border: none !important;
          position: relative;
          overflow: hidden;
          box-shadow: 0 6px 20px rgba(124,58,237,0.12) !important;
        }
        .share-gallery-card::before {
          content: '';
          position: absolute;
          inset: 0;
          border-radius: inherit;
          padding: 2px;
          background: linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6);
          -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          -webkit-mask-composite: xor;
                  mask-composite: exclude;
          pointer-events: none;
          opacity: .55;
        }
        .share-gallery-card .share-card-header i {
          font-size: 1.8rem !important;
          animation: pgShareFloat 3s ease-in-out infinite;
        }
        @keyframes pgShareFloat {
          0%,100% { transform: translateY(0) rotate(-2deg); }
          50%     { transform: translateY(-4px) rotate(2deg); }
        }
        .share-gallery-card .share-card-header h3 {
          font-size: 1.1rem !important;
          background: linear-gradient(135deg,#7c3aed,#ec4899);
          -webkit-background-clip: text;
                  background-clip: text;
          -webkit-text-fill-color: transparent;
          color: transparent !important;
        }
        .share-gallery-card .share-platform-btn {
          min-height: 56px !important;
          padding: 10px 6px !important;
          border-radius: 14px !important;
          box-shadow: 0 3px 10px rgba(0,0,0,0.08) !important;
          transition: transform .15s ease, box-shadow .15s ease !important;
        }
        .share-gallery-card .share-platform-btn:hover {
          transform: translateY(-2px) !important;
          box-shadow: 0 8px 18px rgba(0,0,0,0.18) !important;
        }
        .share-gallery-card .share-platform-btn:active {
          transform: scale(0.94) !important;
        }
        .share-gallery-card .share-platform-btn i { font-size: 1.3rem !important; }

        /* Add More, Save More — progression feel, animated Best-value glow */
        #tieredDiscountBanner {
          background: linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%) !important;
          border: 1px solid #86efac !important;
          box-shadow: 0 4px 14px rgba(16,185,129,0.15) !important;
        }
        #tieredDiscountBanner .discount-tier {
          position: relative;
          transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
        }
        #tieredDiscountBanner .discount-tier:active { transform: scale(0.97); }
        #tieredDiscountBanner .discount-tier:nth-child(3) {
          overflow: visible;
        }
        #tieredDiscountBanner .discount-tier:nth-child(3)::after {
          content: '';
          position: absolute;
          inset: -3px;
          border-radius: 12px;
          background: linear-gradient(135deg,#10b981,#34d399,#10b981);
          background-size: 200% 200%;
          animation: pgBestValueGlow 3.5s ease-in-out infinite;
          z-index: -1;
          opacity: .45;
          filter: blur(4px);
        }
        @keyframes pgBestValueGlow {
          0%,100% { background-position: 0% 50%; }
          50%     { background-position: 100% 50%; }
        }

        /* Mystery Designs unlock card — magical sweep, bouncing gift, pulsing CTA */
        .mystery-unlock-card {
          position: relative;
          overflow: hidden !important;
          background: linear-gradient(135deg,#1e1b4b 0%,#7c3aed 45%,#ec4899 100%) !important;
          box-shadow: 0 14px 34px rgba(124,58,237,0.42) !important;
        }
        .mystery-unlock-card::before {
          content: '';
          position: absolute;
          top: -60%; left: -60%;
          width: 220%; height: 220%;
          background: radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 55%);
          animation: pgMysterySweep 7s linear infinite;
          pointer-events: none;
        }
        .mystery-unlock-card::after {
          content: '✨';
          position: absolute;
          top: 14px; right: 18px;
          font-size: 20px;
          animation: pgSparkle 2.2s ease-in-out infinite;
          pointer-events: none;
        }
        @keyframes pgMysterySweep {
          0%   { transform: translate(-10%,-10%) rotate(0deg); }
          100% { transform: translate(-10%,-10%) rotate(360deg); }
        }
        @keyframes pgSparkle {
          0%,100% { transform: scale(1) rotate(0deg); opacity: .6; }
          50%     { transform: scale(1.25) rotate(20deg); opacity: 1; }
        }
        .mystery-unlock-card > * { position: relative; z-index: 1; }
        .mystery-unlock-card > div:first-child {
          animation: pgGiftBounce 2.2s cubic-bezier(0.34,1.56,0.64,1) infinite;
        }
        @keyframes pgGiftBounce {
          0%,100% { transform: translateY(0) rotate(-4deg); }
          50%     { transform: translateY(-6px) rotate(4deg); }
        }
        .mystery-unlock-card > div:last-child {
          animation: pgMysteryCTA 2.4s ease-in-out infinite;
        }
        @keyframes pgMysteryCTA {
          0%,100% { transform: scale(1);    box-shadow: 0 6px 20px rgba(255,255,255,0.25); }
          50%     { transform: scale(1.04); box-shadow: 0 10px 28px rgba(255,255,255,0.5); }
        }

        /* Tighter tuning for narrow iPhones */
        @media (max-width: 480px) {
          .share-gallery-card {
            padding: 22px 14px !important;
            gap: 14px !important;
          }
          .share-gallery-card .share-platforms {
            grid-template-columns: repeat(2, 1fr) !important;
            gap: 10px !important;
          }
          .share-gallery-card .share-platform-btn {
            min-height: 60px !important;
            font-size: 0.82rem !important;
          }
          .share-gallery-card .share-platform-btn i { font-size: 1.35rem !important; }
          #tieredDiscountBanner { padding: 16px 12px !important; }
          #tieredDiscountBanner .discount-tier {
            padding: 14px 8px !important;
            min-height: 90px;
          }
          .mystery-unlock-card {
            min-height: 280px !important;
            padding: 26px 20px !important;
          }
        }

        @media (prefers-reduced-motion: reduce) {
          .header-cart-count,
          .share-gallery-card .share-card-header i,
          .mystery-unlock-card::before,
          .mystery-unlock-card::after,
          .mystery-unlock-card > div:first-child,
          .mystery-unlock-card > div:last-child,
          #tieredDiscountBanner .discount-tier:nth-child(3)::after {
            animation: none !important;
          }
        }