*{box-sizing:border-box}html{height:100%}#root{height:100%;overflow:auto}body{height:100%;overflow:hidden;margin:0;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;justify-content:space-between}.app main{min-height:95vh;flex:1;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px}header{position:fixed;top:0;left:0;flex:none;background-color:#f8f8f8;height:50px;width:100%;text-align:center;z-index:99999;box-shadow:#8c6565a8 0 2px 5px}header nav{display:flex;justify-content:space-between;height:100%}header nav ul{height:100%;display:flex;align-items:center;list-style:none;padding:0;margin:0}header ul.mobile-nav{position:absolute;left:0;display:flex;flex-direction:row}header ul.mobile-nav.he-language{flex-direction:row-reverse}nav ul li{height:100%;display:flex;align-items:center;margin:0 10px;position:relative}nav ul li a.nav-link{height:100%;display:flex;align-items:center;text-decoration:none;padding:0 3px 2px;position:relative}nav ul li a.nav-link:after{content:"";position:absolute;width:0;height:1px;display:block;right:0;bottom:13px;background:#000;transition:width .4s ease,right .4s ease}nav ul li a.nav-link:hover:after{width:100%;right:0}.active-nav-link.nav-link:after{width:100%;right:0}.cart-icon{position:relative;display:flex;align-items:center}@media (max-width: 800px){nav ul li{height:unset}header span.language-selection{width:unset;position:fixed;top:14px;left:190px;padding:0}}.cart-icon svg{margin-right:5px;font-size:25px}header nav ul li a{text-decoration:none;color:#333}header nav ul li:hover{cursor:pointer}.side-bar-container .cart-icon{position:unset}.side-bar-container .logo{position:fixed;top:10px;left:10px}.side-bar-container .cart-icon svg path{color:#fff}.side-bar-container .cart-icon span{color:#fff}.nav-toggle{position:fixed;top:10px;right:10px;font-size:24px;background:none;border:none;cursor:pointer;z-index:1000}.nav{position:fixed;top:0;right:-250px;width:250px;height:100%;background-color:#333;color:#fff;transition:right .3s ease;overflow:hidden;z-index:1000;padding-top:30px}.nav-open{right:0}.nav-close{position:absolute;top:10px;right:10px;font-size:24px;background:none;border:none;color:#fff;cursor:pointer}.nav ul{width:100%;display:flex;flex-direction:column;list-style:none;margin:20px 0 0;padding:0}.nav li{width:100%;display:flex;justify-content:center;background:#0000005c;color:#fff;margin-bottom:1px;padding:15px}.nav li:hover{background:#1717175c;cursor:pointer}.nav li:active{background:#4e4e4e}.side-bar-background{width:100vw;height:100vh;position:fixed;top:0;right:0;visibility:hidden;background:#6a6a6a66;opacity:0;z-index:-1;transition:opacity .5s ease-in-out,visibility 1s ease-in-out}.side-bar-background.nav-open{visibility:visible;opacity:1}header .admin-btn{position:relative;-webkit-user-select:none;user-select:none}header .admin-btn svg{margin:0 5px}header .admin-btn .admin-dropdown-container{height:fit-content;width:200px;position:absolute;top:45px;right:-10px;display:flex;flex-direction:column;background:#d8d8d8;border-radius:5px;box-shadow:2px 2px 3px 1px #808080a3}header .admin-btn .admin-dropdown-container.he{right:-125px}header .admin-btn ul li{min-height:48px;width:100%;display:flex;align-items:stretch;justify-content:center;background:#f2f2ffe6;margin-bottom:1px;line-height:48px}header .admin-btn ul li a{width:100%;display:flex;align-items:center;justify-content:center}header .admin-btn ul li:hover{background:#fff}header .admin-btn ul li:first-child{border-top-left-radius:5px;border-top-right-radius:5px}header .admin-btn ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.side-bar-container .admin-dropdown{padding:0;-webkit-user-select:none;user-select:none}.side-bar-container .admin-dropdown ul{margin:0}.side-bar-container .admin-dropdown ul li a{color:#fff}.side-bar-container .admin-btn{justify-content:space-between}.side-bar-container .admin-btn-text{-webkit-user-select:none;user-select:none;flex-grow:1}.popup-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.popup-container:hover{cursor:default}.talk-bubble{position:absolute;top:40px;left:-95px;background-color:#e4e4e4;border-radius:10px;padding:10px;width:200px;text-align:center}.talk-bubble:after{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);border-width:0 20px 20px 20px;border-style:solid;border-color:transparent transparent #e4e4e4 transparent}.talk-text{margin:0}.talk-bubble .reusable-control-btn{width:100%;border-radius:5px;margin:5px 0 0}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.fade-in{animation:fadeIn .5s forwards}.fade-out{animation:fadeOut .5s forwards}footer{z-index:9;background-color:#f8f8f8;padding:50px 20px;text-align:center}.credit-links{color:#4e4e4e}.credit-links:hover{color:#4c7dfe}footer .social-media-links{margin:15px 0}.tel-to-call{display:block;margin-top:10px;white-space:nowrap;color:#4c7dfe}.tel-to-call:hover{color:#00d3d3}.more-content-link{color:#6a6a6a}footer .site-policy-link{display:block;margin-top:10px}.more-content-link:hover{color:#00d3d3}.social-media-links{display:flex;justify-content:center}.social-media-links img{margin:0 10px}.home-page{padding:20px 20px 70px;text-align:center}@media (max-width: 350px){.home-page{padding:0}}.home-page h1{font-size:2em;margin-bottom:1em;margin-top:0}@media (max-width: 800px){.home-page h1{margin-top:30px}}.home-page .logo{width:50px;margin-top:10px;position:unset}.book-list{display:flex;flex-wrap:wrap;justify-content:center}.book-list a{margin:15px}.book{height:100%;min-height:430px;width:290px;display:flex;flex-direction:column;justify-content:end;align-items:center;border:1px solid #ddd;padding:1em;text-align:center;border-radius:7px;color:#000;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.book:hover{cursor:pointer;transform:translateY(-1px);box-shadow:0 8px 12px #0003}.book:active{box-shadow:none}.book img{max-width:100%;height:auto}.book h3{font-size:1.2em;margin:.5em 0}.book-detail-question{margin-bottom:1em;white-space:break-spaces;color:#2d44fff5}.book p{margin:0}.cover-type-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:5px}.book .cover-type{margin:0 5px}.book input[type=radio],.cover-type:hover{cursor:pointer}.book-add-remove-from-cart-controllers{position:relative;display:flex;align-items:center;margin-top:10px}.book-add-remove-from-cart-controllers svg{position:absolute;left:-25px;padding:1px;font-size:22px}.book-add-remove-from-cart-controllers svg:hover{padding:0}.add-to-cart-text:hover{color:#00d3d3}.add-to-cart-text:active{color:#3bffff}.quantity-input{display:flex;align-items:center}.quantity-input button{height:35px;width:35px;display:flex;justify-content:center;align-items:center;background-color:#e2faff;color:#000;font-size:17px;border:none;border-radius:unset;padding:5px 10px;cursor:pointer}.quantity-input button:hover{background:#d8fbff}.quantity-input button:active{background:#c5e3e6}.quantity-input .plus-btn{border-bottom-left-radius:5px;border-top-left-radius:5px}.quantity-input .minus-btn{border-top-right-radius:5px;border-bottom-right-radius:5px}.quantity-input input{height:35px;width:35px;text-align:center;font-size:17px;border:none;background:#f5f5f5;-moz-appearance:textfield}.quantity-input input::-webkit-outer-spin-button,.quantity-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input input::-webkit-inner-spin-button,.quantity-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.book-details-container{padding:20px}.book-detail{display:flex;align-items:start;padding:20px 0}.book-details-btn-section{display:flex;flex-wrap:wrap}.book-details-columns{display:flex;flex-direction:column}.book-details-columns p{display:inline;margin:0}.book-details-columns.right{flex:1;padding:0 20px}.author-illustrator-section{width:100%;padding:20px 0}.book-details-columns.left{flex:.5;background:#f0f8ff;padding:15px}.book-detail .coverImage{max-width:100%;height:auto;margin-bottom:20px}.book-details-description{white-space:pre-line;text-align:justify}@media (max-width: 750px){.book-detail{flex-direction:column}.book-details-container h2{text-align:center}.book-details-columns p{padding:0}.book-details-columns.right{padding:15px 0 0}.book-details-columns.left,.book-details-columns.right{align-items:center;width:100%}}@media (max-width: 600px){.book-detail{align-items:center}.book-details-columns.left{padding:10px}}.cart-wrapper{padding:20px}.cart-container{height:fit-content;display:flex;flex-direction:column;justify-content:space-between;margin-top:10px;padding:20px;border:1px solid #ddd;border-radius:5px}.cart-container h1{margin:0}.cart-header{margin-bottom:20px}.cart-list{list-style:none;padding:0;flex:1}.cart-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.cart-item-book-detail-container{width:100%;flex:1;display:flex;flex-wrap:wrap;align-items:start;margin-bottom:10px}.cart-item-buttons-container{flex:1;display:flex;align-items:end;justify-content:end}@media (max-width: 700px){.cart-item{flex-direction:column;align-items:start}}.cart-item img{width:85px;height:auto;padding-top:10px}.cart-item:last-child{border-bottom:none}.cart-item-title{font-weight:bolder}.cart-item .book-title-and-cover-type{min-width:130px;flex:1;padding-top:10px;margin:0 10px}.cart-item-price{min-width:150px;display:flex;flex:1;flex-direction:column;justify-content:end;align-items:start;padding-top:10px;padding-right:10px}.quantity-discount{font-size:smaller;color:#4c7dfe}.cart-item input{text-align:center}.cart-item .remove-btn{height:35px;background-color:#ff4d4d;font-size:17px;color:#fff;border:none;border-radius:3px;margin:0 10px;padding:5px 10px;cursor:pointer}.cart-item .remove-btn:hover{background-color:#ff1a1a}.total-price{text-align:right;font-size:20px;margin-top:20px}.about-me-page{display:flex;justify-content:center;padding:50px 20px}.about-me-container{width:70%;max-width:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 550px){.about-me-container{width:100%}}.about-me-container img{width:100%;max-width:350px;height:auto;border-radius:5px}.about-me-container .logo{height:60px;width:auto;margin-top:50px}.about-me-container .main-text{text-align:justify;margin-bottom:5px}.about-me-container .end-text{width:100%;margin-bottom:0;margin-top:10px}.contact-page{padding:20px}.contact-page-container{width:80%;margin:auto}@media (max-width: 450px){.contact-page-container{width:100%}}.contact-page-text{text-align:justify}.contact-page form{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:5px;padding:15px;margin-bottom:50px}.contact-page-client-details{width:220px;margin-bottom:20px}.contact-page input{width:100%;margin-top:2px;margin-bottom:10px;outline:none;padding:8px;border:1px solid #ccc;border-radius:4px}.contact-page input[type=tel].he{text-align:end}.contact-page .text-area{width:100%}.contact-page textarea{width:100%;height:100px}.contact-page button svg{margin-right:5px}.social-media-links{margin-bottom:50px}.contact-page .tel-to-call{display:block;width:100%;text-align:center;margin-bottom:20px}.sent-message{height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.sent-message p{text-align:center;font-size:x-large}.client-details-page{display:flex;flex-direction:column;align-items:center;padding:15px}.back-to-cart-btn-container{width:100%}.client-details-page form{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15px}.form-container{width:100%;height:100%;display:flex;flex-wrap:wrap;margin-bottom:15px;padding:20px;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a}.client-details,.client-address{flex:1;min-width:280px;display:flex;flex-direction:column;align-items:center;border:1px solid #ccc;padding:20px}.form-container h3{width:100%;text-align:start;border-bottom:1px solid #cccc}.form-container label{width:100%;display:block;margin-bottom:8px;font-weight:700}.form-container input{width:100%;margin-top:2px;margin-bottom:10px;outline:none;padding:8px;border:1px solid #ccc;border-radius:4px}.form-container input,.form-container ul{box-shadow:inset 0 0 3px #80808082}.form-container input[type=tel].he{text-align:end}.form-container .address-input{margin-bottom:-1px}.google-logo{height:15px;width:auto;margin-top:5px}.form-container .house-number-input{margin-top:10px}.form-container ul{background:#fff;margin:0;border:1px solid #ccc;border-radius:3px;padding:0}.form-container ul li{padding:2px 5px}.form-container ul li:hover{background:#419aff7d;cursor:pointer}.form-container .coupon-section{width:100%;display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-top:10px}.form-container .coupon-section input{margin:2px 0 0}.form-container .coupon-section label{max-width:300px;margin:0}.form-container .coupon-section .reusable-control-btn{margin:0 5px}.form-container .coupon-section .coupon-message{background:#faebd7;margin:auto;padding:5px 10px}.client-details-total-price{width:100%;font-weight:700}.policy-agreement{width:100%;display:flex;flex-direction:column;align-items:center;background:#f0f8ff;margin:15px 0;padding:15px;text-align:center}.policy-agreement-checkbox{display:flex;align-items:start}.site-policy-link{margin-top:10px}.client-details-page .error-message{border:1px solid #ff000061;padding:7px;border-radius:10px;color:red}.form-container .highlight-invalid-red{border:red;box-shadow:inset 0 0 7px red}.form-container input::-webkit-outer-spin-button,.form-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-container input::-webkit-inner-spin-button,.form-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.success-failure-page{display:flex;flex-direction:column;align-items:center}.order-id{text-align:center}.receipt-in-email-message{text-align:center;color:#333;display:flex;align-items:center}.receipt-in-email-message svg{margin-right:5px}.success-failure-page .loading-text{color:#1d1dfa}.success-failure-page .something-went-wrong-text{color:#4c7dfe}.success-failure-page .reusable-control-btn svg{margin-right:5px}.pricing-page{display:flex;flex-direction:column;align-items:center;padding:50px 20px}table{width:50%;margin:20px auto;border-collapse:collapse}@media (max-width: 600px){table{width:100%}}th,td{border:1px solid #ddd;padding:8px;text-align:center}th{background-color:#f2f2f2}caption{margin:10px;font-size:1.5em;font-weight:700}.pricing-page .logo{width:60px;height:auto;margin-top:15px}.login-container{width:50%;margin:50px auto;padding:20px;border-radius:8px;background-color:#fff;box-shadow:0 4px 6px 3px #0000001a}@media (max-width: 600px){.login-container{width:95%}}.login-container h2{text-align:center;margin-bottom:20px;color:#333}.login-container form{display:flex;flex-direction:column;align-items:center}.login-container label{width:100%;font-weight:700;margin-bottom:5px}.login-container input{width:100%;margin-bottom:15px;border:1px solid #cccccc;border-radius:4px;padding:10px;font-size:14px}.login-container input:focus{border-color:#007bff;outline:none}.login-container .error{color:red;font-size:14px;margin-bottom:10px;text-align:center}.site-policy-page{padding:20px}.protected-route-loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.admin-page{display:flex;flex-direction:column;align-items:center}.admin-page .logo{height:200px;width:200px}.admin-page .logout{background:#b3b3b3;color:#3f3f6e;margin:50px 0}.admin-page .logout:hover{background:#d3d4d4}.admin-page .logout:active{background:#dadada}.back-office-page{width:100%;min-height:95vh;position:relative;display:flex}.back-office-page ul{padding:0}.back-office-sidebar-wrapper{max-height:500px;max-width:350px;display:flex;flex:2}.back-office-sidebar{width:100%;overflow:auto;background:#fff;border-left:1px solid #ccc8c8;border-bottom-left-radius:25px;box-shadow:-1px 0 4px #80808082}.back-office-sidebar.he{border-bottom-left-radius:0;border-bottom-right-radius:25px}.bo-sidebar-mobile{flex:none;position:fixed;top:0;right:-250px;width:250px;height:100%;transition:right .3s ease;overflow:hidden;z-index:1000;padding-top:30px;background:gray}.bo-sidebar-mobile-open{right:0;width:100%}.bo-sidebar-mobile .back-office-sidebar{width:70%;height:100%;padding-top:20px}.back-office-sidebar h3{width:100%;border-bottom:1px solid #eee;padding:5px}.orders-loading-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.back-office-sidebar li{display:flex;align-items:center;padding:5px 15px}.back-office-sidebar li p{margin-top:0;margin-bottom:0}.back-office-sidebar li:hover{background:#ededed;cursor:pointer}.back-office-sidebar-current-order{background:#e1e1e1}.back-office-sidebar-order-status{width:30px;display:flex;justify-content:center;font-size:smaller}.violet{color:violet}.orange{color:orange}.gray{color:gray}.yellow{color:#ff0}.back-office-sidebar-client-name{margin:0 15px;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-office-sidebar-date{font-size:smaller;padding-top:3px;color:#5f9ea0}.back-office-order-details-wrapper{flex:4;overflow:auto}.back-office-order-details-wrapper [aria-label=three-dots-loading]{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#3333331a}.back-office-date{margin-right:10px;font-size:smaller;color:#b78849}.back-office-page-message{position:fixed;bottom:0;left:50%;transform:translate(-50%,-50%);margin-top:50%;padding:10px 20px;background:#e5e5e5;border:1px solid;border-radius:5px;text-align:center;z-index:99}.back-office-sidebar-message{margin:auto;width:fit-content}.back-office-order-details{padding:15px}.back-office-order-details-header{display:flex;align-items:center}.back-office-order-details-header-date{margin:0 15px;color:green}.back-office-order-details-header .back-to-new-status-btn{margin-right:auto;border-radius:3px;padding:5px;background:#f0f8ff;color:brown}.back-office-order-details-header .back-to-new-status-btn:hover{cursor:pointer;background:#dcf3ff}.back-office-order-details-header .back-to-new-status-btn:active{background:#ccefff}.back-office-order-details-client-details,.back-office-order-details-cart-details{margin-bottom:50px}.back-office-order-cart-item{padding-bottom:15px}.back-office-order-cart-item-details{display:flex;align-items:end}.back-office-order-cart-item-details p{margin:0 15px}.back-office-order-cart-item-details-quantity{padding:0 15px;margin-left:15px}.back-office-order-cart-item-details-quantity-separator{height:20px;border-left:1px solid}.back-office-order-details-total{margin-top:50px;font-size:larger;font-weight:700}.back-office-order-details-receipt-close-order-bts{display:flex;flex-wrap:wrap;align-items:center}.back-office-order-details-receipt-close-order-bts button svg{background:#9bb5ff;margin:0}.horizontal-line{border-bottom:1px solid #d1d1d1}.back-office-coupon-page{min-height:95vh;padding:30px}.back-office-coupon-page .add-new-coupon-btn-section{display:flex;align-items:center;justify-content:space-between}.back-office-coupon-page p{margin:0}.back-office-coupon-page input{background:transparent;border:none;border-bottom:1px solid #bdbcb4;outline:none;padding:4px 0}.back-office-coupon-page input:focus{outline:none}.add-new-coupon-btn-wrapper{display:flex}.coupon-btn{display:inline-flex;justify-content:center;align-items:center;background:#b3b3b3;border:none;border-radius:3px;color:#fff;font-size:17px;transition:transform .1s ease}.coupon-btn.delete-btn{background:#a86262}.new-coupon-btn{height:40px;width:40px;font-size:30px}.coupon-btn:hover{background:#cacaca}.coupon-btn:active{transform:scale(.95)}.add-new-coupon-btn-wrapper p{margin:auto 15px}.coupon-list{display:flex;flex-direction:column;gap:15px;border:2px solid #bdbcb4;padding:10px}.coupon-list-item{border:1px solid #bdbcb4}.coupon-list-item .coupon-list-item-wrapper{display:flex;justify-content:space-between;align-items:flex-end;padding:10px}.coupon-list-item-btn-section{display:flex;gap:5px}.delete-coupon-popup-wrapper{position:fixed;right:0;top:0;width:100vw;height:100vh;background:#b3b3b3a3;display:flex;justify-content:center;align-items:center}.delete-coupon-popup{background:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:15px;padding:15px;border-radius:5px;box-shadow:0 0 5px 1px gray}.delete-coupon-popup .coupon-btn{margin:0 5px}.back-office-coupon-page .no-coupons-to-display{color:green;margin:auto}.red{color:red}.green{color:green}.back-office-coupon-page .loader{margin:auto}@media (max-width: 710px){.delete-coupon-popup-wrapper{position:fixed;right:0;top:0;width:100vw;height:100vh;background:#b3b3b3a3;display:flex;justify-content:center;align-items:center}.delete-coupon-popup{background:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:15px;padding:15px;border-radius:5px;box-shadow:0 0 5px 1px gray}.delete-coupon-popup .coupon-btn{margin:0 5px}}@media (max-width: 650px){.coupon-list-item{width:100%;display:flex;align-items:flex-start}.coupon-list-item-wrapper label{width:100%;display:flex;justify-content:space-between}.coupon-list-item-wrapper{flex-direction:column}.coupon-list-item .coupon-list-item-wrapper.translated{align-items:flex-start}p.coupon-list-item-title{display:inline;margin-left:15px}p.coupon-list-item-title.translated{margin:0 10px 0 0}.coupon-list-item-btn-section{width:100%;margin-top:10px}}@media (max-width: 370px){.coupon-list-item-wrapper label{flex-direction:column;margin-bottom:15px}}.not-found-page{height:100vh;display:flex;justify-content:center;align-items:center}.not-found-page .not-found-page-text{font-size:30px;text-align:center}*{text-decoration:none}*{-webkit-tap-highlight-color:transparent}.logo{width:30px;height:auto;border-radius:50%}button:hover{cursor:pointer}ul{list-style:none}.reusable-control-btn{height:35px;width:fit-content;display:inline-flex;align-items:center;justify-content:center;background:#9bb5ff;color:#3f3fbf;font-size:17px;border:none;border-radius:20px;margin-left:7px;margin-top:7px;padding:15px}.reusable-control-btn svg{margin:0 5px}.reusable-control-btn:hover{background:#d8fbff}.reusable-control-btn:active{background:#e1fdff}.reusable-control-btn:focus-visible{outline:none}.language-selection select:focus-visible{outline:none}