/**
 * Redizajn detailu produktu - dizajnove tokeny a komponenty.
 *
 * VSETKO je zapuzdrene pod .prod. Bez toho by sa tieto pravidla rozliali na
 * titulku a kategorie, ktore maju vlastny vzhlad - a presne to je chyba, ktoru
 * na tomto webe uz raz stala rozsypanu stranku.
 *
 * Zdroj hodnot: mockupy "Produkt Erkado Altamura 1" a "Produkt Afirmax SPC Dub
 * Monument" z claude.ai/design. Ziadna hodnota tu nie je odhadnuta.
 */

.prod {
    /* Mockup ma riadkovanie "normal" na celej stranke; tema dedila 18 px, takze
       drobne texty (popisy cien, stitky, tlacidla) boli o 1-3 px vyssie. */
    line-height: normal;

    /* farby */
    --prod-modra: #3854a4;
    --prod-modra-tmava: #2e4790;
    --prod-modra-svetla: #e6edf8;
    --prod-modra-pozadie: #eef1f8;
    --prod-cervena: #ff0000;
    --prod-cervena-tmava: #d90000;
    --prod-cervena-svetla: #ffecec;
    --prod-text: #221f1b;
    --prod-text-tlmeny: #4a4438;
    --prod-text-slaby: #6f675b;
    --prod-text-najslabsi: #8a8175;
    --prod-text-seda: #a09787;
    --prod-linka: rgba(34, 31, 27, .1);
    --prod-linka-silna: rgba(34, 31, 27, .16);
    --prod-plocha: #f4f2ee;

    /* typografia */
    --prod-pismo: "Plus Jakarta Sans", system-ui, sans-serif;
    --prod-pismo-nadpis: 'Open Sans', sans-serif;

    /* rozmery */
    --prod-sirka: 1220px;
    --prod-radius: 16px;
    --prod-tien: 0 2px 10px rgba(38, 53, 107, .06);

    font-family: var(--prod-pismo);
    color: var(--prod-text);
}

.prod *, .prod *::before, .prod *::after { box-sizing: border-box; }
.prod a { color: inherit; text-decoration: none; }
.prod a:hover { color: var(--prod-cervena); }
.prod .prod-h { font-family: var(--prod-pismo-nadpis); }

/* ---------- obal ---------- */
.prod-obal {
    max-width: var(--prod-sirka);
    margin: 0 auto;
    padding: 20px 28px 40px;
}

/* ---------- karta ---------- */
.prod .prod-karta {
    background: #fff;
    border: 1px solid var(--prod-linka);
    border-radius: var(--prod-radius);
    box-shadow: var(--prod-tien);
}

