/* =========================================================================
   ฉากร้านชุดใหม่: พื้นไม้จริง / ผนังมีบัวเชิง / ราวไม้+ท่อโครเมียม / เคาน์เตอร์ / แสง
   ========================================================================= */
.floor-oak {
    background-color: #a8744a;
    background-image:
        repeating-linear-gradient(90deg, rgba(0, 0, 0, .28) 0 1.5px, transparent 1.5px 46px),
        repeating-linear-gradient(0deg, transparent 0 118px, rgba(0, 0, 0, .22) 118px 120px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 23px, rgba(0, 0, 0, .06) 23px 46px, rgba(255, 255, 255, .03) 46px 69px, rgba(0, 0, 0, .08) 69px 92px),
        repeating-linear-gradient(88deg, transparent 0 7px, rgba(70, 40, 20, .12) 7px 8px, transparent 8px 19px),
        radial-gradient(ellipse at 50% 40%, #c08a5a, #8a5a35 75%);
    background-size: 46px 100%, 46px 240px, 92px 100%, 100% 100%, 100% 100%;
    background-position: 0 0, 23px 60px, 0 0, 0 0, 0 0;
}
.shade { background: radial-gradient(ellipse at 50% 35%, rgba(255, 236, 200, .22), transparent 55%), radial-gradient(ellipse at 50% 60%, transparent 45%, rgba(0, 0, 0, .5)); }

/* ผนัง: เงาตกที่พื้น + บัวเชิงผนัง */
.top-wall { border-bottom: none; box-shadow: 0 10px 18px rgba(0, 0, 0, .45); }
.top-wall::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 7px; background: linear-gradient(180deg, #3d2a1d, #1c120c); border-top: 1px solid rgba(255, 255, 255, .12); }
.wall-plain { background: linear-gradient(180deg, #3a2e27, #2a201b); }
.wall-plain::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 60px, rgba(0, 0, 0, .12) 60px 61px); pointer-events: none; }

/* ประตูกระจก / พรมเช็ดเท้า / พรมทางเดิน */
.entrance-door { height: 10px; background: linear-gradient(90deg, #8ecae6, #e0fbfc 30%, #8ecae6 50%, #e0fbfc 70%, #8ecae6); border: 3px solid #3d405b; box-shadow: 0 0 12px rgba(142, 202, 230, .6), 0 3px 0 #1c2541; }
.door-mat { background: repeating-linear-gradient(45deg, #6b1d1d 0 4px, #7f2525 4px 8px); border: 2px solid #3d0e0e; box-shadow: 0 2px 4px rgba(0, 0, 0, .4); letter-spacing: .5px; }
.vintage-rug { border-width: 2px; box-shadow: 0 3px 8px rgba(0, 0, 0, .35), inset 0 0 0 4px rgba(255, 243, 176, .25); opacity: .92; }

/* ราวแขวน: แท่นไม้มีขอบ + ท่อโครเมียม + เงา */
.rack-obj {
    background: linear-gradient(180deg, #6b4428, #4a2e1a 70%, #3b2414); border: 2px solid #2a190d;
    box-shadow: 0 10px 16px rgba(0, 0, 0, .5), inset 0 2px 0 rgba(255, 255, 255, .14), inset 0 -3px 0 rgba(0, 0, 0, .35), inset 0 0 0 4px rgba(0, 0, 0, .12);
}
.rack-obj::before { content: ""; position: absolute; inset: 5px 6px 13px; border-radius: 6px; background: repeating-linear-gradient(90deg, rgba(0, 0, 0, .08) 0 2px, transparent 2px 9px); pointer-events: none; }
.rack-pole { height: 6px; top: 8px; background: linear-gradient(180deg, #fff, #c9d1d9 35%, #6c7a89 60%, #e9ecef 85%, #8d99ae); box-shadow: 0 3px 3px rgba(0, 0, 0, .45); }
.rack-pole::before, .rack-pole::after { content: ""; position: absolute; top: -3px; width: 10px; height: 12px; border-radius: 3px; background: linear-gradient(180deg, #adb5bd, #495057); }
.rack-pole::before { left: -4px; }
.rack-pole::after { right: -4px; }
.rack-info { color: #f3e1b6; text-shadow: 0 1px 2px #000; }
.rack-obj.locked { background: rgba(0, 0, 0, .22); box-shadow: none; border: 2px dashed rgba(255, 255, 255, .35); }
.rack-obj.locked::before { display: none; }
.mini-shirt-wrap svg { filter: drop-shadow(0 3px 2px rgba(0, 0, 0, .45)); }

/* เคาน์เตอร์ */
.counter-area { background: none; border: none; box-shadow: 0 12px 16px rgba(0, 0, 0, .45); padding: 0; border-radius: 10px; }
.counter-area svg { display: block; }
.owner-sprite { z-index: 5; bottom: calc(3% + 13% - 10px); width: 50px; height: 50px; }
@media (min-width: 768px) and (min-height: 560px) { .owner-sprite { bottom: calc(3% + 13% - 6px); } }