@import "util.css";
@import "rozsa-menu.css";
@import "rozsa-adatlap.css";
@import "rozsa-lista.css";
@import "ajandekutalvanyok.css";

body {
    font-family: var(--base-font);
    font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--header-font);
  font-weight: 700;
}
hr {
    border: none;
    border-bottom: 1px solid #ccc;
}
.row.expanded {
  width: 100%;
  max-width: 100%; 
}
.nowrap {
    white-space: nowrap;
}
.pharma-red-color {
    color: var(--c-drk);
}
.pharma-red-bg {
    background-color: var(--c-drk);
}
.double-letter-space {
    letter-spacing: .5em;
}

/* FOUNDATION REDEFINE */
table {
    border: none;
}
.breadcrumbs {
    display: block;
    background: none;
    border: none;
}
.phr_breadcrumbs {
    border-bottom: 1px solid #eee;
    background-color: #f8f8f8;
}
@media screen and (max-width: 768px) {
    .breadcrumbs {
        display: none;
    }
}
.breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.75rem;
    line-height: 1.5;
    text-transform: uppercase;
    color: var(--c-alt);
}
.breadcrumbs > *:hover a,
.breadcrumbs > *:focus a {
    text-decoration: underline
}
.breadcrumbs > * a {
    color: #222
}
.breadcrumbs > *.current {
    cursor: default;
    color: var(--c-mid);
}
.breadcrumbs > *.current a {
    cursor: default;
    color: var(--c-mid);
}
.breadcrumbs > *.current:hover,
.breadcrumbs > *.current:hover a,
.breadcrumbs > *.current:focus,
.breadcrumbs > *.current:focus a {
    text-decoration: none;
}
.breadcrumbs > *.unavailable {
    color: #999999
}
.breadcrumbs > *.unavailable a {
    color: #999999
}
.breadcrumbs > *.unavailable:hover,
.breadcrumbs > *.unavailable:hover a,
.breadcrumbs > *.unavailable:focus,
.breadcrumbs > *.unavailable a:focus {
    text-decoration: none;
    color: #999999;
    cursor: false
}
.breadcrumbs > *:before {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 700;
    content: '\f054';
    color: var(--c-lgt);
    margin: 0 0.75rem;
    position: relative;
    top: 1px
}
.breadcrumbs > *:first-child:before {
    content: " ";
    margin: 0
}
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "|"
}
.accordion {
    margin: 0;
}
.accordion .accordion-navigation > a, .accordion dd > a {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: var(--c-drk);
    display: block;
    font-family: var(--base-font);
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0.5rem 1rem;
}
.accordion .accordion-navigation div.active:parent a {
    background: #09f !important;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
    background: #efefef;
}


.def{
	border-radius:none;
}
.hex
{
-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.cir{
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}
.rou{
	border-radius: 25px;
}
.oct{
	-webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

.dec{
	-webkit-clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
	clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}

/* FOUNDATION REDEFINE */

/*
 * TOP
*/
.head-picture {
    position: relative;
    background-color: var(--c-mid);
    background: linear-gradient(to bottom, var(--c-drk-2) 0%, var(--c-drk) 100%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#bg-picture-big {
}

#bg-picture-medium {
}

#bg-picture-medium .header-titles {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
}

#bg-picture-medium .header-subtitle {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,.7);
    font-size: clamp(.8rem, 2vw + 1rem, 3rem);
    line-height: 1;
}

@media only screen and (max-width: 40em) {
    #bg-picture-medium {
    }
}

#bg-picture-small {
}

.hero-text {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: clamp(1.1rem, 4vw + 1rem, 5rem);
    line-height: 1.3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.7);
    margin: 0;
    margin-inline: clamp(1.1rem, 4vw + 1rem, 4rem);
    padding: clamp(1rem, 2vw + .5rem, 2rem);
}

#pharma-logo {
    min-height: 50px;
    background: url("../img/rozsa-logo.png") no-repeat center center;
}

#top-menu {
    position: relative;
    z-index: 999999;
    background-color: #333;  /* rgba(0,0,0,.8); */
    color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,0.4);
}
@media (max-width: 640px) {
    #top-menu {
        box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    }
    .top-bar-section ul li {
        border-bottom: 1px solid #444;
    }
    .top-bar-section .parent-link {
        background-color: #222;
        text-transform: uppercase;
    }
}