/* ---------- tlacidla ---------- */
.prod .prod-btn-primar,
.prod .prod-btn-sekundar,
.prod .prod-btn-cerveny {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-weight: 700;
    border-radius: 999px;
    cursor: pointer;
    border: none;
    text-align: center;
}
.prod .prod-btn-primar {
    background: var(--prod-modra); color: #fff; font-size: 16px; padding: 16px 30px;
    box-shadow: 0 6px 18px rgba(56, 84, 164, .28);
}
.prod .prod-btn-primar:hover { background: var(--prod-modra-tmava); color: #fff; }
.prod .prod-btn-sekundar {
    background: transparent; color: var(--prod-modra); font-size: 15px; padding: 14px 26px;
    border: 1.5px solid var(--prod-modra);
}
.prod .prod-btn-sekundar:hover { background: var(--prod-modra); color: #fff; }
.prod .prod-btn-cerveny {
    background: var(--prod-cervena); color: #fff; font-size: 16px; padding: 16px 30px;
    box-shadow: 0 6px 18px rgba(255, 0, 0, .25);
}
.prod .prod-btn-cerveny:hover { background: var(--prod-cervena-tmava); color: #fff; }

/* ---------- stitok ---------- */
.prod .prod-znacka { text-transform: uppercase !important; letter-spacing: .08em; font-weight: 800; font-size: 12px; color: var(--prod-text-najslabsi); }
.prod .prod-chip {
    display: inline-flex; align-items: center; gap: 7px;
    font-weight: 600; font-size: 13px;
    color: var(--prod-modra); background: var(--prod-modra-svetla);
    padding: 7px 13px; border-radius: 999px;
}

/* ---------- sipka ---------- */
.prod .prod-sipka {
    width: 42px; height: 42px; border-radius: 999px;
    border: 1.5px solid var(--prod-linka-silna); background: #fff;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; color: var(--prod-modra); flex: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
.prod .prod-sipka:hover { background: var(--prod-modra); color: #fff; border-color: var(--prod-modra); }

/* ---------- zdielanie ---------- */
.prod .prod-share {
    width: 38px; height: 38px; border-radius: 999px;
    background: var(--prod-modra-pozadie); color: var(--prod-modra);
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; flex: none;
}
.prod .prod-share:hover { background: var(--prod-modra); color: #fff; }

/* ---------- pozadie stranky ----------
   Povodna tema ma pod obsahom sedu plochu (.app { background: #f0f3f4 }).
   Redizajn je biely, preto sa na strankach s triedou prod-stranka prepisuje. */
/* Kontajner temy pridava 15px horneho odsadenia, cim sa medzera pod drobcekmi
   zvacsila z 20px na 35px. V mockupe je medzi drobcekmi a galeriou presne 20px. */
.prod-stranka .container.content { padding-top: 0 !important; }

.prod-stranka .app,
.prod-stranka #center_column,
.prod-stranka .columns-container,
.prod-stranka .container-fluid { background: #fff !important; }

/* ---------- drobceky ----------
   Hodnoty su prevzate doslovne z mockupu:
     kontajner  font-size:12.5px, color:#8a8175, gap:7px, padding:14px 28px 0
     oddelovac  obycajny span bez vlastneho stylu - dedi velkost aj farbu
     odkazy     bez vlastnej hrubky pisma
     posledna   color:#3854a4, font-weight:700
   Breadcrumb vykresluje samostatna sablona so schema.org znackami, preto sa
   nenahradza, len prestyluje. */
.prod-stranka .breadcrumb,
.prod-stranka .breadcrumb.clearfix {
    background: #fff !important; border: 0 !important; box-shadow: none !important;
    margin: 0 !important; padding: 0 !important; min-height: 0 !important;
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}
.prod-stranka .breadcrumb .container {
    max-width: 1220px; margin: 0 auto; padding: 14px 28px 0 !important;
    width: auto;
    font-size: 12.5px; color: #8a8175; line-height: 16px;
    display: flex; gap: 7px; flex-wrap: wrap; align-items: center;
}
.prod-stranka .breadcrumb .container > span[itemscope] {
    display: flex; gap: 7px; flex-wrap: wrap; align-items: center;
    font-size: 12.5px; line-height: 16px; color: #3854a4; font-weight: 700;
}
.prod-stranka .breadcrumb .container > span[itemscope] > span[itemprop] {
    display: inline-flex; align-items: center;
}
/* odkazy: seda, bez vlastnej hrubky - presne ako v mockupe */
.prod-stranka .breadcrumb a,
.prod-stranka .breadcrumb a span[itemprop="name"] {
    color: #8a8175; font-weight: normal; font-size: 12.5px; line-height: 16px;
}
.prod-stranka .breadcrumb a:hover,
.prod-stranka .breadcrumb a:hover span[itemprop="name"] { color: #ff0000; }

/* domcek nahradzame slovom "Domov" - mockup ma text, nie ikonu */
.prod-stranka .breadcrumb a.home {
    position: static !important; background: none !important;
    width: auto !important; height: auto !important;
    margin: 0 !important; padding: 0 !important;
    text-indent: 0 !important; overflow: visible !important;
    display: inline-flex !important; align-items: center;
}
.prod-stranka .breadcrumb a.home i { display: none !important; }
.prod-stranka .breadcrumb a.home > span {
    display: inline !important; width: auto !important; text-indent: 0 !important;
}
.prod-stranka .breadcrumb a.home > span::before { content: "Domov"; }

/* oddelovac: povodnu sipku temy nahradzame znakom "\203A" z mockupu,
   rovnaka velkost aj farba ako text - ziadne vlastne rozmery */
.prod-stranka .breadcrumb .container span.navigation-pipe,
.prod-stranka .breadcrumb .navigation-pipe {
    /* Oddelovac je flex polozka, takze mu CSS prepne display na block a sirka
       z obsahu mu nevyjde. Dostava preto sirku nameranú v mockupe: 4 px. */
    display: flex !important; align-items: center; justify-content: center;
    flex: none;
    font-size: 0; line-height: 1; color: #8a8175;
    background: none !important;
    width: 4px !important; height: auto !important;
    margin: 0 !important; padding: 0 !important;
}
.prod-stranka .breadcrumb .container span.navigation-pipe::after,
.prod-stranka .breadcrumb .navigation-pipe::after {
    content: "\203A"; font-size: 12.5px; line-height: 1; color: #8a8175;
}
.prod-stranka .breadcrumb .navigation-pipe img,
.prod-stranka .breadcrumb .navigation-pipe svg { display: none; }

@media (max-width: 820px) { .prod-stranka .breadcrumb .container { padding: 14px 16px 0 !important; } }

/* Mobil: kontajnery maju po stranach 16 px, nie 28 px - tak to ma sablona
   "Mobil Dvere V1" (pravidlo pre vsetky obaly so sirkou 1220 px). */
@media (max-width: 820px) {
    /* Mobilna sablona ma hore modry pasik s telefonom a otvaracimi hodinami.
       Tema ho na mobile skryva - tu sa vrati. Obsahuje aj e-mail a odkazy
       (Predajne, Blog, Prihlasit), ktore mockup na mobile nema, tie zostavaju
       skryte. Plati len na redizajnovanej stranke produktu. */
    .prod-stranka .global-header { display: block !important; }
    .prod-stranka .global-header .gl-head-content {
        padding: 7px 16px !important; display: flex; justify-content: space-between; align-items: center;
    }
    .prod-stranka .global-header .contact-links {
        display: flex; justify-content: space-between; align-items: center;
        width: 100%; gap: 10px; font-size: 11.5px;
    }
    .prod-stranka .global-header .contact-links a[href^="mailto"],
    .prod-stranka .global-header .global-nav-links { display: none !important; }
    .prod-stranka .global-header .contact-links .opening-hours { opacity: .75; }

    /* Tema na mobile skryva cele drobceky a namiesto nich ukazuje odkaz "spat".
       Dizajn ma aj na mobile cely rad, takze sa to na redizajnovanej stranke
       otoci. Inych stranok sa to netyka (plati len pod .prod-stranka). */
    .prod-stranka .breadcrumb .container {
        display: flex !important; flex-wrap: wrap; align-items: center; gap: 7px;
    }
    /* Tema ma drobceky v jednom riadku (white-space: nowrap). Pri dlhej ceste
       (Dvere > Zarubne > Podla znacky > ... > nazov produktu) sa na mobile
       nezmestia a nazov produktu sa odreze na okraji obrazovky. Na uzkych
       displejoch sa preto zalamuju. */
    .prod-stranka .breadcrumb .container,
    .prod-stranka .breadcrumb .container * {
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    .prod-stranka .breadcrumb .container.breadcrumb-mobile { display: none !important; }

    /* Kontajner temy pridava na mobile este 15 px po stranach - obsah by mal
       potom 328 px namiesto 358 px zo sablony. Plati len na redizajnovanej
       stranke produktu (.prod-stranka), inych stranok sa to netyka. */
    .prod-stranka #center_column.container { padding-left: 0 !important; padding-right: 0 !important; }
    .prod-obal { padding: 16px 16px 28px; }
}

/* ---------- popup "Produkt bol uspesne pridany do kosika" ---------- */
/* Modal vykresluje modul blockcart a je spolocny pre cely web, preto sa jeho
   HTML nemeni a styly platia vylucne na redizajnovanej stranke produktu
   (body.prod-stranka). Povodna stranka aj kategorie zostavaju nedotknute. */

body.prod-stranka .layer_cart_overlay {
    background: #131b2e !important;
    opacity: .5 !important;
    filter: none !important;
    z-index: 10000 !important;
}

body.prod-stranka #layer_cart {
    /* Tema modal absolutne pozicuje a JS mu nastavuje inline top podla
       odscrollovania. Redizajn ho ma vystredeny v okne, takze sa pozicia
       prebija - inline styl sa inak neda prekonat. */
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, -50%);
    width: min(560px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    margin: 0 !important;
    padding: 0;
    background: #fff;
    border-radius: 18px !important;
    box-shadow: 0 26px 60px rgba(23, 32, 64, .28) !important;
    z-index: 10001 !important;
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
    color: #221f1b;
}

body.prod-stranka #layer_cart .col-xs-12,
body.prod-stranka #layer_cart .col-md-6 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

/* hlavicka */
body.prod-stranka #layer_cart .layer_cart_title {
    background: #eef1f8;
    border: 0 !important;
    border-radius: 18px 18px 0 0;
    text-transform: none;
    padding: 16px 54px 16px 18px !important;
}
body.prod-stranka #layer_cart .layer_cart_title h5 {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font: 800 16px/1.35 "Plus Jakarta Sans", system-ui, sans-serif;
    color: #3854a4;
    text-transform: none;
}
body.prod-stranka #layer_cart .layer_cart_title h5 i {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #3854a4;
    color: #fff;
    font-size: 12px;
}

body.prod-stranka #layer_cart .cross {
    right: 15px;
    top: 15px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fff;
    color: #6f675b;
    display: flex;
    align-items: center;
    justify-content: center;
}
body.prod-stranka #layer_cart .cross:hover { color: #ff0000; }
body.prod-stranka #layer_cart .cross:before { font-size: 13px; line-height: 1; }

/* pridany produkt */
body.prod-stranka #layer_cart .layer_cart_product {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 18px !important;
    overflow: visible;
}
body.prod-stranka #layer_cart .layer_cart_product .product-image-container {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow: hidden;
    background: #f4f2ee;
    border: 1px solid rgba(34, 31, 27, .1) !important;
    border-radius: 12px;
}
body.prod-stranka #layer_cart .layer_cart_product .product-image-container img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
body.prod-stranka #layer_cart .layer_cart_product_info {
    flex: 1;
    min-width: 0;
    float: none !important;
}
body.prod-stranka #layer_cart #layer_cart_product_title {
    display: block;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    font: 800 15.5px/1.35 "Plus Jakarta Sans", system-ui, sans-serif;
    color: #3854a4;
}
body.prod-stranka #layer_cart #layer_cart_product_attributes {
    display: block;
    margin-bottom: 10px;
    font-size: 12.5px;
    line-height: 1.5;
    color: #8a8175;
}
body.prod-stranka #layer_cart .layer_cart_product_info > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 3px 0;
    font-size: 13.5px;
    color: #6f675b;
}
/* Modul obaluje riadok "Spolu" do <strong>; display:contents necha jeho
   deti stat sa polozkami flexu, takze sa cena zarovna vpravo. */
