:root{ --f7-navbar-bg-color:#3D351B; --f7-button-text-color:#fff; --navbar-border:1px solid rgba(212,187,130,1); --white:#fff; --heading-color:rgba(212,187,130,1); --color-anchor:#ffd700; --bg-color-button:rgba(212,187,130,1); --text-color-button:#000; --border-color-button:rgba(212,187,130,1); --background-secondary:#0b0b0b; --page-background:#0b0b0b; --box-shadow:none; --text-shadow:none; } .md,.md .dark,.md [class*='color-'] { --f7-card-bg-color: transparent; --f7-block-title-text-color:#fff; --f7-block-title-large-text-color: rgba(212,187,130,1); --f7-block-text-color:#fff; --f7-card-text-color:#fff; --f7-popover-bg-color:#665729; --f7-button-outline-border-color:#fff; --f7-notification-bg-color:#665729; --f7-notification-subtitle-color: #fff; --f7-searchbar-input-bg-color:#665729; }img{ max-width: 100%; } a{ color:var(--color-anchor); font-weight: 700; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } a:hover{ color:var(--white); font-weight: 700; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .navbar{ border-bottom: var(--navbar-border); } .page{ background: var(--page-background); } .text-tema{ color:var(--color-anchor); } button{ font-weight: bolder; } .button-group .button,.button-group .button i{ font-size:18px; color:var(--f7-block-text-color); } .button-group .button i{ margin-right:.35rem; } .list .item-media + .item-inner { margin-right: var(--f7-list-item-media-margin); } .list .item-content { padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left)); } .item-input-outline.item-content .item-floating-label{ background: var(--page-background); } .sticky{ top:1rem; position: sticky; position: -webkit-sticky; } .container{ max-width: 1140px; margin:0 auto; padding-left: 15px; padding-right: 15px; } .top{ display: flex; margin:1rem auto; } .swiper-div{ width:558px; height:auto; max-height: 500px; margin:0 auto; } .swiper img{ width:100%; height:auto; } .description{ width:calc(100% - 500px); } .cart{ width:auto; margin:auto; } .item-page-price{ font-size:30px; font-weight: bolder; } .item-quantity{ font-size:18px; margin:.1rem 0; } .badge{ vertical-align: super; } h1,h2,h3,h4,h5{ color:var(--heading-color); -webkit-text-shadow: var(--text-shadow); text-shadow: var(--text-shadow); } .stepper-button,.stepper-button-minus,.stepper-button-plus,.button-fill{ background: var(--bg-color-button); color:var(--text-color-button); border-color:var(--border-color-button); } .stepper-input-wrap,.stepper-value{ border-color:var(--border-color-button); color:var(--white); } .subscribe{ -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); } @media (max-width: 80em) { .top{ display: block; margin:1rem auto; } .description{ width:100%; } .sticky{ top:0; position: static; } }