.score-row {
    display:grid;
    grid-template-columns:1fr 1fr 75px;
    gap:10px;
    margin-bottom:17px;
    align-items:stretch
}
.score-card {
    position:relative;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:15px;
    padding:13px 18px 11px;
    min-height:77px
}
.score-card>span:first-child {
    display:block;
    font-size:8px;
    font-weight:750;
    letter-spacing:1.4px;
    color:#707766
}
.score-card strong {
    font-size:29px;
    font-weight:650;
    letter-spacing:-1px;
    line-height:1.35
}
.current-score {
    background:#edf0e2;
    border-color:#dfe4cf
}
.current-score strong {
    color:var(--green)
}
.restart-button {
    border:1px solid var(--line);
    background:#fffef9;
    border-radius:15px;
    display:grid;
    align-content:center;
    justify-items:center;
    gap:2px
}
.restart-button>span {
    font-size:26px;
    line-height:1
}
.restart-button small {
    font-size:9px;
    color:var(--muted)
}
#score-gain {
    position:absolute;
    right:12px;
    bottom:17px;
    color:#b8563d;
    font-weight:750;
    font-size:15px;
    pointer-events:none
}
.board-shell {
    padding:13px;
    background:#e3e5d3;
    border:1px solid #d0d7be;
    border-radius:23px;
    box-shadow:0 5px 0 #c7ceb6,0 16px 30px #4c61361a
}
.board-topline {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 2px 11px;
    font-size:8px;
    font-weight:650;
    letter-spacing:.9px;
    color:#6c795f
}
.board-topline>span:first-child {
    display:flex;
    align-items:center;
    gap:6px
}
.board-topline>span:last-child {
    font-size:9px;
    font-weight:400;
    letter-spacing:0
}
.board {
    position:relative;
    width:100%;
    aspect-ratio:1;
    touch-action:none;
    border-radius:13px;
    outline-offset:6px
}
.board-grid {
    position:absolute;
    inset:0;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:repeat(4,1fr);
    gap:9px
}
.cell {
    background:#cfd6bf99;
    border:1px solid #cbd3ba;
    border-radius:12px;
    box-shadow:inset 0 2px 3px #78826708
}
.tile-layer {
    position:absolute;
    inset:0
}
.tile {
    position:absolute;
    top:0;
    left:0;
    width:calc((100% - 27px)/4);
    height:calc((100% - 27px)/4);
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    background:#fcf7e9;
    box-shadow:0 3px 0 #b6bfa755,0 2px 8px #56683c0a;
    will-change:transform;
    border:1px solid #fffefa;
    transition:transform var(--move) cubic-bezier(.22,.65,.38,1)
}
.tile img {
    width:75%;
    height:78%;
    object-fit:contain;
    pointer-events:none;
    user-select:none;
    filter:drop-shadow(0 3px 2px #4947260a)
}
.tile small {
    font-size:10px;
    font-weight:700;
    color:#75644d;
    position:absolute;
    bottom:3px;
    right:8px;
    opacity:.8
}
.tile[data-tier="2"] {
    background:#fff0e8
}
.tile[data-tier="3"] {
    background:#f0eafb
}
.tile[data-tier="4"] {
    background:#fff0d2
}
.tile[data-tier="5"] {
    background:#ffeadf
}
.tile[data-tier="6"] {
    background:#f3f6d8
}
.tile[data-tier="7"] {
    background:#ffe7df
}
.tile[data-tier="8"] {
    background:#fff1c3
}
.tile[data-tier="9"] {
    background:#e8f3d9
}
.tile[data-tier="10"] {
    background:#fbe6ef
}
.tile[data-tier="11"] {
    background:#f8e7a0;
    border-color:#e3ba4f
}
.tile.merged img {
    animation:merge-pop .26s ease-out
}
.tile.spawned {
    animation:spawn .22s ease-out
}
.board.pruning .tile[data-tier="1"],.board.pruning .tile[data-tier="2"] {
    outline:3px solid var(--coral);
    cursor:pointer
}
.board-help {
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:center;
    padding:20px 2px 16px;
    color:#77806d;
    font-size:9px
}
.keyboard-hint {
    display:flex;
    align-items:center;
    gap:3px
}
.keyboard-hint kbd:last-of-type {
    margin-right:4px
}
.touch-hint {
    display:none
}
.power-bar {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow:hidden;
    background:#efeede;
    border:1px solid #e3e4d4;
    border-radius:15px;
    padding:9px 10px 10px
}
.power-label {
    grid-column:1 / -1;
    display:block;
    font-size:8px;
    line-height:1;
    letter-spacing:.9px;
    font-weight:700;
    color:#747b64;
    margin:0 0 1px;
    text-align:left;
    white-space:nowrap
}
.power-button {
    background:#fffdf5;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    border:1px solid #e4e3d4;
    border-radius:9px;
    padding:8px 7px;
    min-height:40px;
    font-size:11px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden
}
.power-button>span {
    font-size:11px;
    line-height:1;
    color:#708064
}
.power-button b {
    border-radius:50%;
    background:#f0eddf;
    min-width:19px;
    height:19px;
    display:grid;
    place-items:center;
    font-size:10px;
    font-weight:500;
    margin-left:3px
}
.welcome-overlay {
    position:absolute;
    inset:0;
    border-radius:13px;
    display:grid;
    place-items:center;
    z-index:4;
    background:#f8f5e64d;
    backdrop-filter:blur(3px);
    padding:20px
}
.welcome-overlay>div {
    background:#fffef9ee;
    box-shadow:0 15px 40px #48523524;
    border:1px solid #fffdf5;
    border-radius:19px;
    text-align:center;
    padding:29px 25px;
    max-width:310px
}
.welcome-overlay h2 {
    font-family:Georgia,serif;
    font-size:34px;
    font-weight:500;
    margin:13px 0;
    color:#3e563d
}
.welcome-overlay p {
    font-size:11px;
    color:var(--muted);
    margin-bottom:21px
}
.welcome-overlay small {
    display:block;
    margin-top:16px;
    color:var(--muted);
    font-size:9px
}
.welcome-overlay .primary-button {
    width:100%
}
.board-feedback {
    pointer-events:none;
    position:absolute;
    left:0;
    right:0;
    top:40%;
    text-align:center;
    color:var(--green);
    z-index:6;
    font-size:26px;
    font-family:Georgia,serif;
    text-shadow:0 2px 0 #fff9;
    filter:drop-shadow(0 4px 6px #fff);
    opacity:0
}
.board-feedback.active {
    animation:feedback .85s ease-out
}
.connection {
    margin-top:15px;
    background:#fff0dc;
    border:1px solid #d4b98b;
    padding:14px;
    border-radius:12px;
    font-size:12px
}
.connection button {
    text-decoration:underline;
    font-weight:700;
    display:block;
    padding:8px 0 0
}
.mobile-tools {
    display:none
}
@keyframes merge-pop {
    0% {
        transform:scale(.8)
    }
    45% {
        transform:scale(1.15) rotate(-4deg)
    }
    100% {
        transform:scale(1)
    }
}
@keyframes spawn {
    0% {
        opacity:0;
        scale:.3
    }
    100% {
        opacity:1;
        scale:1
    }
}
@keyframes feedback {
    0% {
        opacity:0;
        transform:translateY(15px) scale(.85)
    }
    20%,60% {
        opacity:1;
        transform:translateY(0) scale(1)
    }
    100% {
        opacity:0;
        transform:translateY(-24px)
    }
}
.juice-dot {
    position:absolute;
    left:50%;
    top:48%;
    width:7px;
    height:7px;
    background:#d7a344;
    border-radius:50%;
    pointer-events:none;
    z-index:5;
    animation:juice-burst .7s ease-out forwards
}
.juice-dot:nth-of-type(even) {
    background:#98b471;
    width:5px;
    height:9px
}
@keyframes juice-burst {
    0% {
        opacity:0;
        transform:translate(0,0) scale(.3)
    }
    20% {
        opacity:1
    }
    100% {
        opacity:0;
        transform:translate(var(--dx),var(--dy)) scale(.6)
    }
}


/* In-game horizontal advertisement */
.game-ad {
    width: 100%;
    margin: 22px 0 6px;
    text-align: center;
}

.game-ad-label {
    margin-bottom: 7px;
    color: var(--muted);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.game-ad-unit {
    width: 100%;
    min-height: 90px;
    overflow: hidden;
}

.game-ad-unit .adsbygoogle {
    width: 100%;
}

.power-button-label-short {
    display:inline
}
.power-button-label-full {
    display:none
}
.power-button-label {
    min-width:0;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}

/* =========================================================
   MERGE EFFECTS
   Lightweight, tier-aware effects. Presentation only.
   ========================================================= */

.tile.merged {
    isolation:isolate
}
.tile.merged::before,
.tile.merged::after {
    content:"";
    position:absolute;
    pointer-events:none;
    border-radius:inherit
}
.tile.merged::before {
    inset:-3px;
    border:2px solid color-mix(in srgb,var(--fruit-color,#d7a344) 72%,white);
    box-shadow:
        0 0 0 1px #fff8 inset,
        0 0 16px color-mix(in srgb,var(--fruit-color,#d7a344) 50%,transparent);
    animation:merge-ring .46s ease-out forwards
}
.tile.merged::after {
    inset:8%;
    background:radial-gradient(circle,#fff9 0 10%,color-mix(in srgb,var(--fruit-color,#d7a344) 42%,transparent) 34%,transparent 70%);
    mix-blend-mode:screen;
    animation:merge-glow .42s ease-out forwards
}
.tile.merge-mid img {
    animation:merge-pop-mid .3s cubic-bezier(.18,.76,.32,1.2)
}
.tile.merge-high img {
    animation:merge-pop-high .34s cubic-bezier(.18,.76,.28,1.24)
}
.tile.merge-golden {
    box-shadow:
        0 3px 0 #b6bfa755,
        0 2px 8px #56683c0a,
        0 0 18px #f3c34b88
}
.tile.merge-golden img {
    animation:merge-pop-golden .42s cubic-bezier(.18,.78,.24,1.26);
    filter:drop-shadow(0 0 7px #ffd85faa) drop-shadow(0 3px 2px #4947260a)
}
.tile.merge-finale {
    z-index:4;
    box-shadow:
        0 0 0 2px #fff8,
        0 0 22px #ffe367cc,
        0 0 48px #f5b63188
}
.tile.merge-finale img {
    animation:merge-pop-finale .62s cubic-bezier(.16,.8,.2,1.18);
    filter:drop-shadow(0 0 9px #fff) drop-shadow(0 0 18px #ffd84c) drop-shadow(0 3px 2px #4947260a)
}

.merge-burst,
.merge-particle {
    position:absolute;
    left:var(--fx-x);
    top:var(--fx-y);
    pointer-events:none;
    z-index:8
}
.merge-burst {
    width:26px;
    height:26px;
    margin:-13px;
    border-radius:50%;
    border:2px solid color-mix(in srgb,var(--fx-color,#d7a344) 65%,white);
    box-shadow:0 0 14px color-mix(in srgb,var(--fx-color,#d7a344) 66%,transparent);
    animation:merge-burst-ring .55s ease-out forwards
}
.merge-burst--high {
    border-width:3px;
    box-shadow:0 0 18px color-mix(in srgb,var(--fx-color,#d7a344) 80%,transparent)
}
.merge-burst--golden,
.merge-burst--finale {
    border-color:#ffe77c;
    box-shadow:0 0 12px #fff9,0 0 28px #f7c444bb;
    animation-duration:.74s
}
.merge-burst--finale::after {
    content:"✦";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    color:#fff5b5;
    font-size:20px;
    text-shadow:0 0 7px #fff,0 0 15px #ffcb3d;
    animation:merge-star-core .72s ease-out forwards
}
.merge-particle {
    width:6px;
    height:6px;
    margin:-3px;
    border-radius:50%;
    background:color-mix(in srgb,var(--fx-color,#d7a344) 70%,white);
    box-shadow:0 0 7px color-mix(in srgb,var(--fx-color,#d7a344) 70%,transparent);
    animation:merge-particle-fly .58s var(--delay,0ms) ease-out forwards
}
.merge-particle--golden {
    background:#ffe77c;
    box-shadow:0 0 8px #ffd24e;
    animation-duration:.76s
}
.merge-particle--star {
    width:8px;
    height:8px;
    margin:-4px;
    border-radius:1px;
    transform:rotate(45deg);
    background:#fff7c7;
    box-shadow:0 0 8px #fff,0 0 12px #ffd244
}

.board.merge-pulse-combo {
    animation:board-pulse-combo .32s ease-out
}
.board.merge-pulse-high {
    animation:board-pulse-high .38s ease-out
}
.board.merge-pulse-golden {
    animation:board-pulse-golden .52s ease-out
}
.board.merge-pulse-finale {
    animation:board-pulse-finale .68s ease-out
}

@keyframes merge-ring {
    0% {opacity:.9;transform:scale(.72)}
    100% {opacity:0;transform:scale(1.23)}
}
@keyframes merge-glow {
    0% {opacity:0;transform:scale(.55)}
    35% {opacity:1}
    100% {opacity:0;transform:scale(1.35)}
}
@keyframes merge-pop-mid {
    0% {transform:scale(.68) rotate(-3deg)}
    58% {transform:scale(1.18) rotate(2deg)}
    100% {transform:scale(1)}
}
@keyframes merge-pop-high {
    0% {transform:scale(.62) rotate(-5deg)}
    52% {transform:scale(1.24) rotate(3deg)}
    100% {transform:scale(1)}
}
@keyframes merge-pop-golden {
    0% {transform:scale(.55) rotate(-6deg);filter:brightness(1.7)}
    48% {transform:scale(1.28) rotate(4deg);filter:brightness(1.2)}
    100% {transform:scale(1);filter:brightness(1)}
}
@keyframes merge-pop-finale {
    0% {transform:scale(.45) rotate(-8deg);filter:brightness(2)}
    42% {transform:scale(1.34) rotate(5deg);filter:brightness(1.35)}
    72% {transform:scale(.96) rotate(-1deg)}
    100% {transform:scale(1);filter:brightness(1)}
}
@keyframes merge-burst-ring {
    0% {opacity:1;transform:scale(.35)}
    100% {opacity:0;transform:scale(3.1)}
}
@keyframes merge-star-core {
    0% {opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(0)}
    40% {opacity:1}
    100% {opacity:0;transform:translate(-50%,-50%) scale(2.3) rotate(90deg)}
}
@keyframes merge-particle-fly {
    0% {opacity:0;translate:0 0;scale:.4}
    15% {opacity:1}
    100% {opacity:0;translate:var(--dx) var(--dy);scale:.1}
}
@keyframes board-pulse-combo {
    0%,100% {filter:none}
    45% {filter:brightness(1.04) saturate(1.05)}
}
@keyframes board-pulse-high {
    0%,100% {filter:none}
    42% {filter:brightness(1.07) saturate(1.1)}
}
@keyframes board-pulse-golden {
    0%,100% {filter:none}
    38% {filter:brightness(1.11) saturate(1.15);box-shadow:0 0 0 2px #ffe37a55,0 0 24px #efbb4166}
}
@keyframes board-pulse-finale {
    0%,100% {filter:none}
    35% {filter:brightness(1.18) saturate(1.2);box-shadow:0 0 0 3px #fff3a488,0 0 34px #f1bd3a99}
}

body.reduced-effects .merge-burst,
body.reduced-effects .merge-particle {
    display:none!important
}


/* Blocked-direction feedback */
.board.blocked-move {
    isolation:isolate;
}
.board.blocked-move::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:5;
    pointer-events:none;
    border-radius:13px;
    border:2px solid rgba(177,91,66,.42);
    background:rgba(177,91,66,.10);
    animation:blocked-flash .30s ease-out both;
}
.board.blocked-left { animation:blocked-left .28s ease-out; }
.board.blocked-right { animation:blocked-right .28s ease-out; }
.board.blocked-up { animation:blocked-up .28s ease-out; }
.board.blocked-down { animation:blocked-down .28s ease-out; }
.board-feedback[data-kind="blocked"] {
    color:#9b4f3f;
    font-weight:700;
    text-shadow:0 2px 0 rgba(255,255,255,.92);
    filter:drop-shadow(0 4px 8px rgba(255,255,255,.85));
}
.board-feedback[data-kind="blocked"].active {
    animation:blocked-feedback .72s ease-out;
}
.board-feedback[data-kind="discovery"] {
    color:#a97613;
}
@keyframes blocked-left {
    0%,100% { transform:translateX(0); }
    32% { transform:translateX(-7px); }
    62% { transform:translateX(3px); }
}
@keyframes blocked-right {
    0%,100% { transform:translateX(0); }
    32% { transform:translateX(7px); }
    62% { transform:translateX(-3px); }
}
@keyframes blocked-up {
    0%,100% { transform:translateY(0); }
    32% { transform:translateY(-7px); }
    62% { transform:translateY(3px); }
}
@keyframes blocked-down {
    0%,100% { transform:translateY(0); }
    32% { transform:translateY(7px); }
    62% { transform:translateY(-3px); }
}
@keyframes blocked-flash {
    0% { opacity:0; transform:scale(.985); }
    28% { opacity:1; }
    100% { opacity:0; transform:scale(1); }
}
@keyframes blocked-feedback {
    0% { opacity:0; transform:scale(.82); }
    18%,62% { opacity:1; transform:scale(1.04); }
    100% { opacity:0; transform:scale(.96); }
}
.reduced-effects .board.blocked-left,
.reduced-effects .board.blocked-right,
.reduced-effects .board.blocked-up,
.reduced-effects .board.blocked-down {
    animation:none;
}
.reduced-effects .board.blocked-move::after {
    animation:none;
    opacity:.45;
}

/* Picnic basket inventory entry point */
.picnic-basket-bar {
    width:100%;
    margin-top:4px;
}
.picnic-basket-button {
    position:relative;
    display:grid;
    grid-template-columns:104px minmax(0,1fr) auto auto;
    align-items:center;
    gap:16px;
    width:100%;
    min-height:124px;
    padding:14px 18px 14px 12px;
    border:1px solid #d8d8bf;
    border-radius:22px;
    background:
        radial-gradient(circle at 82% 26%,rgba(255,255,255,.82),transparent 30%),
        linear-gradient(135deg,#f5ecd6 0%,#fffaf0 50%,#edf3df 100%);
    box-shadow:0 13px 34px rgba(75,82,57,.09);
    color:var(--ink);
    text-align:left;
    overflow:hidden;
    isolation:isolate;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.picnic-basket-button::before,
.picnic-basket-button::after {
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
    z-index:-1;
}
.picnic-basket-button::before {
    width:180px;
    height:180px;
    left:-72px;
    top:-76px;
    background:rgba(219,190,126,.11);
}
.picnic-basket-button::after {
    width:170px;
    height:120px;
    right:-38px;
    bottom:-58px;
    background:rgba(119,148,83,.11);
}
.picnic-basket-button:hover {
    transform:translateY(-2px);
    border-color:#c1c4a8;
    box-shadow:0 17px 42px rgba(75,82,57,.13);
}
.picnic-basket-button:focus-visible {
    outline:3px solid rgba(118,139,91,.28);
    outline-offset:3px;
}
.picnic-basket-button.is-empty {
    background:linear-gradient(135deg,#f5f1e8 0%,#faf9f3 55%,#f0f1e9 100%);
}
.picnic-basket-art {
    display:grid;
    place-items:center;
    width:104px;
    height:92px;
    border-radius:19px;
    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.82);
    box-shadow:inset 0 0 0 1px rgba(212,205,180,.28);
}
.picnic-basket-art img {
    width:98px;
    height:84px;
    object-fit:contain;
}
.picnic-basket-copy {
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.picnic-basket-kicker {
    font-size:8px;
    line-height:1;
    letter-spacing:1.45px;
    font-weight:800;
    color:#748064;
}
.picnic-basket-copy>strong {
    font-family:Georgia,serif;
    font-size:24px;
    font-weight:500;
    letter-spacing:-.45px;
}
.picnic-basket-copy>small {
    color:var(--muted);
    font-size:10px;
    line-height:1.45;
}
.picnic-basket-preview {
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
    margin-top:9px;
}
.basket-preview-chip {
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:26px;
    padding:4px 7px;
    border:1px solid #dedfca;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:#68715b;
    font-size:9px;
    font-weight:650;
}
.basket-preview-chip>b {
    display:grid;
    place-items:center;
    width:17px;
    height:17px;
    border-radius:50%;
    background:#e8eddc;
    color:#647653;
    font-size:10px;
}
.basket-preview-chip em {
    display:grid;
    place-items:center;
    min-width:18px;
    height:18px;
    padding:0 4px;
    border-radius:999px;
    background:#73885e;
    color:#fff;
    font-size:9px;
    font-style:normal;
    font-weight:800;
}
.picnic-basket-total {
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
}
.picnic-basket-total small {
    color:#7d846d;
    font-size:8px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.picnic-basket-count {
    display:grid;
    place-items:center;
    min-width:44px;
    height:44px;
    padding:0 9px;
    border-radius:999px;
    background:#71875b;
    color:#fff;
    font-size:15px;
    font-weight:800;
    box-shadow:0 7px 17px rgba(91,111,72,.22);
}
.picnic-basket-button.is-empty .picnic-basket-count {
    background:#a4aa95;
}
.picnic-basket-open {
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:7px;
    color:#617052;
    font-size:10px;
    font-weight:750;
    white-space:nowrap;
}
.picnic-basket-open b {
    display:grid;
    place-items:center;
    width:29px;
    height:29px;
    border-radius:50%;
    background:rgba(111,134,89,.11);
    font-size:15px;
    font-weight:500;
}

/* Compact Fruit Basket trigger */
.picnic-basket-bar {
    display:flex;
    justify-content:center;
    margin-top:8px;
}
.picnic-basket-button {
    display:inline-grid;
    grid-template-columns:56px auto 34px;
    align-items:center;
    gap:10px;
    width:auto;
    min-width:210px;
    min-height:64px;
    padding:7px 10px 7px 8px;
    border-radius:18px;
    background:linear-gradient(135deg,#f7edda 0%,#fffaf0 56%,#edf3df 100%);
    box-shadow:0 8px 22px rgba(75,82,57,.08);
    overflow:visible;
}
.picnic-basket-button::before,
.picnic-basket-button::after {
    display:none;
}
.picnic-basket-art {
    width:56px;
    height:50px;
    border:0;
    border-radius:14px;
    background:transparent;
    box-shadow:none;
}
.picnic-basket-art img {
    width:54px;
    height:48px;
}
.picnic-basket-copy {
    display:block;
}
.picnic-basket-copy>strong {
    display:block;
    font-size:18px;
    line-height:1.1;
    white-space:nowrap;
}
.picnic-basket-kicker,
.picnic-basket-copy>small,
.picnic-basket-preview,
.picnic-basket-total,
.picnic-basket-open {
    display:none !important;
}
.picnic-basket-count {
    min-width:30px;
    width:auto;
    height:30px;
    padding:0 7px;
    font-size:12px;
    justify-self:end;
    box-shadow:0 5px 12px rgba(91,111,72,.18);
}
.picnic-basket-button:hover {
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(75,82,57,.11);
}