/* =========================================================
   Phoca Cart — ljubičasta tema
   Isti palet kao popup_add_to_cart.php
   Dodaj ovaj fajl kao custom CSS (Template Custom CSS polje,
   ili uključi <link> u template-u posle glavnog stylesheet-a
   da bi !important pravila imala prioritet gde treba)
   ========================================================= */
:root{
    --pcp-purple: #3D1150;
    --pcp-purple-dark: #2A0B38;
    --pcp-purple-tint: #F3EAF6;
    --pcp-line: #E7DCE9;
    --pcp-ink: #2B2530;
    --pcp-ink-soft: #7A6E80;
}

/* ---------- Dugmad (globalno) ---------- */
.btn-primary.ph-btn,
a.btn-primary.ph-btn,
button.btn-primary.ph-btn{
    background: var(--pcp-purple) !important;
    border-color: var(--pcp-purple) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}
.btn-primary.ph-btn:hover{
    background: var(--pcp-purple-dark) !important;
    border-color: var(--pcp-purple-dark) !important;
}
.btn-secondary.ph-btn,
a.btn-secondary,
#ph-pc-item-box .ph-top .btn.btn-secondary{
    background: none !important;
    border: 1.5px solid var(--pcp-purple) !important;
    color: var(--pcp-purple) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}
.btn-secondary.ph-btn:hover{
    background: var(--pcp-purple-tint) !important;
}
.ph-btn, .ph-btn:focus, .ph-btn:active, .ph-btn:hover{ box-shadow: none !important; }
.ph-btn svg{ width: 14px; height: 14px; fill: currentColor; }

/* ---------- Item detalj stranica (#ph-pc-item-box) ---------- */
#ph-pc-item-box .ph-item-image-full-box{
    background: #fff;
    border: 1px solid var(--pcp-line);
    border-radius: 10px;
    padding: 10px;
}
#ph-pc-item-box h1.ph-header{
    font-weight: 700;
    color: var(--pcp-ink);
    margin: 0 0 12px;
}
#ph-pc-item-box .ph-price-txt{
    display: none;
}
#ph-pc-item-box .ph-price-brutto{
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    color: var(--pcp-purple);
}
#ph-pc-item-box .ph-item-stock-box .ph-stock-txt{
    color: var(--pcp-ink-soft);
    font-size: 13px;
}
#ph-pc-item-box .ph-item-stock-box .pc-status-in-stock{
    color: #1e8a4c;
    font-weight: 600;
}
#ph-pc-item-box .ph-item-stock-box .pc-status-out-of-stock{
    color: #c0392b;
    font-weight: 600;
}
#ph-pc-item-box .ph-form-quantity{
    display: flex;
    align-items: center;
    gap: 8px;
}
#ph-pc-item-box .ph-form-quantity label{
    font-size: 13px;
    color: var(--pcp-ink-soft);
    margin: 0;
}
#ph-pc-item-box .ph-input-quantity{
    border: 1.5px solid var(--pcp-line) !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    width: 60px !important;
    text-align: center;
}
#ph-pc-item-box .ph-form-button .ph-btn{
    padding: 10px 22px !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* ---------- Filter (horizontalni dropdown) ---------- */
.ph-filter-box-horizontal{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    background: #fff;
    border: 1.5px solid var(--pcp-line);
    border-radius: 10px;
    padding: 10px 16px;
}
.ph-filter-box-horizontal .ph-filter-label{
    font-weight: 600;
    color: var(--pcp-ink);
    font-size: 13px;
}
.phFilterBox .dropdown-toggle{
    border: 1.5px solid var(--pcp-line) !important;
    color: var(--pcp-ink) !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    background: #fff !important;
}
.phFilterBox .dropdown-toggle:hover{
    border-color: var(--pcp-purple) !important;
    color: var(--pcp-purple) !important;
}
.phFilterBox .dropdown-menu{
    border: 1.5px solid var(--pcp-line) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 30px rgba(61,17,80,0.12) !important;
}
.phFilterBox .btn-success{
    background: var(--pcp-purple) !important;
    border-color: var(--pcp-purple) !important;
}
.phFilterBox .ph-checkbox-container input:checked ~ .ph-checkbox-checkmark{
    background: var(--pcp-purple) !important;
    border-color: var(--pcp-purple) !important;
}
#phSearchActiveTags121 .badge.bg-info{
    background: var(--pcp-purple-tint) !important;
    color: var(--pcp-purple) !important;
}