body.prod-stranka #layer_cart .layer_cart_product_info > div > strong { display: contents; }
body.prod-stranka #layer_cart #layer_cart_product_quantity { font-weight: 700; color: #221f1b; }
body.prod-stranka #layer_cart #layer_cart_product_price {
    font: 800 18px/1 "Plus Jakarta Sans", system-ui, sans-serif;
    color: #3854a4;
    white-space: nowrap;
}

/* suhrn kosika */
body.prod-stranka #layer_cart .layer_cart_cart {
    min-height: 0 !important;
    padding: 16px 18px !important;
    background: #f4f6fb !important;
    border: 0 !important;
    border-top: 1px solid rgba(34, 31, 27, .1) !important;
}
body.prod-stranka #layer_cart .overall_cart_title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    font: 700 13.5px/1.4 "Plus Jakarta Sans", system-ui, sans-serif !important;
    color: #6f675b;
    text-transform: none;
}
body.prod-stranka #layer_cart .layer_cart_row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    font-size: 13.5px;
    color: #6f675b;
}
body.prod-stranka #layer_cart .layer_cart_row > strong { display: contents; }
body.prod-stranka #layer_cart .layer_cart_row span {
    font-weight: 700;
    color: #221f1b;
    text-align: right;
    white-space: nowrap;
}
body.prod-stranka #layer_cart .layer_cart_row:last-child {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid rgba(34, 31, 27, .12);
    font-size: 15px;
    color: #221f1b;
}
body.prod-stranka #layer_cart .layer_cart_row:last-child .ajax_block_cart_total {
    font: 800 19px/1 "Plus Jakarta Sans", system-ui, sans-serif;
    color: #3854a4;
}

