@charset "UTF-8";

/* ==== Product line: modern card layout, scoped under #p_l ==== */
#p_l { font-family: inherit; }

#p_l .p-l-modern__module-title { text-align:center; margin: 0 0 20px; }
#p_l .p-l-modern__module-title h3 {
    font-size: 22px; font-weight: 700; letter-spacing: .3px; color:#2b2b2b; margin:0;
}

#p_l .p-l-modern__line-title {
    font-size: 18px;
    font-weight: 700;
    color: #2b2b2b;
    margin: 28px 0 14px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--dp-primary);
    display: inline-block;
}

#p_l .p-l-modern__list { display:flex; flex-direction:column; gap:14px; margin-bottom: 10px; }

#p_l .p-l-card {
    display:flex;
    align-items:center;
    gap:18px;
    background:#fff;
    border:1px solid #ece7ef;
    border-radius:14px;
    padding:16px;
    box-shadow: 0 1px 3px rgba(20,10,30,.05);
    transition: box-shadow .18s ease, transform .18s ease;
}
#p_l .p-l-card:hover {
    box-shadow: 0 8px 20px rgba(142,68,173,.12);
    transform: translateY(-1px);
}

#p_l .p-l-card__media {
    flex: 0 0 96px;
    width:96px; height:96px;
    display:flex; align-items:center; justify-content:center;
    background:#faf5fc;
    border-radius:10px;
    overflow:hidden;
}
#p_l .p-l-card__media img {
    max-width:100%; max-height:100%;
    width:auto; height:auto;
    object-fit:contain;
}

#p_l .p-l-card__body { flex:1 1 auto; min-width:0; }
#p_l .p-l-card__title {
    display:block;
    font-size:15.5px;
    font-weight:600;
    line-height:1.35;
    color:#262626;
    text-decoration:none;
    margin-bottom:4px;
}
#p_l .p-l-card__title:hover { color:var(--dp-primary); }

#p_l .p-l-card__meta {
    display:flex; flex-wrap:wrap; gap:4px 12px;
    font-size:12.5px; color:#8b8b8b; margin-bottom:4px;
}
#p_l .p-l-card__desc { color:#8b8b8b; }

#p_l .p-l-card__attrs { margin-top:6px; }
#p_l .p-l-card__attrs-title { display:block; font-size:12.5px; color:#555; margin-bottom:2px; }
#p_l .p-l-attrs-table { border-collapse:collapse; font-size:12.5px; color:#555; }
#p_l .p-l-attrs-table td { padding:2px 8px 2px 0; vertical-align:top; }
#p_l .p-l-attrs-table__group { color:#999; white-space:nowrap; }

#p_l .p-l-card__side {
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:16px;
}

#p_l .p-l-card__label {
    display:block;
    font-size:10.5px;
    text-transform:uppercase;
    letter-spacing:.4px;
    color:#a89bb0;
    margin-bottom:2px;
}
#p_l .p-l-card__price-block { text-align:center; min-width:76px; }
#p_l .p-l-card__price { margin:0; font-size:15px; font-weight:700; color:#2b2b2b; white-space:nowrap; }
#p_l .p-l-price-new { color:var(--dp-primary); font-weight:700; }
#p_l .p-l-price-old { color:#a9a9a9; text-decoration:line-through; font-weight:400; font-size:13px; margin-left:4px; }
#p_l .p-l-price-tax { display:block; font-size:11px; color:#a9a9a9; font-weight:400; }

#p_l .p-l-stepper {
    display:flex; align-items:stretch;
    border:1px solid #e2d9e6; border-radius:8px; overflow:hidden;
}
#p_l .p-l-stepper__btn {
    width:30px; border:none; background:#faf5fc; color:var(--dp-primary);
    font-size:16px; line-height:1; cursor:pointer;
}
#p_l .p-l-stepper__btn:hover { background:#f0e2f5; }
#p_l .p-l-stepper__input {
    width:38px; border:none; border-left:1px solid #e2d9e6; border-right:1px solid #e2d9e6;
    text-align:center; font-size:14px; -moz-appearance:textfield;
}
#p_l .p-l-stepper__input::-webkit-outer-spin-button,
#p_l .p-l-stepper__input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }

#p_l .p-l-buy-btn {
    display:inline-flex; align-items:center; gap:7px;
    background:var(--dp-primary);
    color:#fff; border:none; border-radius:6px;
    padding:11px 20px; font-size:14px; font-weight:600;
    cursor:pointer; white-space:nowrap;
    box-shadow: 0 1px 2px rgba(0,0,0,.08);
    transition: background-color .15s ease, box-shadow .15s ease;
}
#p_l .p-l-buy-btn:hover { background:var(--dp-primary-hover); box-shadow: 0 2px 6px rgba(0,0,0,.14); }
#p_l .p-l-buy-btn i { font-size:13px; }

/* ==== Mobile: stack card content ==== */
@media (max-width: 767px) {
    #p_l .p-l-card {
        flex-wrap:wrap;
        gap:12px;
    }
    #p_l .p-l-card__media { flex:0 0 64px; width:64px; height:64px; }
    #p_l .p-l-card__body { flex:1 1 calc(100% - 76px); }

    #p_l .p-l-card__side {
        flex:1 1 100%;
        justify-content:space-between;
        border-top:1px solid #f1ecf3;
        padding-top:12px;
        margin-top:4px;
    }
    /* hide the "unit price" duplicate on small screens, keep total + qty + buy */
    #p_l .p-l-card__price-block--unit { display:none; }
    #p_l .p-l-buy-btn { padding:9px 14px; }
}

@media (max-width: 380px) {
    #p_l .p-l-card__side { gap:8px; }
    #p_l .p-l-card__price-block { min-width:60px; }
    #p_l .p-l-buy-btn span { display:none; }
}