* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch; font-family:'Noto Sans', sans-serif; line-height:1; max-width:100%;}
html {min-height:100%; font-size:18px; scroll-behavior:smooth;}
body {min-height:100%; text-align:center; position:relative;}
a {text-decoration:none; color:#2a3c48; transition:all 0.6s;}
a:hover {text-decoration:none; cursor:pointer; color:#3c93a1;}
h1 {font-size:4.5rem; color:#fff; position:relative; top:-90px; -webkit-text-fill-color:#fff; -webkit-text-stroke-width:3px; -webkit-text-stroke-color:#2a3c48;}
h2 {font-size:2.4rem; color:#2a3c48; line-height:1; padding:0 0 15px;}
h3 {font-size:4.5rem; color:#fff; -webkit-text-fill-color:#fff; -webkit-text-stroke-width:3px; -webkit-text-stroke-color:#2a3c48;}
h4 {font-size:1rem; display:inline-block; border-bottom:1px solid #3c93a1; padding:3px 0 6px; margin:0 0 6px;}
h5 {font-size:1.35rem; width:270px; margin:0; text-align:start; padding:0 0 6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
h6 {width:100%; margin:0; background:#fff; position:absolute; bottom:15px; left:0; width:100%; padding:9px 15px; font-size:1rem;}
ul {list-style:none; display:flex; justify-content:center; gap:15px; flex-wrap:wrap; padding:45px 0;}
input, textarea, select, button {vertical-align:middle; font-family:inherit; font-size:inherit; background-color:#fff; padding:3px 9px; border-radius:15px;}
textarea {border-radius:9px;}
button {display:inline-block; background:#2a3c48; color:#fff; padding:9px 15px 12px; border-radius:30px; cursor:pointer; transition:all 0.6s;}
button:hover {background-color:#3c93a1;}
::-webkit-scrollbar {width:6px;}
::-webkit-scrollbar-track {background:rgba(0,0,0,0.15);}
::-webkit-scrollbar-thumb {background:#2a3c48;}
::-webkit-scrollbar-thumb:hover {background:#d00;}
header {display:block; position:fixed; top:0; left:0; width:100%; z-index:15; background-color:#fff; padding:15px; font-size:0; box-shadow:0 0 15px rgba(0,0,0,0.45); min-height:48px;}
header nav a {display:inline-block; font-size:1.35rem; padding:0 15px; font-weight:700;}
main {display:block; position:relative; padding:30px; font-size:0; min-height:calc(100vh - 360px); background-color:#3c93a1;}
main ul li {border:3px solid #2a3c48; border-radius:15px; overflow:hidden; background-color:#fff; width:300px; margin:0;}
main ul div {width:100%; clear:both;}
footer {display:block; position:relative; padding:30px; background-color:#2a3c48; color:#fff; font-size:0;}
footer .col {width:100%; margin:0; max-width:300px;}
footer nav a, footer p {display:block; padding:3px; font-size:0.9rem; color:#fff;}
footer figure {position:relative; top:-15px;}
table {border-spacing:1px; border-collapse:separate; background-color:#2a3c48;}
th {color:#fff; padding:1px 6px 2px; white-space:nowrap;}
td {background-color:#fff; padding:1px 6px 2px;}
dt {font-size:0.9rem; color:#fff; padding:3px;}
dd {font-size:0.9rem; color:#fff; padding:0 15px 9px; direction:ltr; white-space:nowrap;}
dd a {color:inherit;}
.ltr {direction:ltr;}
.rtl {direction:rtl;}
.video {width:100%; height:330px; overflow:hidden;}
.video video, .full {width:100%;}
.video .logo {display:block; position:absolute; top:90px; width:100%;}
.inner, .flex {padding:15px; position:relative; display:flex; justify-content:space-between; flex-wrap:wrap; color:#2a3c48; align-items:center;}
.inner p {width:100%; max-width:48%; font-size:0.9rem; margin:0; text-align:start; padding:6px 0; white-space:nowrap;}
.inner del {display:inline-block; font-size:1.2rem; padding:0 6px; color:#999; font-weight:bold;}
.inner del:before, .inner del:after {content:'\00a0'; }
.inner ins {display:inline-block; font-size:1.5rem; direction:ltr; text-decoration:none; font-weight:bold;}
.inner ins:before {content:'\20aa';}
.inner .rvs, .rtl td:first-child, .rtl footer li, .rtl .checkout fieldset, .rtl input[type=email], .rtl input[type=tel] {text-align:right;}
.rtl .inner .rvs, .ltr td:first-child, .ltr footer li, .ltr .checkout fieldset {text-align:left;}
.rvs select {font-size:1.5rem; font-weight:bold; border:3px solid #d00; color:inherit; line-height:1; padding:0 9px;}
.product.active {border-color:#d00; background-color:#ffd;}
.product.active h6, .product:not(.sale) del {display:none;}
.product.sale figure {position:relative;}
.product.sale figure:after {content:'SALE'; display:inline-block; background-color:#d00; color:#fff; position:absolute; top:6px; left:6px; font-size:0.75rem; font-weight:bold; border-radius:100%; padding:15px 9px;}
.product.sale .inner ins {color:#d00;}
.languages {display:block; font-size:0; position:fixed; top:50%; left:0; transform:translateY(-50%); background-color:#fff; padding:6px;}
.languages a {display:block; margin:6px; border-radius:100%; overflow:hidden; border:1px solid #ccc; opacity:0.3; transition:all 0.6s;}
.languages a:hover, .languages a.active {opacity:1;}
.cart {display:block; width:300px; max-width:100%; position:fixed; top:50%; right:0; transform:translateY(-50%); transition:all 0.6s; background-color:#fff; min-height:300px; padding:30px 15px; border-top-left-radius:15px; border-bottom-left-radius:15px;}
.cart.collapsed {right:-300px;}
.cart figure {position:absolute; top:50%; left:-78px; transform:translateY(-50%); background-color:#fff; padding:3px 6px 3px 15px; border-top-left-radius:15px; border-bottom-left-radius:15px; cursor:pointer; font-size:0;}
.cart figure:hover svg {fill:#d00;}
.cart p {padding:15px 0; color:#999; font-size:0.75rem;}
.cart button[disabled] {opacity:0.6; pointer-events:none;}
.cart .pro:before {content:'Product';}
.cart .qty:before {content:'Weight';}
.cart .kg:before {content:'kg';}
.cart .g:before {content:'g';}
.btn {display:inline-block; background-color:#3c93a1; color:#fff; cursor:pointer; padding:6px;}
.checkout fieldset {margin:0 auto 30px; width:100%; max-width:600px; background-color:#fff; border:3px solid #2a3c48; border-radius:15px; overflow:hidden; padding:15px;}
.checkout legend {margin:0 30px; background-color:#2a3c48; color:#fff; font-size:0.75rem; padding:6px 12px; border-radius:15px; font-weight:bold; letter-spacing:1px;}
.checkout div, h3 + p {padding:3px 0; margin:0; font-size:1rem;}
.checkout p {font-size:1rem; width:100%; max-width:49%; padding:3px 0; margin:0;}
.checkout input, .checkout textarea, .checkout select {border:3px solid #2a3c48; width:100%;}

.he .product.sale figure:after {content:'מבצע';}
.he .cart .pro:before {content:'מוצר';}
.he .cart .qty:before {content:'משקל';}
.he .cart .kg:before {content:'ק"ג';}
.he .cart .g:before {content:'גרם';}
.ru .product.sale figure:after {content:'Акция';}
.ru .cart .pro:before {content:'Продукт';}
.ru .cart .qty:before {content:'Вес';}
.ru .cart .kg:before {content:'кг';}
.ru .cart .g:before {content:'г';}
.ar .product.sale figure:after {content:'أُوكَازيُون';}
.ar .cart .pro:before {content:'منتج';}
.ar .cart .qty:before {content:'وزن';}
.ar .cart .kg:before {content:'كجم';}
.ar .cart .g:before {content:'غرام';}
.am .product.sale figure:after {content:'ሽያጭ';}
.am .cart .pro:before {content:'ምርት';}
.am .cart .qty:before {content:'ክብደት';}
.am .cart .kg:before {content:'ኪ.ግ.';}
.am .cart .g:before {content:'ግራም';}

@media (min-width:1650px){
main, footer {padding:45px 12vw;}
.languages {border-top-right-radius:15px; border-bottom-right-radius:15px;}
}

@media (max-width:660px){
header nav a {font-size:1rem; padding:0 6px;}
.ltr header nav a {font-size:0.84rem;}
.video video {min-height:330px; width:auto; object-fit:cover;}
h1, h2, h3 {font-size:3rem;}
ul {padding:15px 0; width:100%;}
footer ul {padding:0 0 45px;}
footer .col-1, footer .col-2 {max-width:calc(50% - 9px);}
footer .col-3 p {display:inline; padding:0; line-height:1.5;}
footer .col-3 p:not(:last-child):after {content:', ';}
.languages {top:48px; left:50%; transform:translateX(-50%); border-bottom-left-radius:15px; border-bottom-right-radius:15px; min-width:240px; box-shadow:0 0 15px rgba(0,0,0,0.45)}
.languages a {display:inline-block;}
.cart {max-width:calc(100vw - 48px);}
.cart figure {left:-69px;}
.cart figure svg {width:48px; height:48px;}
}