@charset "UTF-8";
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
position: relative;
width: 188px;
height: 100%;
padding: 0;
padding-left: 15px;
padding-right: 24px;
border: none;
border-radius: 0px;
outline: none;
cursor: pointer;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 17px;
line-height: 38px;
color: #444;
height: 38px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 38px;
color: #BBB;
text-align: center;
font: 0/0 a;
*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none;
}
.selectric-focus .selectric {
border-color: #aaaaaa;
}
.selectric-hover .selectric {
border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #c4c4c4;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
} .selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
z-index: -1;
box-shadow: 0px 12px 30px 0px rgba(133, 133, 158, 0.15);
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 17px;
line-height: 20px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px;
color: #666;
cursor: pointer;
}
.selectric-items li.selected {
color: #A0CE1E;
}
.selectric-items li.highlighted {
color: #A0CE1E;
}
.selectric-items li:hover {
color: #A0CE1E;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
 * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
ul {
padding-left: 1em;
}
button {
background: transparent;
border: 0;
cursor: pointer;
}
img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
input {
font-size: inherit;
color: inherit;
}
input[type="file"] {
position: absolute;
display: none;
opacity: 0;
z-index: -1;
}
#min_price,
#max_price {
display: inline-block !important; }
.price__range {
position: relative;
max-width: 95%;
}
.rotate-icon {
transform: rotate(180deg);
}
.ui-slider-range {
left: 0%;
width: 100%;
display: block;
height: 3px;
background-color: rgb(255, 158, 158);
position: absolute;
}
.ui-slider-handle {
width: 15px;
height: 15px;
background: rgb(255, 117, 117);
border: 2px solid rgb(255, 255, 255);
border-radius: 15px;
box-shadow: none;
cursor: pointer;
display: block;
top: -7px;
position: absolute;
outline: none;
}
p#shipping_address_1_field {
width: 65%;
position: relative;
display: flex;
justify-content: end;
flex-direction: column;
}
.line_top {
background-color: #ff7575;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
color: #fff;
font-size: 17px;
}
.default-text {
color: rgba(0, 0, 0, 0.13) !important;
}
.woocommerce-thankyou-order-details {
display: flex;
align-items: center;
margin: 2% 0 !important;
padding: 0;
}
.woocommerce-thankyou-order-details li {
float: none;
display: flex;
flex-direction: column;
justify-content: center;
}
.woocommerce-order {
min-height: 500px;
margin-bottom: 15%;
}
section.woocommerce-order-details {
margin: 3% 0;
display: flex;
flex-direction: column;
gap: 28px;
}
section.woocommerce-customer-details,
.woocommerce-customer-details address,
.woocommerce-column--shipping-address,
.woocommerce-column--shipping-address address,
.woocommerce-column--billing-address {
display: flex;
flex-direction: column;
gap: 15px;
}
#shipping_address_1_field span:after {
content: "";
width: 16px;
height: 16px;
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/location-arrow.svg) no-repeat center / contain;;
display: flex;
z-index: 9999;
position: absolute;
margin-right: 2%;
right: 0;
bottom: 15px;
}
#shipping_address_1_field span {
position: relative;
}
#date_field,
#date2_field {
width: 15.5%;
display: flex;
align-items: end;
}
#time_field,
#time2_field {
width: 15.5%;
display: flex;
align-items: end;
}
#billing_country_field {
display: none;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
float: none !important;
margin-top: 3%;
}
.wc-block-components-notice-banner.is-info > svg {
background-color: #a0ce1e !important;
}
.wc-block-components-notice-banner.is-info {
background-color: #f4fff6 !important;
border-color: #a0ce1e !important;
}
.showcoupon {
text-decoration: underline;
}
#shipping_wooccm11_field .selectric-items li {
font-size: 13px;
}
.woocommerce .quantity .qty {
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-align: center;
width: 24px !important;
height: 24px;
border: none;
}
.act-btn button {
text-align: right !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: auto !important;
margin: 0 auto !important;
background-color: #a0ce1e !important;
color: #fff !important;
padding: 1% !important;
border-radius: 15px !important;
}
ul#shipping_method {
display: flex;
flex-direction: column;
margin: 2% 0 !important;
}
.h4.card-modal__price {
display: flex;
flex-direction: column;
}
ins {
text-decoration: none !important;
}
.main-search {
margin-bottom: 12%;
}
.woocommerce table.shop_table {
margin-right: 2% !important;
}
a.checkout-button.button.alt.wc-forward {
color: #000000;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
display: inline-flex;
gap: 10px;
width: auto;
height: 50px;
padding: 12px 22px;
background: #fff;
border: 2px solid #a0ce1e;
border-radius: 25px;
transition: 0.5s;
}
.woocommerce-shipping-fields__field-wrapper p {
display: flex;
width: 32%;
margin-right: 15px !important;
}
.woocommerce-shipping-fields__field-wrapper.form__inputs {
display: flex;
flex-wrap: wrap;
}
.woocommerce-input-wrapper {
position: relative;
display: block;
width: 100%;
height: auto;
}
.woocommerce-input-wrapper .selectric-select {
border: 1px solid #d1e4ff;
border-radius: 30px;
padding: 5px 15px;
}
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
color: #202b4c !important;
width: 100% !important;
height: 50px !important;
padding: 14px 15px !important;
border: 1px solid #d1e4ff !important;
border-radius: 30px !important;
outline: none !important;
}
.woocommerce form .form-row textarea {
min-height: 100px !important;
}
div#shipping_wooccm12_field {
width: 100%;
}
form.checkout.woocommerce-checkout {
margin-bottom: 13%;
}
a.checkout-button.button.alt.wc-forward:hover {
background: #a0ce1e;
color: #fff;
}
.calculated_shipping .total__wrapper-2 {
align-content: center;
min-width: 70%;
justify-content: space-between;
}
.total .woocommerce-shipping-destination,
.total .woocommerce-shipping-calculator {
display: none;
}
.total .total__wrapper-2 {
display: flex;
justify-content: space-between;
min-width: 60%;
}
.checkout_coupon .button {
background: #a0ce1e !important;
color: #fff !important;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: 1px solid #d1e4ff !important;
}
input#coupon_code {
border: 1px solid #d1e4ff;
border-radius: 30px;
padding: 2%;
}
.card__price ins {
text-decoration: none;
}
#place_order {
background-color: #a0ce1e;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background: none !important;
margin-left: 2% !important;
width: 100%;
}
#ship-to-different-address label {
display: none;
}
.woocommerce table.shop_table {
border: 1px solid #a0ce1e !important;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #a0ce1e !important;
color: #ffffff !important;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
content: "";
display: block;
border: 1em solid #a0ce1e !important;
border-right-color: transparent !important;
border-left-color: transparent !important;
border-top-color: transparent !important;
position: absolute;
top: -0.75em;
left: 0;
margin: -1em 0 0 2em;
}
td.product-name:first-child {
border-right: 1px solid #a0ce1e;
}
.woocommerce table.shop_table td {
border-top: 1px solid #a0ce1e !important;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
font-weight: 700;
border-top: 1px solid #a0ce1e !important;
}
.total {
display: flex;
justify-content: space-between;
}
.input-base p {
display: flex;
align-items: center;
padding: 2% !important;
}
.input-base p span {
width: 100%;
border: none;
}
.input-base p span input {
border: none;
}
.woocommerce form .form__input .form-row {
padding: 0;
margin: 0;
}
label.input-checkbox.form__checkbox {
display: flex;
align-items: center;
}
.form__input {
margin: 1% 0;
}
.cart-info {
display: none;
background: #a0ce1e;
color: #fff;
width: 100%;
text-align: center;
padding: 4% 1%;
margin-top: 4%;
border-radius: 15px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
position: absolute;
}
.cart-info2 {
display: none;
background: #a0ce1e;
color: #fff;
width: 100%;
text-align: center;
padding: 4% 1%;
margin-top: 4%;
border-radius: 15px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
position: absolute;
}
.cart_mod {
display: none;
background: #a0ce1e;
color: #fff;
width: 100%;
text-align: center;
padding: 4% 1%;
margin-top: 4%;
border-radius: 15px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
position: absolute;
}
#shipping_wooccm11_field .selectric .label,
#shipping_wooccm9_field .selectric .label {
font-size: 13px;
}
.cart-info.show {
display: block;
opacity: 1;
}
.cart_mod.show {
display: block;
opacity: 1;
}
.for-height360 {
min-height: 360px;
}
.basket_btn {
margin-left: 10px;
}
.woocommerce-checkout input,
.woocommerce-checkout textarea {
font-size: 13px;
}
.for-height {
min-height: 333px;
}
.cart-info2.show {
display: block;
opacity: 1;
}
.coutner__button {
cursor: pointer;
}
.woocommerce-notices-wrapper {
display: none !important;
}
.form__inputs .selectric {
width: 100%;
padding-left: 0;
}
.selectric-open .selectric-items {
border-radius: 10px;
}
.woocommerce-checkout .input-checkbox {
width: auto;
}
#billing_wooccm11 {
display: none;
}
#shipping_method input {
position: relative;
height: 22px;
width: 22px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
}
#shipping_wooccm10_field .woocommerce-input-wrapper::after {
content: "";
position: absolute;
background-image: url(//flowerssamara.ru/wp-content/uploads/2024/01/cal.png);
background-size: 100%;
right: 15px;
top: 15px;
width: 18px;
height: 17px;
}
#shipping_wooccm10_field .woocommerce-input-wrapper {
position: relative;
}
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-thumb {
background-color: #a0ce1e;
border-radius: 6px;
}
::-webkit-scrollbar-track {
background-color: #fff;
}
::-moz-scrollbar-thumb {
background-color: #a0ce1e;
}
::-moz-scrollbar-track {
background-color: #f1f1f1;
}
#shipping_wooccm9_field .selectric-items li {
font-size: 13px;
}
#shipping_method input::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 15px;
height: 15px;
border-radius: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 2px solid #a0ce1e;
}
#shipping_method input:checked::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 11px;
height: 11px;
border-radius: 50%;
background-color: #a0ce1e;
transform: translate(-50%, -50%);
visibility: visible;
}
.woocommerce ul#shipping_method li input {
margin: 0 10px 0 0px !important;
}
#billing_wooccm11_field .checkbox {
position: relative;
padding-left: 30px;
cursor: pointer;
}
.anon-label {
position: relative;
display: flex;
padding-left: 29px;
cursor: pointer;
}
.anon-label .optional {
position: absolute;
left: 0;
width: 16px;
height: 16px;
}
.anon-label .optional::before,
.anon-label .optional::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 2px;
box-sizing: border-box;
}
.anon-label .optional::before {
border: 2px solid #a0ce1e;
}
#anonimniy_otpravitel_field .optional {
display: block;
position: absolute;
top: 0;
}
.anon-label .optional::after {
top: 0px;
left: 0px;
background: url(https://new.flowerssamara.ru/wp-content/themes/flowerSam/img/icons/checkbox_checked.svg) no-repeat center/contain;
transition: 0.1s;
opacity: 0;
}
.anon-input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.anon-label input[type="checkbox"]:checked + .optional::after {
opacity: 1;
}
.anon-input {
display: none !important;
}
.otstup,
.my-head {
margin: 2% 0 !important;
}
h3#order_review_heading {
text-align: center;
margin: 2% 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"],
input[type="number"]:hover,
input[type="number"]:focus {
-webkit-appearance: none;
appearance: none;
-moz-appearance: textfield;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {
outline: none;
}   @font-face {
src: url(//flowerssamara.ru/wp-content/themes/flowerSam/fonts/Roboto/Roboto-Thin.ttf) format("truetype");
font-family: "Roboto";
font-style: "normal";
font-weight: 300;
}
@font-face {
src: url(//flowerssamara.ru/wp-content/themes/flowerSam/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
font-family: "Roboto";
font-style: "normal";
font-weight: 400;
}
@font-face {
src: url(//flowerssamara.ru/wp-content/themes/flowerSam/fonts/Roboto/Roboto-Medium.ttf) format("truetype");
font-family: "Roboto";
font-style: "normal";
font-weight: 500;
}
@font-face {
src: url(//flowerssamara.ru/wp-content/themes/flowerSam/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
font-family: "Roboto";
font-style: "normal";
font-weight: 700;
}
@font-face {
src: url(//flowerssamara.ru/wp-content/themes/flowerSam/fonts/Spectral/Spectral-Medium.ttf) format("truetype");
font-family: "Spectral";
font-style: "normal";
font-weight: 500;
} html,
body {
font-size: 15px;
font-weight: 400;
line-height: 130%;
color: #202b4c;
}
* {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
color: inherit;
} .color_black {
color: #000000;
}
.color_dark {
color: #202b4c;
}
.color_blue {
color: #85859e;
}
.color_green {
color: #a0ce1e;
}
.color_red {
color: #ed5974;
}
.color_white {
color: #ffffff;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #c2c1ce;
}
input::placeholder,
textarea::placeholder {
color: #c2c1ce;
} .h1,
.h2,
.h3 {
font-family: Spectral;
}
.h1 {
font-weight: 500;
font-size: 40px;
line-height: 120%;
}
.h2 {
font-weight: 500;
font-size: 30px;
line-height: 120%;
}
.h3 {
font-weight: 500;
font-size: 28px;
line-height: 120%;
}
.h4 {
font-weight: 500;
font-size: 22px;
line-height: 130%;
}
.h5 {
font-weight: 500;
font-size: 20px;
line-height: 130%;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn__text {
background: none;
border: none;
display: flex;
align-items: center;
justify-content: center;
}
.btn__text .wpcf7-spinner {
position: absolute;
right: -100%;
display: block;
top: 0;
}
span.btn__text {
position: relative;
}
span.wpcf7-spinner {
position: absolute;
bottom: 0;
}
.h6,
h6 {
font-weight: 500;
font-size: 19px;
line-height: 130%;
}
.btn .btn__text {
font-weight: 500;
font-size: 14px;
line-height: 140%;
}
.btn_big .btn__text {
font-size: 16px;
font-weight: 400;
}
.btn_small .btn__text {
font-size: 12px;
}
.large,
.blog-post .content p,
.blog-post .content ul,
.blog-post .content ol {
font-size: 17px;
}
.small,
.breadcrumbs a,
.input-base .symbol,
.input-base .input,
.input-base .textarea {
font-size: 13px;
}
.bold {
font-weight: 500 !important;
}
.bold bdi {
font-weight: 500 !important;
}
.italic {
font-style: italic;
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.icon.search {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/search.svg);
}
.icon.search-close {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/search-close.svg);
}
.icon.basket {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/basket.svg);
}
.icon.heart {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/heart.svg);
}
.icon.size {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/size.svg);
}
.icon.location-label {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/location.svg);
}
.icon.arrow-select {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/arrow_select.svg);
}
.icon.calendar {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/calendar.svg);
}
.icon.clock {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/clock.svg);
}
.icon.location-arrow {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/location-arrow.svg);
}
.icon.history {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/history.svg);
}
.icon.modal-close {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/modal-close.svg);
}
.icon.phone {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/phone.svg);
}
.icon.mail {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/mail.svg);
}
.icon.pen-round {
background-image: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/pen-round.svg);
}
.selectric-items ul,
.selectric-items li,
.selectric .label {
font-size: 13px;
}
#date_field span,
#time_field {
position: relative;
}
#time_field span::after {
content: "";
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/clock.svg) no-repeat center / contain;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
bottom: 15px;
}
#date_field span::after {
content: "";
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/calendar.svg) no-repeat center / contain;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
bottom: 15px;
}
#date2_field span,
#time2_field span {
position: relative;
}
#time2_field span::after {
content: "";
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/clock.svg) no-repeat center / contain;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
bottom: 15px;
}
.form__address p {
width: 100% !important;
}
div#phonebilling_field {
margin-left: 5%;
}
.form__block {
margin: 2% 0;
}
#date2_field span::after {
content: "";
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/calendar.svg) no-repeat center / contain;;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
bottom: 15px;
}
.hr {
width: 100%;
height: 1px;
background: #eff4fd;
}
.socials__link {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 5px;
background: #d1e4ff;
transition: 0.5s;
}
.socials__link:not(:last-child) {
margin-right: 15px;
}
.socials__link:hover {
background: #d8f095;
}
.socials__link img {
width: 100%;
height: 100%;
}
.btn {
color: #ffffff;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
display: inline-flex;
gap: 10px;
width: auto;
height: 50px;
padding: 12px 22px;
background: #a0ce1e;
border: 2px solid #a0ce1e;
border-radius: 25px;
transition: 0.5s;
}
.btn__icon {
width: 20px;
height: 20px;
}
.btn__icon svg path {
stroke: #ffffff;
transition: 0.5s;
}
.btn:hover {
background: #b7e33c;
border-color: #b7e33c;
}
.btn:disabled {
filter: grayscale(2);
cursor: not-allowed;
}
.btn_icon {
min-width: 50px;
padding: 0;
}
.btn_outline {
color: #202b4c;
background: transparent;
}
.btn_outline .btn__icon svg path {
stroke: #202b4c;
}
.btn_outline:hover {
color: #ffffff;
background: #a0ce1e;
border-color: #a0ce1e;
}
.btn_outline:hover .btn__icon svg path {
stroke: #ffffff;
}
.btn_outline-red {
color: #202b4c;
background: transparent;
border-color: #ff7575;
}
.btn_outline-red .btn__icon svg path {
stroke: #202b4c;
}
.btn_outline-red:hover {
color: #ffffff;
background: #ff7575;
border-color: #ff7575;
}
.btn_outline-red:hover .btn__icon svg path {
stroke: #ffffff;
}
.input { }
.input-base {
position: relative;
}
.input-base .input,
.input-base .textarea {
color: #202b4c;
width: 100%;
height: 50px;
padding: 14px 15px;
border: 1px solid #d1e4ff;
border-radius: 30px;
outline: none;
}
.input-base .input:focus ~ .options,
.input-base .textarea:focus ~ .options {
visibility: visible;
opacity: 1;
transform: translateY(10px);
}
.input-base .input:focus ~ .icon,
.input-base .textarea:focus ~ .icon {
transform: rotateZ(180deg);
}
.input-base .input:invalid,
.input-base .input.invalid,
.input-base .textarea:invalid,
.input-base .textarea.invalid {
color: #ed5974;
border-color: #ed5974;
}
.input-base .input:invalid::-moz-placeholder,
.input-base .input.invalid::-moz-placeholder,
.input-base .textarea:invalid::-moz-placeholder,
.input-base .textarea.invalid::-moz-placeholder {
color: #ed5974;
}
.input-base .input:invalid::placeholder,
.input-base .input.invalid::placeholder,
.input-base .textarea:invalid::placeholder,
.input-base .textarea.invalid::placeholder {
color: #ed5974;
}
.input-base .input_no-border,
.input-base .textarea_no-border {
border: none;
}
.input-base .input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
}
.input-base.invalid .input {
color: #ed5974;
border-color: #ed5974;
}
.input-base .textarea {
height: 146px;
resize: none;
}
.input-base .icon {
position: absolute;
top: 17px;
right: 15px;
pointer-events: none;
transition: 0.5s;
}
.input-base .symbol {
color: #c2c1ce;
position: absolute;
top: 16px;
right: 14px;
pointer-events: none;
}
.input-base .options {
position: absolute;
top: 100%;
left: 0;
width: 100%;
transition: 0.5s;
visibility: hidden;
opacity: 0;
z-index: 2;
}
.input-base .options__body {
width: 100%;
height: 100%;
border-radius: 10px;
background: #ffffff;
box-shadow: 0px 12px 30px 0px rgba(133, 133, 158, 0.15);
}
.input-base .options__item {
text-align: left;
width: 100%;
padding: 14.5px 15px;
transition: 0.5s;
cursor: pointer;
}
.input-base .options__item:hover {
color: #a0ce1e;
}
.input-select .input {
cursor: pointer;
}
.input-checkbox {
position: relative;
display: flex;
padding-left: 29px;
cursor: pointer;
}
.input-checkbox .input {
position: absolute;
left: 0;
width: 16px;
height: 16px;
}
.input-checkbox .input::before,
.input-checkbox .input::after {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border-radius: 2px;
box-sizing: border-box;
}
.input-checkbox .input::before {
border: 2px solid #a0ce1e;
}
.input-checkbox .input::after {
top: 0px;
left: 0px;
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/checkbox_checked.svg) no-repeat center/contain;
transition: 0.1s;
opacity: 0;
}
.input-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.input-checkbox input[type="checkbox"]:checked + .input::after {
opacity: 1;
}
.dropdown {
display: flex;
align-items: center;
height: 22px;
}
.dropdown .label {
color: #85859e;
height: 100%;
}
.dropdown__wrapper {
position: relative;
height: 100%;
}
.dropdown .input {
width: 188px;
height: 100%;
padding: 0;
padding-left: 15px;
padding-right: 24px;
border: none;
border-radius: 0px;
outline: none;
cursor: pointer;
}
.dropdown .input:focus ~ .options {
visibility: visible;
opacity: 1;
}
.dropdown .input:focus ~ .icon {
transform: rotateZ(180deg);
}
.dropdown .icon {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
transition: 0.5s;
pointer-events: none;
}
.dropdown .options {
position: absolute;
top: 100%;
left: 0;
width: 100%;
transition: 0.5s;
visibility: hidden;
opacity: 0;
z-index: 2;
}
.dropdown .options__body {
width: 100%;
height: 100%;
padding-top: 0.5em;
border-radius: 5px;
background: #ffffff;
box-shadow: 0px 12px 30px 0px rgba(133, 133, 158, 0.15);
}
.dropdown .options__item {
text-align: left;
width: 100%;
padding: 0;
padding-left: 15px;
margin-bottom: 0.5em;
transition: 0.5s;
cursor: pointer;
}
.dropdown .options__item:hover {
color: #a0ce1e;
}
.nav {
display: flex;
justify-content: center;
}
.nav__link {
text-transform: uppercase;
transition: 0.5s;
}
.nav__link:not(:last-child) {
margin-right: 50px;
}
.nav__link:hover {
color: #a0ce1e;
}
.carousel {
width: 100%;
}
.carousel__inner {
display: flex;
width: 100%;
overflow: hidden;
}
.carousel__item {
width: 100%;
min-width: 100%;
transition: 0.5s;
}
.carousel__dots {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
}
.carousel__dots .dot {
width: 8px;
height: 8px;
background: #a0ce1e;
border-radius: 3px;
opacity: 0.3;
}
.carousel__dots .dot:not(:last-child) {
margin-right: 10px;
}
.carousel__dots .dot.active {
opacity: 1;
}
.carousel__controls {
display: flex;
align-items: center;
gap: 30px;
}
.carousel__control-left,
.carousel__control-right {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 52px;
height: 52px;
background: #f5fae8;
border-radius: 52px;
}
.carousel__control-left svg,
.carousel__control-right svg {
width: 32px;
height: 32px;
}
.carousel__control-left svg path,
.carousel__control-right svg path {
stroke: #7eab00;
}
.carousel__control-left:disabled,
.carousel__control-left .disabled,
.carousel__control-right:disabled,
.carousel__control-right .disabled {
background: #ffffff;
}
.carousel__control-left:disabled svg path,
.carousel__control-left .disabled svg path,
.carousel__control-right:disabled svg path,
.carousel__control-right .disabled svg path {
stroke: #85859e;
}
.carousel-min {
position: relative;
width: 100%;
height: 100%;
}
.carousel-min,
.carousel-min__inner,
.carousel-min__shadow,
.carousel-min__control-left,
.carousel-min__control-right {
border-radius: 15px;
}
.carousel-min__control-left,
.carousel-min__control-right {
position: absolute;
top: 0;
display: none;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
display: none;
width: 40px;
height: 100%;
z-index: 3;
}
.carousel-min__control-left svg path,
.carousel-min__control-right svg path {
stroke: #ffffff;
stroke-width: 3px;
}
.carousel-min__control-left:disabled svg path,
.carousel-min__control-left .disabled svg path,
.carousel-min__control-right:disabled svg path,
.carousel-min__control-right .disabled svg path {
stroke: #85859e;
}
.carousel-min__control-left {
left: 0px;
}
.carousel-min__control-right {
right: 0px;
}
.carousel-min__inner {
position: relative;
display: flex;
width: 100%;
height: 100%;
overflow: hidden;
}
.carousel-min__item {
width: 100%;
min-width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.5s;
}
.carousel-min__shadow {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.carousel-min__dots {
position: absolute;
bottom: 15px;
left: 0;
display: flex;
justify-content: center;
width: 100%;
}
.carousel-min__dots .dot {
width: 8px;
height: 8px;
border-radius: 3px;
background: #ffffff;
transition: 0.5s;
opacity: 0.5;
}
.carousel-min__dots .dot.active {
width: 20px;
opacity: 1;
}
.carousel-min__dots .dot:not(:last-child) {
margin-right: 10px;
}
.breadcrumbs {
display: flex;
}
.breadcrumbs a {
color: #7eab00;
position: relative;
display: inline-block;
padding-right: 20px;
}
.breadcrumbs a::after {
content: "";
position: absolute;
top: 3.5px;
right: 5px;
width: 10px;
height: 10px;
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/arrow_breadcrumbs.svg) no-repeat center/contain;
}
.breadcrumbs a:last-child {
padding-right: 0;
}
.breadcrumbs a:last-child::after {
display: none;
}
.breadcrumbs a.active {
color: #c2c1ce;
cursor: default;
}
.block-title {
max-width: 570px;
margin-bottom: 30px;
}
.block-title > *:not(:last-child) {
margin-bottom: 10px;
}
.block-title .title > * {
display: inline-block;
vertical-align: middle;
}
.block-title .label {
color: #ffffff;
vertical-align: middle;
display: inline-block;
padding: 5px 10px;
margin-left: 10px;
background: #a0ce1e;
border-radius: 15px;
}
.block-title .line {
width: 100px;
height: 1px;
background: #202b4c;
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
-moz-column-gap: 30px;
column-gap: 30px;
row-gap: 50px;
}
.grid_col-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid_row-15 {
row-gap: 15px;
}
.grid_row-30 {
row-gap: 30px;
}
.grid_row-70 {
row-gap: 70px;
}
.grid .item {
width: 100%;
}
.grid .item_promotion {
grid-row: 1 / span 2;
}
.promotion {
position: relative;
display: flex;
flex-direction: column;
}
.promotion__discount {
position: absolute;
top: 30px;
left: 30px;
right: 30px;
}
.promotion .discount {
color: #ffffff;
display: flex;
align-items: center;
}
.promotion .discount__percent {
font-weight: 500;
font-size: 16px;
line-height: 50px;
text-align: center;
width: 50px;
min-width: 50px;
height: 50px;
margin-right: 10px;
background: #a0ce1e;
border-radius: 50px;
}
.promotion__image {
height: calc(100% - 65px);
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
}
.promotion__button {
width: 100%;
margin-top: 15px;
}
.cards {
position: relative;
}
.cards::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 100%;
width: 50px;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
pointer-events: none;
}
.cards__title {
margin-bottom: 30px;
}
.cards__scroll {
overflow-x: auto;
padding-bottom: 10px;
}
.cards__wrapper {
display: flex;
flex-wrap: nowrap;
}
.cards .card {
width: 200px;
min-width: 200px;
margin-right: 42.5px;
}
.cards .card__image {
height: 200px;
}
.card {
width: 100%;
background: #ffffff;
position: relative;
}
.card__wrapper {
display: flex;
justify-content: space-between;
}
.card__wrapper_center {
align-items: center;
}
.card__image {
position: relative;
width: 100%;
height: 203px;
margin-bottom: 15px;
}
.card__image .image {
width: 100%;
height: 100%;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
}
.card__image .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.card__image .hover .link {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 15px;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.card__image .hover .link__button {
color: #ffffff;
height: 40px;
padding: 12px 22px;
}
.card__price-range {
margin-top: 5px;
}
.card__size .icon,
.card__size .size {
display: inline-block;
vertical-align: middle;
}
.card__size .icon {
margin-right: 5px;
}
.card__size .size {
color: #d1e4ff;
}
.card__line {
width: 100%;
height: 1px;
margin: 10px 0;
background: #eff4fd;
}
.card__name {
padding: 3px 0;
transition: 0.5s;
}
.card__name:hover {
color: #a0ce1e;
}
.card__basket {
margin-left: 10px;
}
.card:hover .hover {
visibility: visible;
opacity: 1;
}
.card-category {
position: relative;
width: 100%;
height: 80px;
border-radius: 15px;
}
.card-category__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: inherit;
}
.card-category__image .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: inherit;
}
.card-category__image .hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.card-category__image .hover .link {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 100%;
height: 100%;
border-radius: 15px;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
}
.card-category__image .hover .link__button {
color: #ffffff;
height: 40px;
padding: 12px 22px;
}
.card-category__text {
position: relative;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
border-radius: inherit;
z-index: 2;
transition: 0.5s;
}
.card-category:hover .hover {
opacity: 1;
visibility: visible;
}
.card-category:hover .card-category__text {
opacity: 0;
visibility: hidden;
}
.card-modal {
max-width: 990px; }
.card-modal__grid {
display: grid;
grid-template-columns: 39.326% 52.809%;
-moz-column-gap: 7.865%;
column-gap: 7.865%;
row-gap: 30px;
margin-bottom: 50px;
}
.card-modal__image-wrapper {
width: 100%;
grid-row: 1 / span 4;
}
.card-modal__image {
width: 100%;
height: 290px;
}
.card-modal__wrapper {
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
}
.card-modal__wrapper-2 {
display: flex;
align-items: center;
align-content: center;
justify-content: space-between;
}
.card-modal__type {
color: #85859e;
margin-right: 10px;
}
.card-modal__socials {
margin: 2% 0;
}
.card-modal .attributes {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.card-modal .attribute__name {
margin-bottom: 5px;
}
.card-modal__cards .card {
margin-right: 30px;
}
.pay-modal {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
max-width: 450px;
height: 600px;
}
.pay-modal__image {
width: 146px;
height: 51px;
}
.call-modal {
max-width: 450px;
}
.call-modal > *:not(:last-child) {
margin-bottom: 30px;
}
.call-modal form > *:not(:last-child) {
margin-bottom: 30px;
}
.call-modal .block-title .title {
text-align: center;
}
.call-modal .block-title .line {
margin-left: auto;
margin-right: auto;
}
.call-modal a {
color: #a0ce1e;
}
.call-modal__buttons {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.call-modal__button {
flex: 1;
min-width: 200px;
}
.accordion {
position: relative;
width: 100%;
height: auto;
background: #ffffff;
}
.accordion__button {
position: relative;
width: 100%;
}
.accordion__button-title {
display: flex;
align-items: center;
align-content: center;
width: 100%;
height: 54px;
padding-left: 0;
padding-right: 30px;
}
.accordion__button-icon {
position: absolute;
top: 15px;
right: 0px;
display: block;
width: 24px;
height: 24px;
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/arrow_accordion.svg) no-repeat center/contain;
transition: 0.5s;
}
.accordion__body {
width: 100%;
height: 0px;
overflow: hidden;
transition: 0.5s;
}
.accordion__content {
width: 100%;
padding: 0 0 15px 0;
}
.accordion.open .accordion__body {
height: auto;
}
.accordion.open .accordion__button-icon {
transform: rotateZ(180deg);
}
.counter {
display: flex;
width: 72px;
height: 24px;
}
.counter__button,
.counter__input {
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-align: center;
width: 24px;
height: 24px;
border: none;
}
.counter__button svg {
width: 100%;
height: 100%;
}
.pagination {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 100%;
}
.pagination .btn {
min-width: 50px;
margin: 0 5px;
}
.pagination .btn.active {
background: #a0ce1e;
color: #ffffff;
}
*[modal] {
cursor: pointer;
}
.modal {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
transition: 0.5s;
opacity: 0;
visibility: hidden;
overflow-y: auto;
z-index: 10;
}
.modal.open {
opacity: 1;
visibility: visible;
}
.modal__wrapper {
position: relative;
width: 100%;
height: auto;
min-height: 100vh;
padding: 100px 30px;
}
.modal__shadow {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(32, 43, 76, 0.9);
}
.modal__content {
position: relative;
padding: 50px;
margin: 0 auto;
background: #ffffff;
border-radius: 15px;
}
.modal__close {
position: absolute;
top: 30px;
right: 30px;
width: 24px;
height: 24px;
z-index: 3;
}
.modal__close .icon {
width: 100%;
height: 100%;
}
.scrollbar {
scrollbar-color: #a0ce1e white; }
.scrollbar::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: white;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: #a0ce1e;
border-radius: 9em;
}
.scrollbar::-webkit-scrollbar-thumb:hover {
background-color: #7da118;
}
.slider {
padding-top: 6px;
padding-bottom: 6px;
}
nav.woocommerce-pagination {
display: flex;
justify-content: center;
align-items: center;
margin: 5% 0;
}
ul.page-numbers {
display: flex;
align-items: center;
flex-direction: row;
list-style: none;
gap: 29px;
}
.page-numbers li {
background-color: #a0ce1e;
color: #fff;
padding: 10px 16px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 17px;
}
.slider .noUi-target {
height: 3px !important;
background: #d1e4ff;
border: none;
border-radius: 0;
box-shadow: none;
}
.slider .noUi-connect {
background: #ff9e9e;
}
.slider .noUi-handle {
width: 15px;
height: 15px;
background: #ff7575;
border: 2px solid #fff;
border-radius: 15px;
box-shadow: none;
cursor: pointer;
}
.slider .noUi-handle::before,
.slider .noUi-handle::after {
display: none;
}
.slider .noUi-handle.noUi-handle-upper {
top: -7px;
right: 0px;
}
.slider .noUi-handle.noUi-handle-lower {
top: -7px;
right: -15px;
}
.mobile {
display: none;
}
.tablet {
display: none;
}
body {
background: #ffffff;
}
section {
display: block;
}
.container {
max-width: 1210px;
padding: 0 20px;
margin: 0 auto;
}
.wrapper {
position: relative;
width: 100%;
height: auto;
}
.decoration {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.decoration .line {
position: absolute;
left: 0;
width: 100%;
height: 7px;
background: #ff7575;
}
.decoration .line_top {
top: 0;
}
.decoration .line_bottom {
bottom: 0;
}
.decoration .image {
position: absolute;
}
.decoration .image-1 {
top: 30px;
left: 0;
width: 140px;
height: 149px;
}
.decoration .image-2 {
top: 30px;
right: 0;
width: 120px;
height: 193px;
}
.decoration .image-3 {
top: 50%;
right: 0;
width: 311px;
height: 168px;
}
.content {
position: relative;
width: 100%;
z-index: 2;
}
.header {
padding-top: 32px;
margin-bottom: 40px;
}
.header__logo {
position: relative;
z-index: 2;
display: block;
width: 228px;
height: 132.737px;
margin: 0 auto;
margin-bottom: -17px;
}
.header__logo .image {
width: 100%;
height: 100%;
}
.header__wrapper {
position: relative;
margin-bottom: 26px;
}
.header__icon-menu {
display: none;
}
.header__search {
position: relative;
width: 100%;
}
.header__search .input {
font-weight: 400;
font-size: 13px;
width: 100%;
padding: 17px 26px;
padding-right: 110px;
border: none;
border-bottom: 1px solid #eff4fd;
}
.header__search .input::-moz-placeholder {
font-weight: 300;
}
.header__search .input::placeholder {
font-weight: 300;
}
.header__search .icon {
position: absolute;
bottom: 17px;
}
.header__search .icon.search {
left: 0;
}
.header__search .icon.search-close {
display: none;
}
.header__basket {
position: absolute;
bottom: 17px;
right: 0;
}
.header__basket .text,
.header__basket .icon,
.header__basket .count {
display: inline-block;
vertical-align: middle;
}
.header__basket .text {
font-weight: 300;
color: #c2c1ce;
margin-right: 10px;
}
.header__basket .icon {
margin-right: 3px;
}
.header__basket .count {
font-weight: 700;
font-size: 10.67px;
line-height: 17px;
color: #ffffff;
text-align: center;
width: 16px;
height: 16px;
background: #ed5974;
border-radius: 16px;
}
.menu {
display: none;
}
.block {
position: relative;
margin-bottom: 50px;
}
.block_margin-100 {
margin-bottom: 100px;
}
.block_margin-150 {
margin-bottom: 150px;
}
.block_margin-300 {
margin-bottom: 300px;
}
.block__carousel-dots {
margin-top: 70px;
}
.block__carousel-dots.absolute {
position: absolute;
top: 34px;
right: 164px;
margin: 0;
}
.block__carousel-controls {
margin-top: 30px;
}
.block__carousel-controls.absolute {
position: absolute;
top: 12px;
right: 0;
margin: 0;
}
.block__button {
display: flex;
width: 270px;
margin: 0 auto;
margin-top: 30px;
}
.block__button-absolute {
position: absolute;
top: 0;
right: 0;
height: 44px;
}
.block__button-absolute .btn__text {
transform: translateY(0.1em);
}
.block__pagination {
margin-top: 30px;
}
.title-carousel {
position: relative;
margin-bottom: 30px;
}
.title-carousel .item {
position: relative;
display: flex;
flex-wrap: wrap;
width: 100%;
height: 377px;
background: #f7fbfe;
border-radius: 15px;
}
.title-carousel .item__content {
padding-top: 64px;
padding-left: 70px;
padding-right: 10px;
width: calc(100% - 470px);
}
.title-carousel .item .content {
max-width: 500px;
min-width: 500px;
}
.title-carousel .item .content__title {
margin-bottom: 30px;
}
.title-carousel .item .content__text {
margin-bottom: 35px;
}
.title-carousel .item .content__wrapper {
display: flex;
align-items: center;
}
.title-carousel .item .content__button {
margin-right: 30px;
}
.title-carousel .item__image {
position: relative;
width: 470px;
height: 100%;
border-radius: 15px;
}
.title-carousel .item__image img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.title-carousel .item__image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 170px;
height: 100%;
background: linear-gradient(90deg, #f7fbfe 0%, rgba(247, 251, 254, 0) 100%);
}
.title-carousel__control-left,
.title-carousel__control-right {
position: absolute;
top: 0;
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 52px;
height: 100%;
}
.title-carousel__control-left svg,
.title-carousel__control-right svg {
width: 32px;
height: 32px;
}
.title-carousel__control-left svg path,
.title-carousel__control-right svg path {
stroke: #7eab00;
}
.title-carousel__control-left:disabled,
.title-carousel__control-left .disabled,
.title-carousel__control-right:disabled,
.title-carousel__control-right .disabled {
background: #ffffff;
}
.title-carousel__control-left:disabled svg path,
.title-carousel__control-left .disabled svg path,
.title-carousel__control-right:disabled svg path,
.title-carousel__control-right .disabled svg path {
stroke: #85859e;
}
.title-carousel__control-left {
left: -72px;
}
.title-carousel__control-right {
right: -72px;
}
.block-info {
margin-bottom: 100px;
}
.block-info .list {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.block-info .list .item {
position: relative;
width: calc(50% - 15px);
height: 170px;
background: #f7fbfe;
border-radius: 15px;
}
.block-info .list .item .image {
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 170px;
border-radius: 15px;
}
.block-info .list .item .image img {
width: 100%;
height: 100%;
border-radius: inherit;
object-fit: cover;
}
.block-info .list .item .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, #f7fbfe 0%, rgba(247, 251, 254, 0) 100%);
}
.block-info .list .item .discount,
.block-info .list .item .ul {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
padding: 10px;
}
.block-info .list .item .discount {
padding-left: 70px;
}
.block-info .list .item .discount .h1 {
margin-bottom: 4px;
}
.block-info .list .item .ul {
padding-left: 40px;
}
.block-info .list .item .ul li {
display: flex;
list-style-type: none;
}
.block-info .list .item .ul li .icon {
min-width: 16px;
vertical-align: middle;
margin-right: 10px;
}
.block-info .list .item .ul li:not(:last-child) {
margin-bottom: 15px;
}
.why-us {
margin-bottom: 150px;
}
.why-us .block-title {
margin-bottom: 50px;
}
.why-us .item__icon {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
width: 90px;
height: 90px;
margin: 0 auto;
margin-bottom: 15px;
background: #f7fbfe;
border-radius: 15px;
}
.why-us .item__icon img {
width: 40px;
height: 40px;
}
.why-us .item__text {
text-align: center;
}
.newsletter {
color: #ffffff;
position: relative;
margin-bottom: 150px;
}
.newsletter__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 15px;
}
.newsletter__image .image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 15px;
}
.newsletter__content {
position: relative;
z-index: 2;
}
.newsletter .content {
width: 100%;
height: 100%;
padding: 30px 17.1% 30px 34.2%;
}
.newsletter .content__title {
margin-bottom: 10px;
}
.newsletter .content__description {
margin-bottom: 30px;
}
.newsletter .content__wrapper {
display: flex;
}
.newsletter .content__input {
width: 100%;
margin-right: 15px;
}
.newsletter .content__button {
width: 125px;
min-width: 125px;
}
.location {
margin-bottom: 80px;
}
.location__wrapper {
display: flex;
justify-content: space-between;
}
.location .content {
width: 370px;
margin-right: 30px;
}
.location .content > *:not(:last-child) {
margin-bottom: 30px;
}
.location .content .block-title {
max-width: none;
}
.location .content__socials {
padding-left: 28px;
}
.location .content__button {
width: 270px;
}
.location__map {
position: relative;
width: 770px;
height: 357px;
border-radius: 15px;
}
.location__map > * {
width: 100%;
height: 100%;
border-radius: 15px;
}
.location__map .mask {
position: absolute;
top: 0;
left: 0;
} .address {
display: flex;
}
.address .icon {
width: 24px;
min-width: 24px;
height: 24px;
margin-right: 5px;
}
.address .text .bold {
display: inline-block;
margin-bottom: 5px;
}
.address .text .bold a {
font-size: 1.1em;
margin-top: 5px;
}
.catalog__wrapper {
display: flex;
justify-content: space-between;
gap: 30px;
margin-bottom: 150px;
}
.catalog__sidebar {
width: 270px;
}
.catalog__main {
width: 870px;
}
.catalog__sorted {
display: flex;
justify-content: flex-end;
margin-bottom: 50px;
align-items: center;
}
.filter {
width: 100%;
}
.filter__title {
margin-bottom: 15px;
}
.filter__price {
border-top: 1px solid #eff4fd;
}
.filter .price {
padding: 15px 0;
}
.filter .price__title {
margin-bottom: 10px;
}
.filter .price__wrapper {
display: flex;
gap: 5px;
margin-bottom: 10px;
}
.filter .price__input {
flex: 1;
}
.filter__accordion:not(:last-child) {
border-top: 1px solid #eff4fd;
}
.filter__checkbox:not(:last-child) {
margin-bottom: 8px;
}
.filter__reset-button {
width: 100%;
margin-top: 10px;
}
.cart {
margin-bottom: 200px;
}
.cart .list {
width: 100%;
margin-bottom: 30px;
}
.cart .list .item {
display: flex;
width: 100%;
}
.cart .list .item:not(:last-child) {
margin-bottom: 50px;
}
.cart .list .item__image {
width: 200px;
min-width: 200px;
height: 200px;
margin-right: 30px;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
}
.cart .list .item__content {
width: 100%;
}
.cart .list .item__wrapper,
.cart .list .item__wrapper-2 {
display: flex;
align-items: center;
align-content: center;
}
.cart .list .item__wrapper {
justify-content: space-between;
margin-bottom: 10px;
}
.cart .list .item__wrapper-2 {
position: relative;
}
.cart .list .item .hr {
margin-bottom: 10px;
}
.cart .list .item__counter {
margin-right: 33px;
}
.cart .list .item__trash {
position: absolute;
right: 0;
bottom: -45px;
width: 24px;
height: 24px;
}
.cart .list .item__trash svg {
width: 100%;
height: 100%;
}
.cart .list .item__trash svg path {
stroke: #202b4c;
transition: 0.5s;
}
.cart .list .item__trash:hover svg path {
stroke: #fff;
}
.cart .list .item .attributes {
display: grid;
grid-template-columns: 170px 1fr;
gap: 15px;
}
.cart .list .item .attribute__name {
margin-bottom: 5px;
}
.cart .hr,
.cart .total {
margin-bottom: 30px;
}
.total__wrapper,
.total__wrapper-2 {
display: flex;
align-items: center;
align-content: center;
}
.total__wrapper {
justify-content: space-between;
}
.total .block-title {
margin-bottom: 0;
}
.total .block-title .subtitle {
margin-bottom: 10px;
}
.total .block-title .discount {
display: flex;
align-items: center;
align-content: center;
color: #a0ce1e;
}
.total .block-title .discount__icon {
width: 24px;
min-width: 24px;
height: 24px;
margin-right: 8px;
}
.total .block-title .discount__icon svg {
width: 100%;
height: 100%;
}
.total .block-title .discount__icon svg path {
stroke: #a0ce1e;
}
.total__policy-privacy {
text-align: right;
margin-right: 30px;
}
.total__policy-privacy a {
color: #a0ce1e;
}
.total__buttons {
display: flex;
gap: 15px;
}
.warning {
color: #ffffff;
width: 100%;
padding: 10px;
margin-top: 30px;
background: #ff7575;
border-radius: 15px;
}
.warning__text {
text-align: center;
width: 100%;
}
.delivery {
margin-bottom: 250px;
}
.delivery .form {
width: 100%;
}
.delivery .form__block {
width: 100%;
margin-bottom: 30px;
}
.delivery .form__title {
margin-bottom: 15px;
}
.woocommerce-billing-fields .form__inputs {
gap: 15px;
display: flex;
flex-wrap: wrap;
}
.woocommerce-billing-fields__field-wrapper p {
width: 32%;
}
.optional {
display: none;
}
.delivery .form__inputs-wrapper {
display: flex;
gap: 15px;
}
.delivery .form__inputs-wrapper .form__input {
flex: 1;
}
.delivery .form__input_big {
grid-column: 1 / span 2;
}
.delivery .hr {
margin-bottom: 30px;
}
.workshop {
margin-bottom: 250px;
}
.workshop__text {
margin-bottom: 50px;
}
.workshop__gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
margin-bottom: 150px;
}
.workshop__gallery .item {
width: 370px;
height: 400px;
}
.workshop__gallery .image {
width: 100%;
height: 100%;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
}
.contacts {
margin-bottom: 250px;
}
.delivery-info {
margin-bottom: 250px;
}
.delivery-info .block-title {
max-width: 470px;
}
.delivery-info__title {
margin-bottom: 30px;
}
.delivery-info__options {
margin-bottom: 15px;
}
.delivery-info .options {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.delivery-info .options .option {
flex: 1;
display: flex;
min-width: 270px;
}
.delivery-info .options .option__icon {
width: 24px;
min-width: 24px;
height: 24px;
margin-right: 5px;
}
.delivery-info .options .option__text .bold {
margin-bottom: 5px;
}
.delivery-info__text {
margin-bottom: 50px;
}
.delivery-info__text p:not(:last-child) {
margin-bottom: 1.2em;
}
.delivery-info__button {
width: 270px;
}
.blog-post {
margin-bottom: 250px;
}
.blog-post .block-title {
margin-bottom: 50px;
}
.blog-post .content img {
float: left;
width: 470px;
margin-right: 33px;
margin-bottom: 50px;
border-radius: 15px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-post .content h6 {
margin-top: 50px;
}
.blog-post .content p,
.blog-post .content ul,
.blog-post .content ol {
padding: revert;
margin-top: 30px;
}
.blog-post .content ul,
.blog-post .content ol {
padding: revert;
}
.privacy-policy {
margin-bottom: 250px;
}
.privacy-policy .block-title {
margin-bottom: 50px;
}
.footer {
position: relative;
padding-top: 50px;
padding-bottom: 45px;
border-top: 1px solid #eff4fd;
}
.footer__decoration {
position: absolute;
top: -162px;
left: 57px;
width: 142px;
height: 161px;
z-index: -1;
}
.footer__wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 22px;
}
.footer__socials {
width: 20%;
padding-left: 76px;
}
.footer__phone {
width: 20%;
text-align: right;
}
.footer__logo {
display: block;
width: 228px;
height: 132.737px;
margin: 0 auto;
margin-bottom: 30px;
}
.footer__logo .image {
width: 100%;
height: 100%;
}
.footer__copyright {
width: 100%;
text-align: center;
}
@media screen and (max-width: 1180px) {
.woocommerce-shipping-fields__field-wrapper p,
.woocommerce-billing-fields__field-wrapper p {
width: 31%;
}
p#shipping_address_1_field {
width: 63%;
}
}
@media screen and (min-width: 900px) {
.catalog__sidebar .modal {
position: static;
background: transparent;
opacity: 1;
visibility: visible;
overflow: initial;
}
.catalog__sidebar .modal__wrapper {
padding: 0;
}
.catalog__sidebar .modal__shadow {
display: none;
}
.catalog__sidebar .modal__content {
position: static;
padding: 0px;
border-radius: 0;
}
.catalog__sidebar .modal__close {
display: none;
}
}
@media screen and (max-width: 1320px) {
.decoration {
display: none;
}
}
@media screen and (max-width: 1210px) {
.total__buttons {
flex-direction: column;
}
}
@media screen and (max-width: 1100px) {
.carousel-min__control-left,
.carousel-min__control-right {
display: flex;
}
p#anonimniy_otpravitel_field {
width: 100%;
}
.grid {
grid-template-columns: 1fr 1fr 1fr;
}
.grid_col-3 {
grid-template-columns: 1fr 1fr;
}
.card__image .hover {
opacity: 1;
visibility: visible;
}
.location__map .mask {
-o-object-fit: cover;
object-fit: cover;
}
.total__wrapper {
align-items: flex-start;
}
.total__wrapper-2 {
flex-direction: column;
}
.total__policy-privacy {
order: 2;
margin-top: 30px;
margin-right: 0;
}
.total__buttons {
order: 1;
}
.footer__socials {
padding-left: 0;
}
}
@media screen and (max-width: 900px) {
.nav {
flex-direction: column;
}
.nav__link {
text-align: center;
}
.nav__link:not(:last-child) {
margin-right: 0px;
margin-bottom: 30px;
}
.grid {
grid-template-columns: 1fr 1fr;
}
.grid_col-3 {
grid-template-columns: 1fr 1fr;
}
.card-modal__grid {
grid-template-columns: 1fr 1fr;
-moz-column-gap: 30px;
column-gap: 30px;
}
.card-modal__wrapper-2 {
flex-wrap: wrap;
}
.card-modal__price {
order: 1;
}
.card-modal__button {
order: 3;
width: 100%;
margin-top: 30px;
}
.card-modal__counter {
order: 2;
}
.tablet {
display: block;
}
.desctop {
display: none;
}
.header {
position: fixed; top: 0px;
left: 0;
width: 100%;
padding: 10px 20px 15px 20px;
margin-bottom: 0;
background: #ffffff;
z-index: 9;
}
.line_top {
height: 37px;
font-size: 13px;
position: relative;
z-index: 9;
}
.header__container {
position: relative;
}
.header__logo {
position: absolute;
top: 10px;
left: calc(50% - 48.5px);
z-index: 2;
width: 97px;
height: 56.04px;
margin: 0 auto;
transition: 0.5s;
}
.header__wrapper {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
height: 56px;
margin-bottom: 0px;
}
.header__icon-menu {
position: relative;
display: block;
width: 20px;
height: 20px;
}
.header__icon-menu .open,
.header__icon-menu .close {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.5s;
}
.header__icon-menu .open {
opacity: 1;
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/menu-burger.svg) no-repeat center/contain;
}
.header__icon-menu .close {
opacity: 0;
background: url(//flowerssamara.ru/wp-content/themes/flowerSam/img/icons/menu-close.svg) no-repeat center/contain;
}
.header .open .open {
opacity: 0;
}
.header .open .close {
opacity: 1;
}
.header__search {
position: absolute;
right: 50px;
width: 0px;
transition: 0.5s;
}
.header__search .input {
width: 100%;
padding: 10px 40px;
border: 1px solid #eff4fd;
border-radius: 30px;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.header__search .icon {
bottom: 11px;
}
.header__search .icon.search {
left: 15px;
transform: translateX(-31px);
}
.header__search .icon.search-close {
right: 15px;
display: block;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.header__basket {
position: static;
transition: 0.5s;
}
.header__basket .text {
display: none;
}
.header__nav {
display: none;
}
.header.search-open .header__logo {
opacity: 0;
visibility: hidden;
}
.header.search-open .header__search {
width: calc(100% - 32px);
transform: translateX(39px);
}
.header.search-open .header__search .input {
opacity: 1;
visibility: visible;
}
.header.search-open .header__search .icon.search {
transform: translateX(0);
}
.header.search-open .header__search .icon.search-close {
opacity: 1;
visibility: visible;
}
.header.search-open .header__basket {
opacity: 0;
visibility: hidden;
}
.menu {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100vw;
height: 81px;
background: #ffffff;
transition: 0.7s;
overflow: hidden;
z-index: 8;
}
.menu.open {
height: 100vh;
}
.menu.open .menu__wrapper {
transform: translateY(0px);
}
.menu__wrapper {
display: flex;
align-items: center;
align-content: center;
justify-content: center;
flex-direction: column;
height: 100vh;
transition: 0.7s;
transform: translateY(-100px);
}
.menu__nav {
margin-bottom: 30px;
}
.menu__socials {
margin-bottom: 30px;
}
.menu__contact {
margin-bottom: 30px;
}
.main {
padding-top: 81px;
}
.title-carousel .item {
height: auto;
}
.title-carousel .item__content {
width: 100%;
padding: 30px;
}
.title-carousel .item__image {
width: 100%;
height: 53.75vw;
}
.title-carousel .item__image img {
object-fit: cover;
-o-object-position: bottom;
object-position: bottom;
}
.title-carousel .item__image::before {
width: 100%;
height: 103px;
background: linear-gradient(180deg, #f7fbfe 0%, rgba(247, 251, 254, 0) 99.95%);
}
.title-carousel__control-left,
.title-carousel__control-right {
display: none;
}
.block-info .list {
}
.block-info .list .item {
width: 100%;
}
.block-info .list .item .discount {
margin-bottom: 30px;
}
.newsletter .content {
padding: 30px 30px 30px 30%;
}
.location__wrapper {
display: block;
}
.location .content {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.location .content__button {
width: 100%;
}
.location__map {
width: 100%;
height: 357px;
}
.address .icon {
margin-right: 12px;
}
.catalog__wrapper {
display: block;
}
.catalog__sidebar {
width: 100%;
}
.catalog__main {
width: 100%;
}
.catalog__main-filter {
display: flex !important;
width: 100%;
margin-bottom: 15px;
}
.cart .list .item__wrapper {
flex-wrap: wrap;
}
.cart .list .item__wrapper-2 {
justify-content: space-between;
width: 100%;
}
.cart .list .item__name {
width: 100%;
margin-bottom: 10px;
}
.cart .list .item__counter {
order: 2;
margin: 0;
}
.cart .list .item__price {
order: 1;
}
.cart .list .item .attributes {
grid-template-columns: 1fr 1fr;
}
.delivery .form__input_big {
grid-column: 1 / span 2;
}
.workshop__gallery .item {
width: calc(50% - 15px);
}
.blog-post .content img {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.footer {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 15px;
padding-bottom: 30px;
}
.footer__decoration {
position: absolute;
top: -65px;
left: calc(50% - 28.5px);
width: 57px;
height: 64px;
}
.footer__wrapper {
display: none;
}
.footer__socials {
display: flex;
width: auto;
padding: 0;
margin-bottom: 15px;
}
.footer__phone {
text-align: right;
width: auto;
margin-bottom: 15px;
}
.footer__logo {
width: 97px;
height: 56.04px;
margin-bottom: 15px;
}
div#order_review {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 805px) {
p#shipping_address_1_field {
width: 100%;
}
p#shipping_wooccm10_field,
p#shipping_wooccm9_field {
width: 47.5%;
}
.woocommerce-shipping-totals.shipping {
width: 100%;
}
#time_field,
#time2_field {
width: 47%;
}
#date_field,
#date2_field {
width: 48%;
}
div#phonebilling_field {
margin-left: 0;
}
}
@media screen and (max-width: 670px) {
.grid {
grid-template-columns: 1fr;
}
.grid_col-3 {
grid-template-columns: 1fr;
}
p#shipping_wooccm10_field,
p#shipping_wooccm9_field {
width: 46.5%;
}
.woocommerce-shipping-fields__field-wrapper p,
.woocommerce-billing-fields__field-wrapper p {
width: 100%;
}
.grid .item {
width: 100%;
margin-bottom: 3%;
}
.cart-info {
display: none;
padding: 2% 1%;
margin: 0 auto;
margin-top: 1%;
}
.h6.card__price {
display: flex;
flex-direction: column;
min-height: 41.6px;
}
.total {
flex-direction: column;
align-items: flex-start;
}
.total .total__wrapper-2 {
width: 100%;
}
.act-btn button {
padding: 3% !important;
}
.grid .item_promotion {
grid-row: 1;
}
.for-height360 {
min-height: 280px;
}
p#shipping_address_1_field {
width: 100%;
}
.promotion {
display: block;
}
.promotion__image {
width: 100%;
height: 490px;
}
.card__image {
height: 400px;
}
.card-modal__grid {
grid-template-columns: 100%;
-moz-column-gap: 0px;
column-gap: 0px;
}
.card-modal__image-wrapper {
width: 100%;
height: 290px;
grid-row: 3;
}
.card-modal__image {
height: 100%;
}
.card-modal__wrapper-2 {
grid-row: 4;
}
.tablet {
display: none;
}
.title-carousel .item {
}
.title-carousel .item__content {
}
.title-carousel .item .content {
max-width: none;
min-width: 100%;
width: auto;
}
.title-carousel .item .content__text {
display: block;
max-width: 55%;
}
.title-carousel .item .content__wrapper {
width: 100%;
}
.title-carousel .item .content__button {
margin-right: 15px;
}
.title-carousel .item__image {
}
.block__button {
width: 100%;
}
.block__button-absolute {
position: static;
width: 100%;
margin-top: 30px;
}
.block-info .list .item .ul {
max-width: 60%;
}
.why-us .grid {
grid-template-columns: 1fr 1fr;
}
.newsletter {
height: 468px;
}
.newsletter__image .image.mobile {
display: block;
-o-object-position: bottom;
object-position: bottom;
}
.newsletter .content {
padding: 30px 15px;
}
.newsletter .content__wrapper {
display: block;
}
.newsletter .content__input {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.newsletter .content__button {
width: 100%;
min-width: auto;
}
.catalog__main-categories {
margin-bottom: 30px;
}
.catalog__main-categories .grid {
grid-template-columns: 1fr 1fr;
}
.catalog__sorted {
margin-bottom: 30px;
}
.cart .list .item {
display: block;
}
.cart .list .item__image {
width: 100%;
height: 290px;
margin-right: 0;
margin-bottom: 30px;
}
.total__wrapper {
display: block;
}
.total .block-title {
margin-bottom: 30px;
}
.total__policy-privacy {
width: 100%;
text-align: left;
}
.total__buttons {
width: 100%;
}
.total__button {
width: 100%;
}
.delivery .form__input_big {
grid-column: 1/1;
}
.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 4%;
}
}
@media screen and (max-width: 500px) {
html,
body {
font-size: 13px;
}
#time_field,
#time2_field {
width: 100%;
}
#date_field,
#date2_field {
width: 100%;
}
.h1 {
font-size: 23px;
line-height: 110%;
}
.h2 {
font-size: 22px;
}
.h3 {
font-size: 20px;
}
.h4 {
font-size: 19px;
}
.h5 {
font-size: 18px;
}
.h6,
h6 {
font-size: 16px;
}
.btn .btn__text {
font-size: 12px;
line-height: 130%;
}
.large,
.blog-post .content p,
.blog-post .content ul,
.blog-post .content ol {
font-size: 15px;
}
.small,
.breadcrumbs a,
.input-base .symbol,
.input-base .input,
.input-base .textarea {
font-size: 11px;
}
.btn {
height: 40px;
}
.btn_icon {
min-width: 40px;
}
.input-base .input,
.input-base .textarea {
height: 40px;
}
.input-base .icon {
top: 12px;
right: 12px;
}
.input-base .symbol {
top: 13px;
right: 14.5px;
}
.input-base .options__item {
padding: 13px 14.5px;
}
.input-checkbox .input::before,
.input-checkbox .input::after {
border-width: 1px;
}
.dropdown {
justify-content: space-between;
width: 100%;
height: 24px;
}
.dropdown .input {
width: 165px;
}
.carousel-min__control-left,
.carousel-min__control-right {
display: flex;
}
.block-title {
max-width: 100%;
}
.grid {
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 30px;
}
.grid_row-70 {
row-gap: 30px;
}
.grid_mobile_row-10 {
row-gap: 10px;
}
.grid_mobile_row-15 {
row-gap: 15px;
}
.promotion {
margin-bottom: 15px;
}
.cards__title {
margin-bottom: 15px;
}
.cards__scroll {
padding-bottom: 5px;
}
.cards .card {
width: 123px;
min-width: 123px;
margin-right: 15px;
}
.cards .card__image {
height: 123px;
padding: 0 !important;
}
.cards .card__basket {
width: 40px;
min-width: 40px;
height: 40px;
}
.card__image {
height: 203px;
margin-bottom: 10px;
}
.card__basket {
width: 50px;
min-width: 50px;
height: 50px;
}
.card-category {
height: 60px;
}
.card-modal__grid {
row-gap: 15px;
}
.card-modal__button {
margin-top: 15px;
}
.card-modal__cards .cards__title {
margin-bottom: 30px;
}
.card-modal__cards .card {
margin-right: 15px;
}
.pay-modal {
height: 458px;
}
.call-modal > *:not(:last-child) {
margin-bottom: 15px;
}
.call-modal form > *:not(:last-child) {
margin-bottom: 15px;
}
.call-modal__buttons {
gap: 10px;
}
.accordion__button-title {
height: 44px;
}
.accordion__button-icon {
top: 10px;
}
.accordion__content {
padding: 5px 0 10px 0;
}
.counter__input {
font-size: 18px;
}
.pagination .btn {
min-width: 40px;
width: 40px;
padding: 0;
margin: 0 5px;
}
.modal__wrapper {
padding: 50px 15px;
}
.modal__content {
width: 100%;
padding: 15px;
}
.modal__close {
top: 15px;
right: 15px;
}
.mobile {
display: block;
}
.container {
max-width: 100%;
padding: 0 10px;
}
.header {
padding: 10px 15px 15px 15px;
}
.block_margin-100 {
margin-bottom: 50px;
}
.block_margin-150 {
margin-bottom: 150px;
}
.block_margin-300 {
margin-bottom: 150px;
}
.block__carousel-dots {
margin-top: 70px;
}
.block__carousel-dots.absolute {
position: absolute;
top: 34px;
right: 164px;
margin: 0;
}
.block__carousel-controls {
margin-top: 15px;
}
.block__button {
width: 100%;
margin-top: 15px;
}
.title-carousel {
margin-bottom: 15px;
}
.title-carousel .item .content__title {
margin-bottom: 15px;
}
.title-carousel .item .content__text {
margin-bottom: 15px;
max-width: 100%;
}
.block-info {
margin-bottom: 50px;
}
.block-info .list .item {
height: 125px;
}
.block-info .list .item .image {
width: 136px;
height: 125px;
}
.block-info .list .item .discount {
padding-left: 15px;
margin-bottom: 15px;
}
.block-info .list .item .ul {
padding-left: 15px;
}
.block-info .list .item .ul li:not(:last-child) {
margin-bottom: 5px;
}
.why-us {
margin-bottom: 50px;
}
.why-us .block-title {
margin-bottom: 30px;
}
.why-us .grid {
grid-template-columns: 1fr 1fr;
}
.newsletter {
margin-bottom: 50px;
}
.newsletter .content__title {
margin-bottom: 10px;
}
.newsletter .content__description {
margin-bottom: 30px;
}
.newsletter .content__input {
margin-bottom: 7px;
}
.location {
margin-bottom: 150px;
}
.location .content > *:not(:last-child) {
margin-bottom: 15px;
}
.location .content__socials {
display: none;
}
.catalog__sorted {
margin-bottom: 15px;
}
.filter__title {
margin-bottom: 11px;
}
.filter .price__title {
margin-bottom: 10px;
}
.filter__reset-button {
margin-top: 10px;
}
.cart {
margin-bottom: 150px;
}
.cart .list .item__name {
margin-bottom: 15px;
}
.total__policy-privacy {
margin-top: 10px;
}
.total__buttons {
gap: 10px;
}
.warning {
padding: 10px 30px;
}
.delivery {
margin-bottom: 150px;
}
.delivery .form__block {
margin-bottom: 15px;
}
.delivery .form__title {
margin-bottom: 15px;
}
.delivery .form__inputs {
gap: 5px;
}
.delivery .form__inputs-wrapper {
flex-wrap: wrap;
gap: 5px;
}
.delivery .form__inputs-wrapper .form__input {
flex: auto;
width: 100%;
}
.delivery .form__address {
padding-top: 10px;
}
.delivery .hr {
margin-bottom: 15px;
}
.workshop {
margin-bottom: 150px;
}
.workshop__text {
margin-bottom: 30px;
}
.workshop__gallery {
gap: 30px;
margin-bottom: 50px;
}
.workshop__gallery .item {
width: 100%;
height: 300px;
}
.contacts {
margin-bottom: 150px;
}
.delivery-info {
margin-bottom: 150px;
}
.delivery-info__title {
margin-bottom: 30px;
}
.delivery-info__options {
margin-bottom: 30px;
}
.delivery-info .options {
gap: 15px;
}
.delivery-info .options .option {
width: 100%;
}
.delivery-info__text {
margin-bottom: 30px;
}
.delivery-info__button {
width: 100%;
}
.blog-post {
margin-bottom: 150px;
}
.blog-post .block-title {
margin-bottom: 30px;
}
.blog-post .content h6 {
margin-top: 30px;
}
.blog-post .content ul,
.blog-post .content ol {
padding-left: 2em;
}
.privacy-policy {
margin-bottom: 150px;
}
.privacy-policy .block-title {
margin-bottom: 30px;
}
p#shipping_wooccm10_field,
p#shipping_wooccm9_field {
width: 44.5%;
}
}