/* ---------- Search box ---------- */
.ph-search-box .phSearchBoxSearchInput,
.ph-search-box .form-control{
    border: 1.5px solid var(--pcp-line) !important;
    border-radius: 8px 0 0 8px !important;
}
.ph-search-box .btn-success{
    background: var(--pcp-purple) !important;
    border-color: var(--pcp-purple) !important;
}
.ph-search-box .btn-danger{
    background: var(--pcp-purple-tint) !important;
    border-color: var(--pcp-purple-tint) !important;
}
.ph-search-box .btn-danger svg{
    fill: var(--pcp-purple) !important;
}

/* ---------- Kategorije (sidebar drvo sa slikama) ---------- */
.ph-category-module-box .ph-category-box-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    text-decoration: none;
    color: var(--pcp-ink);
    transition: background .15s ease;
}
.ph-category-module-box .ph-category-box-link:hover,
.ph-category-module-box li.ph-active > .ph-category-box-link{
    background: var(--pcp-purple-tint);
    color: var(--pcp-purple);
}
.ph-category-module-box .ph-category-box-image{
    width: 32px;
    height: 32px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}
.ph-category-module-box .ph-category-box-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ph-category-module-box .ph-category-box-title{
    font-size: 13.5px;
    font-weight: 600;
}

/* ---------- Mini korpa (sidebar "Korpa" kartica) ---------- */
.sidebar-right .ph-cart-module-box{
    font-size: 13px;
}
.sidebar-right .ph-cart-cart-row-total-box .ph-cart-total{
    color: var(--pcp-purple);
    font-size: 15px;
}
.sidebar-right .ph-cart-link-checkout a{
    color: var(--pcp-purple);
    font-weight: 600;
    text-decoration: none;
}
.sidebar-right .ph-cart-link-checkout a:hover{
    text-decoration: underline;
}
.sidebar-right .ph-hr{
    border-top: 1px solid var(--pcp-line);
}

/* ---------- Cene u karticama proizvoda (listing) ---------- */
.ph-price-brutto.ph-standard{
    color: var(--pcp-purple);
    font-weight: 700;
}

/* =========================================================
   CHECKOUT STRANICA (/checkout)
   Redosled elemenata kod tebe (bitno za grid raspored ispod):
   1. h1.ph-header
   2. .lnx-crosssell-wrap  (tvoj cross-sell slajder)
   3. #phCheckoutCartBox   (wrapper, display:contents - "nestaje"
      iz grida, otkriva .ph-checkout-cart-box kao pravo dete)
   4. .ph-checkout-box-login
   5. .ph-checkout-box-address
   6. .ph-checkout-box-shipping
   7. .ph-checkout-box-payment
   ========================================================= */
#ph-pc-checkout-box{
    display: grid;
    /*grid-template-columns: 1fr 360px;*/
    gap: 24px;
    align-items: start;
    max-width: 100%;
}
#ph-pc-checkout-box > *{
    min-width: 0;
}
#ph-pc-checkout-box > h1.ph-header{
    grid-column: 1 / -1;
    font-weight: 700;
    color: var(--pcp-ink);
    margin: 0 0 4px;
}
#ph-pc-checkout-box > .lnx-crosssell-wrap{
    grid-column: 1 / -1;
}
#phCheckoutCartBox{ display: contents; }