/* pas "doprava zdarma" */
body.prod-stranka #layer_cart #transportDetail {
    padding: 14px 18px !important;
    border: 0 !important;
    border-top: 1px solid rgba(34, 31, 27, .1) !important;
    font-size: 13px;
    color: #4a4438;
}
body.prod-stranka #layer_cart #transportDetail b {
    font-weight: 800;
    color: #3854a4;
}
body.prod-stranka #layer_cart #transportDetailProgress { margin-top: 9px; }
body.prod-stranka #layer_cart #transportDetailProgress progress {
    width: 100% !important;
    height: 8px;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: #e6edf8;
    overflow: hidden;
}
body.prod-stranka #layer_cart #transportDetailProgress progress::-webkit-progress-bar {
    background: #e6edf8;
    border-radius: 999px;
}
body.prod-stranka #layer_cart #transportDetailProgress progress::-webkit-progress-value {
    background: #3854a4;
    border-radius: 999px;
}
body.prod-stranka #layer_cart #transportDetailProgress progress::-moz-progress-bar {
    background: #3854a4;
    border-radius: 999px;
}

/* tlacidla */
body.prod-stranka #layer_cart .button-container {
    padding: 16px 18px !important;
    border: 0 !important;
    border-top: 1px solid rgba(34, 31, 27, .1) !important;
}
body.prod-stranka #layer_cart .button-container .pull-right {
    float: none !important;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
