Mobitel Samsung Galaxy A56 5G 12GB 256GB Black/Graphite

Opis proizvoda

/* =========================================
DESKTOP & LAPTOP (3 Kolone)
========================================= */
@media (min-width: 1200px) {
/* 1. Glavni kontejner – Flexbox u jednom redu */
.single-product-wrapper.row {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: space-between !important;
align-items: flex-start !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}

/* 2. Slika (Lijevo) – 30% */
.product-images-wrapper {
flex: 0 0 30% !important;
width: 30% !important;
max-width: 30% !important;
margin-right: 20px !important;
order: 1;
}

/* 3. Detalji (Sredina) – 35% */
.summary.entry-summary {
flex: 0 0 34% !important;
width: 34% !important;
max-width: 34% !important;
padding: 0 15px !important;
margin: 0 !important;
float: none !important;
clear: none !important;
order: 2;
}

/* 4. Specifikacije (Desno) – 35% */
.product-column-specs {
flex: 0 0 34% !important;
width: 34% !important;
max-width: 34% !important;
order: 3;
background: #fff;
border: 1px solid #f1f1f1;
padding: 15px;
/* Scroll ako je predugačko, da ne kvari izgled */
max-height: 800px;
overflow-y: auto;
}

/* Stilovi za tabelu (Genelec crvena boja) */
.product-column-specs table.shop_attributes {
margin-bottom: 0 !important;
border: none !important;
}

.product-column-specs th.woocommerce-product-attributes-item__label {
color: #cc0000 !important;
font-weight: 700 !important;
text-transform: uppercase;
font-size: 11px !important;
padding: 8px 0 !important;
border-bottom: 1px solid #eee !important;
width: 40%;
background: transparent !important;
}

.product-column-specs td.woocommerce-product-attributes-item__value {
padding: 8px 0 !important;
border-bottom: 1px solid #eee !important;
font-size: 12px !important;
background: transparent !important;
}

/* Sakrivanje zebra-striping (sivih redova) ako smetaju */
.product-column-specs table.shop_attributes tr:nth-child(even) th,
.product-column-specs table.shop_attributes tr:nth-child(even) td {
background: transparent !important;
}
}

/* =========================================
MOBITEL I TABLET (Normalan prikaz)
========================================= */
@media (max-width: 1199px) {
/* Vraćamo sve u normalu */
.single-product-wrapper.row {
display: block !important;
}

.product-column-specs {
display: block !important;
width: 100% !important;
margin-top: 30px !important;
padding: 0 15px;
}

.product-images-wrapper,
.summary.entry-summary {
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
}