/* Sažetak korpe - desna sticky kolona, pokriva redove 3 do 6 (login+address+shipping+payment) */
.ph-checkout-cart-box{
    grid-column: 1;
    grid-row: 3 / span 4;
    position: inherit;
    top: 24px;
    background: #fff;
    border: 1.5px solid var(--pcp-line);
    border-radius: 10px;
    padding: 0 20px 20px;
    overflow: hidden;
    box-shadow: 0 10px 34px rgba(61,17,80,0.10);
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}
.ph-checkout-cart-row-header{
    font-weight: 700;
    color: #fff;
    background: var(--pcp-purple);
    margin: 0 -20px 16px;
    padding: 16px 20px;
    font-size: 15px;
}
.ph-checkout-cart-row-header > [class*="col-"]{ display: none; }
.ph-checkout-cart-row-header::before{ content: "Vaša korpa"; }
.ph-checkout-cart-row-hr .ph-hr{ border-top: 1px solid var(--pcp-line); margin: 10px 0; }

/* Raspored jednog reda proizvoda: slika levo (span 2 reda), naziv gore desno od slike,
   količina/dugmad ispod naziva, cena poravnata desno */
.ph-checkout-cart-row-item{
    display: grid !important;
    grid-template-columns: 64px 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 8px;
    align-items: center;
    margin: 0 !important;
    min-width: 0;
}
.ph-checkout-cart-row-item > [class*="col-"]{
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    min-width: 0;
}
.ph-checkout-cart-row-item .ph-checkout-cart-title{ min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ph-checkout-cart-row-item .ph-checkout-cart-title a{ overflow-wrap: break-word; }
.ph-checkout-cart-row-item .ph-checkout-cart-image{ grid-column: 1; grid-row: 1 / span 2; }
.ph-checkout-cart-row-item .ph-checkout-cart-title{ grid-column: 2; grid-row: 1; align-self: end; }
.ph-checkout-cart-row-item .ph-checkout-cart-quantity{ grid-column: 2; grid-row: 2; align-self: start; }
.ph-checkout-cart-row-item .ph-checkout-cart-brutto{ grid-column: 3; grid-row: 1 / span 2; text-align: right; white-space: nowrap; font-weight: 700; }
.ph-checkout-cart-row-item + .ph-checkout-cart-row-item{ margin-top: 14px !important; }

.ph-img-cart-checkout{
    width: 100%;
    max-width: 64px;
    border-radius: 8px;
    background: #fff;
    border: 1.5px solid var(--pcp-line);
    padding: 4px;
}
.ph-checkout-cart-title a{
    font-weight: 600;
    color: var(--pcp-ink);
    font-size: 13px;
    text-decoration: none;
}
.ph-checkout-cart-quantity .input-group{
    display: flex;
    align-items: center;
    gap: 6px;
}
.ph-checkout-cart-quantity .ph-input-xs{
    width: 44px;
    border: 1.5px solid var(--pcp-line);
    border-radius: 6px;
    padding: 6px 4px;
    text-align: center;
    font-size: 12.5px;
}
.ph-checkout-cart-quantity .ph-btn{
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    border-radius: 6px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.ph-checkout-cart-quantity .btn-success.ph-btn{
    background: var(--pcp-purple) !important;
    border: none !important;
}
.ph-checkout-cart-quantity .btn-danger.ph-btn{
    background: var(--pcp-line) !important;
    border: none !important;
    color: var(--pcp-ink) !important;
}
.ph-checkout-cart-brutto{
    font-weight: 600;
    font-size: 13px;
}
.ph-checkout-total-amount.ph-cart-total{
    font-weight: 700;
    font-size: 17px;
    color: var(--pcp-purple);
    white-space: nowrap;
}

/* Subtotal / PDV / Total red ispod stavki */
.ph-checkout-cart-row-subtotal-box,
.ph-checkout-cart-row-total-box{
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    padding: 4px 0;
    margin: 0 !important;
}
.ph-checkout-cart-row-subtotal-box > [class*="col-"],
.ph-checkout-cart-row-total-box > [class*="col-"]{
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
}
/* Prazan "col-0 col-sm-6 col-md-6" spacer div - sklanjamo ga */
.ph-checkout-cart-row-subtotal-box > [class*="col-"]:first-child,
.ph-checkout-cart-row-total-box > [class*="col-"]:first-child{
    display: none !important;
}
.ph-cart-subtotal-netto-txt,
.ph-cart-subtotal-netto{
    color: var(--pcp-ink-soft) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
}
/* Ako/kad se PDV uključi u Phoca Cart podešavanjima, ovaj red se automatski
   pojavljuje sa klasom ph-cart-tax - unapred stilizovano, isto kao subtotal */
.ph-checkout-total-amount.ph-cart-tax,
.ph-checkout-total-amount.ph-cart-shipping-brutto{
    color: var(--pcp-ink-soft) !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
}
.ph-cart-total-txt{
    color: var(--pcp-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
.ph-checkout-cart-row-total-box{
    margin-top: 2px !important;
    padding-top: 8px !important;
}

/* Levi stub - koraci (Login, Adresa, Dostava, Plaćanje) */
.ph-checkout-box-login,
.ph-checkout-box-address,
.ph-checkout-box-shipping,
.ph-checkout-box-payment{
    grid-column: 1;
    background: #fff;
    border: 1.5px solid var(--pcp-line);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(61,17,80,0.05);
}
/* Korak koji je još "prazan" (samo header, akcija se još ne prikazuje) - zatamnjen */
.ph-checkout-box-shipping:has(> .ph-checkout-box-row:only-child),
.ph-checkout-box-payment:has(> .ph-checkout-box-row:only-child),
.ph-checkout-box-address:has(> .ph-checkout-box-row:only-child){
    opacity: .55;
    background: #FAF7FB;
    box-shadow: none;
}
.ph-checkout-box-header h3,
.ph-checkout-box-header-pas h3{
    font-size: 16px;
    font-weight: 700;
    color: var(--pcp-ink);
    margin: 0;
}
.ph-checkout-icon-spec-box{ float: none !important; }
.ph-checkout-icon-spec-pending,
.ph-checkout-icon-spec-finished{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
    flex-shrink: 0;
}
.ph-checkout-icon-spec-pending{
    background: #fff;
    color: var(--pcp-ink-soft);
    border: 2px solid var(--pcp-line);
}
.ph-checkout-icon-spec-finished{
    background: #1e8a4c;
    color: #fff;
    border: 2px solid #1e8a4c;
}
/* Header traka svakog koraka */
.ph-checkout-box-header,
.ph-checkout-box-header-pas{
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    gap: 12px;
    border-bottom: 1px solid var(--pcp-line);
}

.ph-checkout-box-action{ padding: 18px 22px 22px; }
#ph-form-login-username .form-control,
#phCheckoutAddress .form-control,
#phCheckoutAddress .form-select{
    border: 1.5px solid var(--pcp-line) !important;
    border-radius: 8px !important;
    padding: 9px 12px !important;
    font-size: 13.5px !important;
}
#ph-form-login-username .form-control:focus,
#phCheckoutAddress .form-control:focus{
    outline: none;
    border-color: var(--pcp-purple) !important;
}
#phCheckoutAddress label{
    font-size: 13px;
    font-weight: 600;
    color: var(--pcp-ink);
}
.ph-box-header{
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--pcp-purple);
    font-weight: 700;
    margin-bottom: 10px;
}
.ph-checkout-btn-login{
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}
.ph-checkout-address-save .btn,
#ph-login-form button[type="submit"]{
    background: var(--pcp-purple) !important;
    border-color: var(--pcp-purple) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    padding: 10px 24px !important;
}
.ph-checkout-address-save .btn:hover,
#ph-login-form button[type="submit"]:hover{
    background: var(--pcp-purple-dark) !important;
}
.ph-checkout-check-box input[type="checkbox"]{
    accent-color: var(--pcp-purple);
}