#top-menu .search-button {
    background: var(--c-mid);
    border: none;
    border-radius: 5px;
    color: #fff;
}

#top-menu-links a {
    display: block;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
}
#top-menu-links a:hover {
    color: #ff0;
}
#top-menu-search {
    padding-top: 10px;
}
#search-bg {
    background: #999;
    padding: 9px;
    border-radius: 5px;
}
#search-bg input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1;
    border: 0;
    background-color: transparent;
    color: #fff;
}
/*
 * TOP CART
*/
.top-cart-number {
	padding: 0.2rem 0.5rem;
	background-color: #151618;
	border-radius: 9px;
	font-weight: normal;
}

#top-cart-links {
    background: rgba(255,255,255,.9);
    font-size: 0.75rem;
    padding: .5rem 0;
    text-transform: uppercase;
}
#top-cart-right-links a {
    color: #222;
}
#top-cart-right-links>a:before {
    content: "|";
    color: #222;
    margin: 0 0.5rem;
    position: relative;
    top: 1px
}
#top-cart-right-links>a:first-child:before {
    content: " ";
    margin: 0
}
#minicart-opener {
    display: inline-block;
    position: relative;
}
#minicart {
    display: none;
    max-width: 25rem;
    position: absolute;
    right: 0;
    top: 3em;
    z-index: 99999;
    background: #fff;
    padding: 1rem;
    font-size: 0.6875rem;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#minicart-arrow {
    position: absolute;
    top: -2rem;
    right: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    border: 0.5rem solid transparent;
    border-bottom-color: #fff;
    
}
.minicart-row {
    margin: .5rem 0;
    padding: .5rem 0;
    min-width: 20rem;
    border-bottom: 1px solid #ccc;
}
#top-cart-right-links a.button {
    color: #fff;
}


/*
 * TERMÉKEK
 */
.termek-csoport-cim {
    /*
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    */
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: clamp(1.1rem, 4vw + 1rem, 5.6rem);
    line-height: 1.3;
    text-shadow: 1px 1px 1px rgba(0,0,0,.7);
}
/*
@media only screen and (max-width: 40em) {
    .termek-csoport-cim {
        font-size: 2.8rem;
        line-height: 1.2;
    }
}
@media only screen and (min-width:40.063em) {
    .termek-csoport-cim {
        font-size: 4rem;
    }
}
@media only screen and (min-width:64.063em) {
    .termek-csoport-cim {
        font-size: 6rem;
    }
}
*/
/*
 * MAIN CONTENT
*/
#content-title-bg {
    border-bottom: 1px solid #eee;
}
#content-title h1 {
    padding-top: 1rem;
    font-size: 4.5rem;
    text-transform: uppercase;
    color: #777;
}

@media only screen and (max-width: 40em) {
    #content-title h1 {
        font-size: 2rem;
        font-weight: 400;
    }
}
@media only screen and (min-width:40.063em) {
    #content-title h1 {
        font-size: 3rem;
    }
}
@media only screen and (min-width:64.063em) {
    #content-title h1 {
        font-size: 4.5rem;
    }
}

#main-content {
    padding: 2em 0;
}

#main-blogs h3 a {
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--c-drk);
}

/*
 * BOTTOM NAVIGATION
*/
#bottom-nav-header {
    min-height: 50px;
    max-height: 50px;
    height: 50px;
    background: #282d2c;
}
#bottom-nav-content {
    min-height: 230px;
    background: #ecf7f8;
    box-shadow: inset 0 50px 0px 0px #282d2c;
    font-size: 0.75rem;
}
#bottom-nav-content p {
    font-size: 0.75rem;
}
#bottom-nav-content .bottom-box-content {
    padding: 1em 0;
}
#bottom-nav-content h3 {
    margin: 0;
    padding: 0;
    background: #282d2c;
    border-left: 1em solid #282d2c;
    color: #fff;
    line-height: 50px;
    font-size: 1em;
    text-transform: uppercase;
}
#bottom-shop-menu ul {
    list-style: none;
    margin: 0;
    line-height: 1.1;
}
#bottom-shop-menu ul ul {
    display: none;
}
#bottom-shop-menu ul a {
    color: inherit;
    background: none !important;
    font-size: 0.75rem;
}
/*
 * BOTTOM LOGO
*/
#bottom-logo {
    min-height: 120px;
    max-height: 120px;
    height: 120px;
    background: url("../img/rozsa-logo-bigger.png") no-repeat center center;
    border-bottom: 1px solid #f2f2f2;
}
/*
 * COPYRIGHT
*/
#copyright {
    margin: 1rem 0;
    text-align: center;
    color: #999;
}
#copyright p {
    font-size: 0.75rem;
}
#copyright a {
    display: inline-block;
    margin: .5rem 1rem;
    color: var(--c-drk);
}
#copyright a:hover {
    color: #DD5E79;
}