body.prod-stranka #layer_cart .button-container .continue,
body.prod-stranka #layer_cart .button-container a.btn {
    flex: 1 1 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 46px;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: 10px;
    font: 800 14px/1 "Plus Jakarta Sans", system-ui, sans-serif;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: none;
}
body.prod-stranka #layer_cart .button-container .continue span,
body.prod-stranka #layer_cart .button-container a.btn span {
    display: flex;
    align-items: center;
    gap: 8px;
}
body.prod-stranka #layer_cart .button-container .continue {
    background: #fff !important;
    color: #221f1b !important;
    border: 1px solid rgba(34, 31, 27, .18) !important;
}
body.prod-stranka #layer_cart .button-container .continue:hover {
    border-color: #3854a4 !important;
    color: #3854a4 !important;
}
body.prod-stranka #layer_cart .button-container a.btn {
    background: #ff0000 !important;
    color: #fff !important;
    border: 0 !important;
}
body.prod-stranka #layer_cart .button-container a.btn:hover { background: #d90000 !important; }

@media (max-width: 560px) {
    body.prod-stranka #layer_cart { border-radius: 16px !important; }
    body.prod-stranka #layer_cart .layer_cart_title { border-radius: 16px 16px 0 0; padding: 15px 50px 15px 16px !important; }
    body.prod-stranka #layer_cart .layer_cart_title h5 { font-size: 15px; }
    body.prod-stranka #layer_cart .layer_cart_product,
    body.prod-stranka #layer_cart .layer_cart_cart,
    body.prod-stranka #layer_cart #transportDetail,
    body.prod-stranka #layer_cart .button-container { padding: 16px !important; }
    /* Mobil: tlacidla na celu sirku, hlavna akcia hore - tak to ma sablona
       "Mobil Dvere V1" pri vsetkych dvojiciach tlacidiel. */
    body.prod-stranka #layer_cart .button-container .pull-right { flex-direction: column-reverse; }
    body.prod-stranka #layer_cart .button-container .continue,
    body.prod-stranka #layer_cart .button-container a.btn { flex: none; width: 100%; }
}