@media (max-width: 900px){
    #ph-pc-checkout-box{ grid-template-columns: 1fr; }
    .ph-checkout-cart-box{ grid-column: 1; grid-row: 2; position: static; margin-bottom: 20px; width: 100%; }
    .ph-checkout-cart-row-item{ grid-template-columns: 52px 1fr auto; }
    .ph-checkout-box-login{ grid-row: 3; }
    .ph-checkout-box-address{ grid-row: 4; }
    .ph-checkout-box-shipping{ grid-row: 5; }
    .ph-checkout-box-payment{ grid-row: 6; }
}

.ph-checkout-shipping-item {
    width: 100%;
    max-width: 100%;
  }
.ph-cart-offcanvas-checkout {
    background: #D3482D!important;
    color: #fff !important;
}
.ph-cart-offcanvas-checkout:hover {
    background: #000!important;
}
/* ══════════════════════════════════════════════════════════
   5. PHOCA CART — PRODUCT GRID (lx-card)
   ══════════════════════════════════════════════════════════ */

.lx-product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 28px;
    font-family: var(--lx-font);
}

.lx-product-grid__desc {
    grid-column: 1 / -1;
    text-align: center;
    color: var(--lx-text-muted);
    font-size: 0.95rem;
    margin: 0 0 8px;
}