/*
 * MAIN PAGE
 */
.focsoport {
    max-height: 260px;
    height: 260px;
    margin: 1em 0;
}
.focsoport.bal {
    padding-right: 2em;
}
.focsoport.bal img {
    float: left !important;
    margin-right: 2em;
}
.focsoport.jobb {
    padding-left: 2em;
}
.focsoport.jobb img {
    float: right !important;
    margin-left: 2em;
}
.focsoport h3 {
    padding-top: 2em;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--c-drk);
}
.focsoport a {
    text-decoration: none;
    color: #332f30;
    font-weight: 700;
}
.color-agyas-rozsak { background: #F7F7F7; }
.color-balkon-rozsak { background: #F8F5F3; }
.color-futo-rozsak { background: #EAF5F0; }
.color-mini-rozsak { background: #FDF5F9; }
.color-park-rozsak { background: #F3F2F9; }
.color-romantikus-rozsak { background: #F9FAE8; }
.color-talajtakaro-rozsak { background: #FFF7ED; }
.color-teahibrid-rozsak { background: #EEF7F9; }
.color-tortenelmi-rozsak { background: #ECF6F5; }

/*
article-list
*/



.article-list {
    /* termek lista */
}
    .article-list .article-picture-col {
        background-color: #fff;
    }
    .article-list .article-picture-col img {
    }
    .article-list .article-title-col {
        background-color: #EBF6F5;
    }
        .article-list .article-title-col.agyas { background-color: #F7F7F7; }
        .article-list .article-title-col.balkon { background-color: #F8F5F3; }
        .article-list .article-title-col.futo { background-color: #EAF5F0; }
        .article-list .article-title-col.mini { background-color: #FDF5F9; }
        .article-list .article-title-col.park { background-color: #F3F2F9; }
        .article-list .article-title-col.romantikus { background-color: #F9FAE8; }
        .article-list .article-title-col.talajtakaro { background-color: #FFF7ED; }
        .article-list .article-title-col.teahibrid { background-color: #EEF7F9; }
        .article-list .article-title-col.tortenelmi { background-color: #ECF6F5; }
        
    .article-list .article-title-col h3 {
        color: var(--c-drk);
        text-align: center;
        font-size: 1.1rem;
        line-height: 1;
        max-height: 1rem;
        height: 1rem;
        margin: 1rem 0 0 0;
        padding: 0;
    }
    .article-list .article-short-desc {
        color: var(--c-drk);
        text-align: center;
        line-height: 1.2;
        min-height: 2.3rem;
        max-height: 2.3rem;
        height: 2.3rem;
        margin: 0 0.5rem 1rem 0.5rem;
        font-size: 0.9rem;
    }
    .article-list .article-thumbs img {
        width: 100px;
        height: 100px;
        border: 4px solid #bee2dd;
    }
        .article-list .agyas .article-thumbs img { border-color: #E3E3E3; }
        .article-list .balkon .article-thumbs img { border-color: #E7DED6; }
        .article-list .futo .article-thumbs img { border-color: #BADECD; }
        .article-list .mini .article-thumbs img { border-color: #F9DEEC; }
        .article-list .park .article-thumbs img { border-color: #D7D5EA; }
        .article-list .romantikus .article-thumbs img { border-color: #ECEEB2; }
        .article-list .talajtakaro .article-thumbs img { border-color: #FEE5C3; }
        .article-list .teahibrid .article-thumbs img { border-color: #C8E5EC; }
        .article-list .tortenelmi .article-thumbs img { border-color: #C0E2DE; }
    
    .article-list .article-price {
        border-bottom: 1px solid #fff;
        padding: 0.5rem;
    }
    
.article-price {
    font-weight: 700;
}

.article-price-column {
    background-color: var(--c-lgt-2);
    /* background-color: #f8f8f8; */
}

/* Add to cart list & details page */    
.add-to-cart-section {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.add-to-cart-section table {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    width: auto !important;
}
.add-to-cart-section table tr {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}
.add-to-cart-section table tr td {
    margin: 0;
    padding: 0 0.2rem;
    border: none;
    background: none;
}
.add-to-cart-section table tr td.sep {
    border-left: 1px solid #fff;
}
.add-to-cart-section a {
    color: #222;
}
.add-to-cart-section .single-rose > span {
    display: block;
}
.add-to-cart-section .add-to-cart-input {
    display: inline-block;
    margin-right: 1rem;
}
.add-to-cart-section .single-rose .add-to-cart-input {
    display: inline-block;
    margin-right: 0;
}
.add-to-cart-section input {
    display: inline-block;
    font-size: 1rem;
    line-height: 1;
    background-color: #fff;
    border: 1px solid var(--c-lgt);
    width: 4rem;
    text-align: center;
}

.add-to-cart-section input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.add-to-cart-section input[type=number] {
    -moz-appearance: textfield;
}

.add-to-cart-section .add-to-cart-button {
    display: inline-block;
}

.add-to-cart-section .single-rose .add-to-cart-button {
    display: block;
}

.add-to-cart-section .add-to-cart-button  button {
    margin: 0;
    padding: 0.75rem 1.5rem;
    background-color: var(--c-alt);
    color: #fff;
    border-radius: 0.5rem;
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    transition: color 200ms ease-out 0s;
}
.add-to-cart-disabled {
    text-decoration: line-through;
    color: #ccc !important;
}
.add-to-cart-section .add-to-cart-button button:hover, 
.add-to-cart-section .add-to-cart-button button:focus {
    background-color: var(--c-mid);
}

/* Article details page */
.article-details {
    background-color: #EBF6F5;
}
    .article-details.agyas { background-color: #F7F7F7; }
    .article-details.balkon { background-color: #F8F5F3; }
    .article-details.futo { background-color: #EAF5F0; }
    .article-details.mini { background-color: #FDF5F9; }
    .article-details.park { background-color: #F3F2F9; }
    .article-details.romantikus { background-color: #F9FAE8; }
    .article-details.talajtakaro { background-color: #FFF7ED; }
    .article-details.teahibrid { background-color: #EEF7F9; }
    .article-details.tortenelmi { background-color: #ECF6F5; }

    .article-details .article-picture-col {
        background-color:#fff;
    }
    .article-details .article-picture-col img {
    }
    .article-details .article-title-col {
    }
    .article-details .article-title-col h3 {
        color: var(--c-drk);
        text-align: center;
        font-size: 1.6rem;
        line-height: 1;
        max-height: 1.6rem;
        height: 1.6rem;
        margin: 1rem 0 0 0;
        padding: 0;
        overflow: hidden;
    }
    .article-details .article-short-desc {
        color: var(--c-drk);
        text-align: center;
        line-height: 1.2;
        min-height: 2.4rem;
        max-height: 2.4rem;
        height: 2.3rem;
        margin: 0.5rem 0.5rem 1.5rem 0.5rem;
    }
    .article-details .article-thumbs {
        margin: 1rem 0;
    }
    .article-details .article-thumbs img {
        width: auto;
        height: 130px;
        border: 5px solid #bee2dd;
        cursor: pointer;
    }
        .article-details.agyas .article-thumbs img { border-color: #E3E3E3; }
        .article-details.balkon .article-thumbs img { border-color: #E7DED6; }
        .article-details.futo .article-thumbs img { border-color: #BADECD; }
        .article-details.mini .article-thumbs img { border-color: #F9DEEC; }
        .article-details.park .article-thumbs img { border-color: #D7D5EA; }
        .article-details.romantikus .article-thumbs img { border-color: #ECEEB2; }
        .article-details.talajtakaro .article-thumbs img { border-color: #FEE5C3; }
        .article-details.teahibrid .article-thumbs img { border-color: #C8E5EC; }
        .article-details.tortenelmi .article-thumbs img { border-color: #C0E2DE; }
    
    .article-details .article-price {
        font-size: 1.2rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #fff;
        color: var(--c-drk);
    }
    .article-details .article-text {
    }
    .article-details .article-text-inner {
        padding: 1rem;
    }
    .article-details .article-text-inner h3 {
        font-size: 1.4rem;
        color: var(--c-drk);
    }
    .article-details .article-text-inner small {
        display: block;
        margin: 1rem 0;
        font-size: 0.75rem;
        line-height: 1.5;
    }
    
    .article-details .add-to-cart-section input {
        padding: 0.2rem 0.2rem;
        font-size: 1rem;
        width: 3rem;
    }
    .article-details .add-to-cart-section button {
        font-size: 1rem;
    }

#article-tabs {
    margin: 4rem 0 2rem 0;
}

/* CART FORM */
.cart-big-table {
    width: 100%;
    border-collapse: collapse;
}
.cart-big-table tr {
    background: none !important;
}
.cart-big-table tr td {
    border-bottom: 1px solid #ddd;
}
.cart-big-table tr td h5 {
    color: var(--c-drk);
}

#kosarform h3 {
    color: var(--c-drk);
    font-weight: bold;
}

input.validation-error {
    border: 1px solid var(--c-drk);
}

/*megrendelo*/
.megrendelolap_db {
    margin: 0 !important;
}

/* PAGINATION */
.pagination {
        text-align: center;
}
    .pagination .leptetok {
        text-align: center;
    }
        .pagination .leptetok a {
            display: inline-block;
            background-color: var(--c-drk);
            color: #fff;
            padding: 0.2rem 0;
            margin: 0.5rem;
            min-width: 8rem;
            border-radius: 3px;
            transition: background-color 300ms ease-out 0s;
        }
        .pagination .leptetok a:hover {
            background-color: #DF1B4C;
        }
    .pagination .konyvjelzok {
        text-align: center;
    }
        .pagination .konyvjelzok a {
            display: inline-block;
            background-color: #353638;
            color: #fff;
            padding: 0.2rem 0;
            margin: 0.1rem;
            min-width: 3rem;
            border-radius: 3px;
            transition: background-color 300ms ease-out 0s;
        }
        .pagination .konyvjelzok a:hover {
            background-color: #000;
        }
.mini_text{
	font-size: 0.65em;
}
.btn-like {
    display: inline-block;
    padding: 3px 5px;
    line-height: 1;
    color: #fff;
    background-color: #59b8b2;
    border: 1px solid #007095;
    border-radius: 3px;
    transition: all 300ms ease-out;
}
.btn-like:hover {
  color: #fff;
  background-color: #080;
  border-color: #070;
  box-shadow: 0 0 5px #070;
}

.cookie-use{
	position:fixed; 
	padding:15px; 
	background:black; 
	opacity:0.95; 
	bottom:0px;
	right:0px; 
	width:100%; 
	color:lightgray;
}
.right{
	float:right;
}
.font30{
	font-size:30px;
}
.width30{
	width:25px;
	height:25px;
}

.aszf-box label {
	color: var(--c-drk);
    font: inherit;
}

.aszf-box input {
    border: 2px solid #f6416c;
    font-size: 2rem;
}

/* COOKIE ABLAK */
#cookie-law-wrapper {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.85);
    padding: 1rem 1.5rem;
}
#cookie-law {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}
#cookie-law-text {
    color: #fff;
    font-weight: bold;
}
#cookie-law-text a {
    color: #6cf;
}
#cookie-law-button {
    color: #fff;
}
#cookie-law-close {
    display: inline-block;
    background: #BD1621;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    padding: 1em;
    font-weight: bold;
    border-radius: 3px;
}
#cookie-law-close:hover {
    background: #9b1219;
}

/* GYORSKERESŐ a JOBB FELSŐBEN */
.top-bar {
    /* overflow: unset; */
}
.top-bar-section ul li > a {
  font-family: var(--alt-font);
  font-size: .8rem;
  font-weight: 400;
  text-transform: none;
}
#search-form {
    position: relative;
    height: 100%;
}
#s::placeholder {
   color: var(--c-mid);
}
#s {
    display: inline-block;
    background-color: var(--c-lgt-2);
    border: none;
    border-radius: 5px;
    color: var(--c-drk);
    font-weight: bold;
    box-shadow: none;
    width: auto;
    min-width: 120px;
}
#s:focus {
    background-color: #fff;
    box-shadow: 0 0 5px var(--c-mid);
}
#finded {
    position: absolute;
    z-index: 1000000;
    top: 100%;
    left: 0;
    display: none;
    margin-top: -6px;
    overflow-y: auto; 
    width: 100%;
    max-height: 400px;
    background-color: var(--c-lgt); 
    padding-top: 15px;
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .8);
}
#finded > a {
    display: block;
    padding: 2px .5rem;
    color: var(--c-drk);
    border-bottom: 1px solid var(--c-mid);
    line-height: 1;
    font-size: .85rem;
}
#finded > a:hover {
    color: #fff;
    background-color: var(--c-mid);
}
#finded > a > img {
    width: 24px;
    height: 24px;
    margin-right: .5rem;
    border-radius: 3px;
}


#search-container-small {
    padding: 1rem .75rem .75rem;
    background-color: #333;
}
#search-container-small .search-grid {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: .75rem;
}

#search-container-small #s-small::placeholder {
   color: var(--c-mid);
}
#search-container-small #s-small {
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0 1rem;
    line-height: 1;
	background-color: var(--c-lgt-2);
	color: var(--c-drk);
	border: none;
	border-radius: 5px;
    font-weight: bold;
}
#search-container-small #s-small:focus {
    background-color: #fff;
    box-shadow: 0 0 5px var(--c-mid);
}

#search-container-small .search-button {
    display: block;
    width: 100%;
    height: 2.5rem;
    margin: 0;
    padding: 0;
	background: var(--c-mid);
	border: none;
	border-radius: 5px;
	color: #fff;
}
#finded-small {
    position: absolute;
    z-index: 1000000;
    top: 100%;
    left: 0;
    display: none;
    margin-top: 0;
    overflow-y: auto; 
    width: 100%;
    max-height: 400px;
    background-color: var(--c-lgt); 
    padding-top: 15px;
    box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, .8);
}
#finded-small > a {
    display: block;
    padding: .25rem .5rem;
    color: var(--c-drk);
    border-bottom: 1px solid var(--c-mid);
}
#finded-small > a:hover {
    color: #fff;
    background-color: var(--c-mid);
}
#finded-small > a > img {
    width: 40px;
    height: 40px;
    margin-right: .5rem;
    border-radius: 5px;
}



#kosar-termekek-adatkitoltes {
}
#kosar-termekek-adatkitoltes > h3 {
    text-align: right;
}
#kosar-termekek-adatkitoltes > .kosar-termek {
    display: grid;
    gap: 1em;
    margin: 1rem 0;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--c-lgt);
    place-items: center;
}
@media only screen and (max-width: 64em) {
    #kosar-termekek-adatkitoltes > .kosar-termek {
        grid-template-columns: 120px auto 50px;
        grid-template-areas: 
                "kep nev nev"
                "darab brutto torles";
    }
}
@media only screen and (min-width:64.063em) {
    #kosar-termekek-adatkitoltes > .kosar-termek {
        grid-template-columns: 100px auto 140px 100px 50px;
        grid-template-areas: 
                "kep nev darab brutto torles";
    }
}

#kosar-termekek-adatkitoltes > .kosar-termek.kosar-termek-szallitasi {
    color: var(--c-alt);
    font-weight: bold;
}
    .kosar-termek .kosar-termek-kep {
        grid-area: kep;
        /* align-self: start; */
    }
    .kosar-termek .kosar-termek-kep > img {
        max-width: 200px;
        width: 100%;
    }
    .kosar-termek .kosar-termek-nev {
        grid-area: nev;
        justify-self: start;
    }
    .kosar-termek.kosar-termek-szallitasi .kosar-termek-nev {
        white-space: nowrap;
    }
    .kosar-termek .kosar-termek-darab {
        grid-area: darab;
        white-space: nowrap;
    }
    .kosar-termek .kosar-termek-brutto {
        grid-area: brutto;
        justify-self: end;
        font-weight: bold;
        white-space: nowrap;
    }
    .kosar-termek .kosar-termek-torles {
        grid-area: torles;
    }
    
#kosar-termekek-adatkitoltes > .kosar-termek.kosar-termek-fizetesi {
    color: var(--c-blk);
    font-weight: bold;
}