/* ============================================================
   SHOPPING PAGE — STRUCTURE MIRRORING MINIRIGS.CSS
   ============================================================ */

/* Wrapper */
.shop-wrapper {
    width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Panels */
.shop-panel {
    background: #f7f4e8;            /* warm neutral */
    border: 2px solid #c7b89a;      /* soft brown */
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}

/* Panel header */
.shop-panel__header {
    border-bottom: 2px solid #c7b89a;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.shop-panel__title {
    font-size: 24px;
    font-weight: bold;
    color: #5a3e1b;
}

.shop-panel__subtitle {
    font-size: 14px;
    color: #7a6a55;
}

/* Tables */
.shop-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.shop-table th {
    background: #e8dcc2;
    padding: 10px;
    border-bottom: 2px solid #c7b89a;
    text-align: left;
}

.shop-table td {
    padding: 8px;
    border-bottom: 1px solid #d8cbb3;
}

/* ============================================================
   FLOATING LEFT MENU
   ============================================================ */

.shop-menu {
    position: fixed;
    left: 20px;
    top: 120px;
    width: 180px;
    background: #f2e9d8;
    border: 2px solid #c7b89a;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    z-index: 200;
}

.shop-menu a {
    display: block;
    padding: 8px 10px;
    color: #5a3e1b;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 4px;
    border-radius: 4px;
}

.shop-menu a:hover {
    background: #e8dcc2;
}

/* Active section highlight */
.shop-menu a.active-section {
    background: #d9c7a5;
    border-left: 4px solid #5a3e1b;
}
/* Image sizing */
.sw-card__image {
    max-width: 80px;
    height: auto;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    background: #0a0f14;
   
}