/* Bazna karta */
.lx-card {
    background: var(--lx-bg-card);
    border-radius: var(--lx-radius-card);
    box-shadow: var(--lx-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--lx-border);
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

.lx-card:hover {
    box-shadow: var(--lx-shadow-hover);
    transform: translateY(-4px);
}

/* Grid karta */
.lx-card--grid {
    background: var(--lx-bg-card);
    border-radius: var(--lx-radius-card);
    box-shadow: var(--lx-shadow);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--lx-border);
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

.lx-card--grid:hover {
    box-shadow: var(--lx-shadow-hover);
    transform: translateY(-4px);
}

/* Slika */
.lx-card__img-link {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    background: #f3f1ee;
    text-decoration: none;
    flex-shrink: 0;
}

.lx-card__img-wrap {
    width: 100%;
    height: 100%;
}

.lx-card__img,
.lx-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.lx-card:hover .lx-card__img,
.lx-card:hover .lx-card__img-wrap img {
    transform: scale(1.04);
}

.lx-card__img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0ede8;
}

/* Badges */
.lx-card__badges {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    align-items: flex-start;
    gap: 6px;
    flex-wrap: wrap;
    pointer-events: none;
}

.lx-card__badge,
.lx-card__badges .ph-label,
.lx-card__badges [class*="ph-label"] {
    display: inline-block;
    padding: 5px 12px;
    border-radius: var(--lx-radius-pill);
    font-family: var(--lx-font);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.4;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

.lx-card__badge--cat {
    background: rgba(255, 255, 255, 0.82);
    color: var(--lx-text-dark);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.lx-card__badge--new,
.lx-card__badges .ph-label-new { background: var(--lx-accent); color: #fff; margin-left: auto; }
.lx-card__badge--sale,
.lx-card__badges .ph-label-feat,
.lx-card__badges .ph-label-sale { background: var(--lx-green); color: #fff; margin-left: auto; }
.lx-card__badges .ph-label-hot  { background: #e05a00; color: #fff; }

/* Body */
.lx-card__body {
    padding: 20px 22px 22px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    text-align: center;
}

/* Kategorija pill */
.lx-card__cat-pill {
    display: inline-block;
    align-self: center;
    padding: 4px 14px;
    border-radius: var(--lx-radius-pill);
    border: 1px solid var(--lx-border);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--lx-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* Naziv */
.lx-card__title {
    font-family: var(--lx-font-title);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
    color: var(--lx-text);
}

.lx-card__title a {
    color: inherit;
    text-decoration: none;
    transition: color var(--lx-transition);
}

.lx-card__title a:hover {
    color: var(--lx-accent);
}

/* Rating */
.lx-card__rating {
    display: flex;
    justify-content: center;
}

/* Opis */
.lx-card__desc {
    font-size: 0.88rem;
    color: var(--lx-text-muted);
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Cijena */
.lx-card__price {
    margin-top: 2px;
}

.lx-card__price .ph-price,
.lx-card__price .ph-price-value {
    font-family: var(--lx-font);
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--lx-text);
}

.lx-card__price .ph-price-original,
.lx-card__price .ph-price-value-original {
    font-size: 0.88rem;
    font-weight: 400;
    color: var(--lx-text-muted);
    text-decoration: line-through;
    margin-right: 6px;
}

/* Stock status */
.lx-card__stock {
    margin-top: 2px;
}

.lx-card__stock .ph-category-stock-box {
    display: flex;
    justify-content: center;
}

.lx-card__stock .ph-stock-status {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 40px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    line-height: 1.6;
}

.lx-card__stock .ph-stock-status-available,
.lx-card__stock .ph-stock-in-stock { background: #edf7f1; color: #016736; }
.lx-card__stock .ph-stock-status-not-available,
.lx-card__stock .ph-stock-out-of-stock { background: #fff0f6; color: var(--lx-accent); }

.lx-card__stock .ph-product-order-quantity {
    font-size: 0.72rem;
    color: var(--lx-text-muted);
    text-align: center;
    margin-top: 3px;
}

/* Akcije */
.lx-card__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 6px;
}

/* Add to Cart dugme */
.lx-card__atc .ph-btn,
.lx-card__atc .btn,
.lx-card__atc button[type="submit"],
.lx-card__atc .ph-add-to-cart-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 10px 22px;
    background: var(--lx-accent);
    color: #fff !important;
    border: none;
    border-radius: var(--lx-radius-pill);
    font-family: var(--lx-font);
    font-size: 0.82rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    cursor: pointer;
    text-decoration: none !important;
    transition: background var(--lx-transition), transform var(--lx-transition), box-shadow var(--lx-transition);
    white-space: nowrap;
}

.lx-card__atc {
    margin-top: -30px;
    margin-bottom: -30px;
}

.lx-card__atc .ph-btn:hover,
.lx-card__atc .btn:hover,
.lx-card__atc button[type="submit"]:hover,
.lx-card__atc .ph-add-to-cart-btn:hover {
    background: var(--lx-accent-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(94, 68, 126, 0.3);
}

.lx-card__atc .ph-category-add-to-cart-box {
    display: flex;
    justify-content: center;
}

.lx-card__atc .ph-cb { display: none; }

/* Detalji dugme */
.lx-card__view,
.lx-card__btn { display: inline-block; }

.lx-card__view .ph-button-product-view a,
.lx-card__view a,
.lx-card__btn,
.lx-card__footer .ph-button-product-view a,
.lx-card__footer .btn,
.lx-card__footer a.btn {
    color: var(--lx-accent) !important;
    font-family: var(--lx-font);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    cursor: pointer;
    transition: color var(--lx-transition), letter-spacing var(--lx-transition);
    padding: 0;
}

.lx-card__view .ph-button-product-view a:hover,
.lx-card__view a:hover,
.lx-card__btn:hover,
.lx-card__footer .ph-button-product-view a:hover,
.lx-card__footer .btn:hover,
.lx-card__footer a.btn:hover {
    color: var(--lx-accent-hover) !important;
    letter-spacing: 0.16em;
    background: transparent !important;
}

.lx-card__footer {
    margin-top: 6px;
    display: flex;
    justify-content: center;
}

/* Phoca Cart wrapper reset */
.lx-items .ph-items-row,
.lx-items .row,
.lx-items [class*="ph-col"] {
    display: contents;
}

.lx-items .ph-cb { display: none; }

.grid .phItemCartBoxForm {
    justify-content: inherit;
}

/* LIST layout */
.lx-product-grid--list {
    grid-template-columns: 1fr;
    gap: 16px;
}

.lx-card--list {
    display: flex;
    flex-direction: row;
    background: var(--lx-bg-card);
    border-radius: var(--lx-radius-card);
    box-shadow: var(--lx-shadow);
    border: 1px solid var(--lx-border);
    overflow: hidden;
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

.lx-card--list:hover {
    box-shadow: var(--lx-shadow-hover);
    transform: translateY(-2px);
}

.lx-card--list .lx-card__img-link {
    width: 220px;
    min-width: 220px;
    aspect-ratio: auto;
    height: auto;
}

.lx-card--list .lx-card__body {
    text-align: left;
    justify-content: center;
    padding: 20px 24px;
}

.lx-card--list .lx-card__cat-pill { align-self: flex-start; }
.lx-card--list .lx-card__rating,
.lx-card--list .lx-card__actions,
.lx-card--list .lx-card__stock .ph-category-stock-box { justify-content: flex-start; align-items: flex-start; }

/* GRIDLIST layout */
.lx-product-grid--gridlist {
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
    gap: 20px;
}

.lx-card--gridlist {
    display: flex;
    flex-direction: row;
    background: var(--lx-bg-card);
    border-radius: var(--lx-radius-card);
    box-shadow: var(--lx-shadow);
    border: 1px solid var(--lx-border);
    overflow: hidden;
    transition: box-shadow var(--lx-transition), transform var(--lx-transition);
}

.lx-card--gridlist:hover {
    box-shadow: var(--lx-shadow-hover);
    transform: translateY(-2px);
}

.lx-card--gridlist .lx-card__img-link {
    width: 180px;
    min-width: 180px;
    aspect-ratio: auto;
    height: auto;
}

.lx-card--gridlist .lx-card__body {
    text-align: left;
    justify-content: center;
    padding: 16px 20px;
}

.lx-card--gridlist .lx-card__title { font-size: 1.05rem; }
.lx-card--gridlist .lx-card__cat-pill { align-self: flex-start; }
.lx-card--gridlist .lx-card__rating,
.lx-card--gridlist .lx-card__actions,
.lx-card--gridlist .lx-card__stock .ph-category-stock-box { justify-content: flex-start; align-items: flex-start; }

/* ══════════════════════════════════════════════════════════
   7. PHOCA CART — CART OFFCANVAS
   ══════════════════════════════════════════════════════════ */

button#phItemCartBoxBtn,
button#phItemWishListBoxBtn {
    border: unset;
    background: transparent;
}

.ph-cart-module-cart-box-info {
    display: none;
}

.ph-cart-offcanvas-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 40px 20px;
    color: #999;
    text-align: center;
}

.ph-cart-offcanvas-empty p {
    font-size: 0.9rem;
    margin: 0;
}

.ph-cart-offcanvas-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    border-bottom: 1px solid #f0ede8;
    transition: opacity 0.2s ease;
}

.ph-cart-offcanvas-item:last-of-type {
    border-bottom: none;
}

.ph-cart-offcanvas-item__img-link {
    flex-shrink: 0;
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 8px;
    overflow: hidden;
    background: #f3f1ee;
}

.ph-cart-offcanvas-item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ph-cart-offcanvas-item__info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ph-cart-offcanvas-item__title {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--lx-text-dark);
    text-decoration: none;
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}

.ph-cart-offcanvas-item__title:hover { color: var(--lx-accent); }

.ph-cart-offcanvas-item__meta {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ph-cart-offcanvas-item__qty {
    font-size: 0.78rem;
    color: #999;
}

.ph-cart-offcanvas-item__price {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--lx-text-dark);
}

.ph-cart-remove-form {
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.ph-cart-remove-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid var(--lx-border);
    background: transparent;
    color: #bbb;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
    flex-shrink: 0;
}

.ph-cart-remove-btn:hover {
    background: #f5f0fa;
    color: var(--lx-accent);
    border-color: var(--lx-accent);
}

.ph-cart-offcanvas-total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0 12px;
    border-top: 2px solid var(--lx-border);
    margin-top: 8px;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lx-text-dark);
}

.ph-cart-offcanvas-total__amount {
    color: var(--lx-accent);
    font-size: 1.1rem;
}

.ph-cart-offcanvas-checkout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    margin-top: 8px;
    background: var(--lx-accent);
    color: #fff;
    border-radius: var(--lx-radius-pill);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.ph-cart-offcanvas-checkout:hover {
    background: var(--lx-accent-hover);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(81, 131, 120, 0.4);
    text-decoration: none;
}

.ph-cart-offcanvas-checkout svg {
    transition: transform 0.2s ease;
}

.ph-cart-offcanvas-checkout:hover svg {
    transform: translateX(3px);
}

-------------
-------------
.row.ph-checkout-payment-items-box {
    align-items: baseline!important;
}