/* ===========================================
   JAR SHOULDER
   Wide curved part connecting the neck to the jar body
   
   Position: starts where neck ends (--jar-shoulder-top)
   z-index: 1 (behind neck, above body)
   =========================================== */

.jar-shoulder {
    position: absolute;
    top: var(--jar-shoulder-top); /* Starts where neck ends */
    left: 50%;
    transform: translateX(-50%);
    width: var(--jar-shoulder-width);
    height: var(--jar-shoulder-height);
    background: rgba(255, 255, 255, 0.03); /* Semi-transparent to see marbles behind */
    border-left: 2px solid var(--jar-border);
    border-right: 2px solid var(--jar-border);
    border-top: none; /* No top border - seamless with neck */
    border-bottom: none;
    border-top-left-radius: var(--jar-rounded-corner);
    border-top-right-radius: var(--jar-rounded-corner);
    z-index: 1;
}