/* iOS Safari zazoomuje stranku pri kliknuti do pola s pismom pod 16 px
   (a uz sa neodzoomuje). Vsetky vstupy na redizajnovanej stranke produktu
   preto na mobile dostavaju 16 px - formular cenovej ponuky aj pocet baleni. */
@media (max-width: 820px) {
    .prod-stranka input[type="text"],
    .prod-stranka input[type="search"],
    .prod-stranka input[type="tel"],
    .prod-stranka input[type="email"],
    .prod-stranka input[type="number"],
    .prod-stranka select,
    .prod-stranka textarea { font-size: 16px !important; }
}

/* ---------- rozlozenie vrchu stranky ----------
   Presunute z konca product_detail.tpl. Tam prislo az po celom obsahu - ked HTML
   dorazalo po castiach, vrch stranky sa stihol vykreslit bez mriezky a potom preskocil. */
.prod-vrch {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 44px;
    align-items: start;
}
.prod-skoncil {
    display: flex; flex-direction: column; align-items: center; gap: 12px;
    padding: 40px 24px; text-align: center;
    font-size: 17px; font-weight: 700; color: var(--prod-text-tlmeny);
}
.prod-skoncil svg { width: 46px; height: 46px; color: var(--prod-text-najslabsi); }
/* Mockup podlahy ma od drobcekov po galeriu 24 px (dvere 20 px). */
@media (min-width: 821px) { .prod-je-podlaha .prod-obal.prod-vrch { padding-top: 24px; } }
@media (max-width: 1080px) { .prod-vrch { grid-template-columns: 1fr; gap: 28px; } }
/* .prod pred .prod-galeria: pravidlo position: sticky v galeria.tpl je v HTML az za tymto
   suborom, pri rovnakej sile selektora by vyhralo. */
@media (max-width: 820px)  { .prod-obal { padding: 16px 16px 28px; } .prod .prod-galeria { position: static; } }

/* Pravy stlpec (nazov, cena, konfigurator) ma na PC rezervovanu vysku ramika galerie.
   Ked HTML dorazi po castiach, prehliadac vykresli prazdny stlpec a po doplneni obsahu
   to rata ako posun celeho stlpca - namerane CLS 0,32 na desktope produktu.
   Obsah stlpca je vzdy vyssi, takze rezervacia vzhlad nemeni. */
@media (min-width: 1081px) { .prod-vrch > .prod-vrch-info { min-height: 705px; } }

/* Stara tema (themes/warehouse/css/global.css) dava .awp_box_inner modry ram 1 px a 4 px zhora,
   vsetko s !important. Redizajnovany konfigurator ram nema - panel krokov ho zdedil len preto,
   ze modul ponechava svoju triedu. */
body.prod-stranka .prod-konfig .awp_box_inner { border: 0 !important; }