.mikana-shop {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 18px;
margin: 16px 0;
}
.mikana-shop__card {
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 12px;
overflow: hidden;
transition: box-shadow .15s ease, transform .15s ease;
}
.mikana-shop__card:hover {
box-shadow: 0 4px 16px rgba(0, 0, 0, .08);
transform: translateY(-2px);
}
.mikana-shop__media {
display: block;
padding: 14px;
text-align: center;
}
.mikana-shop__media img {
max-width: 100%;
height: 180px;
object-fit: contain;
}
.mikana-shop__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: 0 14px 16px;
text-align: right;
}
.mikana-shop__title {
display: block;
color: #222;
font-weight: 600;
font-size: 0.95em;
line-height: 1.4;
text-decoration: none;
min-height: 2.6em;
}
.mikana-shop__title:hover {
color: #2271b1;
}
.mikana-shop__price {
margin: 8px 0;
font-size: 1.15em;
font-weight: 800;
color: #e0290a;
}
.mikana-shop__btn {
display: block;
margin-top: auto;
padding: 9px 12px;
text-align: center;
background: #2271b1;
color: #fff !important;
font-weight: 600;
text-decoration: none;
border-radius: 8px;
}
.mikana-shop__btn:hover {
background: #185a92;
}
@media (max-width: 480px) {
.mikana-shop {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.mikana-shop__media img {
height: 130px;
}
}
.mikana-products__table {
width: 100%;
border-collapse: collapse;
margin: 16px 0;
}
.mikana-products__table th,
.mikana-products__table td {
padding: 10px 12px;
text-align: right;
border-bottom: 1px solid #eee;
}
.mikana-products__table thead th {
background: #f6f7f7;
font-weight: 700;
}
.mikana-pop {
display: inline-block;
margin: 0 0 14px;
padding: 6px 14px;
border-radius: 8px;
background: #fff3e0;
color: #e0290a;
font-weight: 700;
}
.mikana-shop__count {
margin: 4px 0;
font-size: 0.82em;
font-weight: 700;
color: #e0290a;
} .mikana-top-deals {
margin: 18px 0;
}
.mikana-top-deals__heading {
margin: 0 0 16px;
}
.mikana-top-deals__list {
list-style: none;
margin: 0;
padding: 0;
counter-reset: none;
}
.mikana-top-deals__item {
margin: 0 0 12px;
}
.mikana-top-deals__card {
display: flex;
align-items: center;
gap: 14px;
padding: 10px 12px;
border: 1px solid #eee;
border-radius: 12px;
background: #fff;
text-decoration: none;
color: inherit;
transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.mikana-top-deals__card:hover {
border-color: #e0290a;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
.mikana-top-deals__rank {
flex: 0 0 auto;
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #e0290a;
color: #fff;
font-weight: 800;
font-size: 1em;
}
.mikana-top-deals__media {
flex: 0 0 auto;
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 8px;
background: #f6f7f7;
}
.mikana-top-deals__media img {
width: 100%;
height: 100%;
object-fit: contain;
}
.mikana-top-deals__body {
flex: 1 1 auto;
min-width: 0;
}
.mikana-top-deals__title {
display: block;
font-weight: 700;
line-height: 1.35;
}
.mikana-top-deals__meta {
display: flex;
align-items: center;
gap: 10px;
margin-top: 6px;
}
.mikana-top-deals__price {
font-weight: 800;
color: #e0290a;
}
.mikana-top-deals__badge {
display: inline-block;
padding: 2px 10px;
border-radius: 6px;
background: #fff3e0;
color: #e0290a;
font-size: 0.8em;
font-weight: 700;
}
.mikana-top-deals__was {
color: #888;
font-size: 0.85em;
}
.mikana-top-deals__discount {
display: inline-block;
padding: 2px 8px;
border-radius: 6px;
background: #e0290a;
color: #fff;
font-size: 0.8em;
font-weight: 800;
}