@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap";:root{--wine:rgb(247, 10, 61);--dark:rgb(6, 24, 34);--darker:rgb(2, 9, 12);--night: #444E5C;--night-darker: rgba(0,0,0,.2);--midnight:#303A52;--midnight-light:#39445F;--white: whitesmoke;--pure: white;--gray:rgb(162, 167, 170);--gray-light:rgb(236, 239, 240);--gray-loyal:#abb2bf;--gray-dark:gray;--blue:#75c0e0;--blue-royal:#194a8d;--blue-royal-dark:#10305c;--yellow:#fecf6a;--green:#27AE60 ;--green-leaf:#71AE21;--night-gradient: linear-gradient(90deg, rgba(14,43,55,1) 0%, rgba(8,32,42,1) 12%, rgba(11,11,11,1) 100%);--orange-gradient: linear-gradient(90deg, rgba(251,225,141,1) 0%, rgba(254,151,0,1) 64%, rgba(238,141,0,1) 99%);--shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;--shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075)!important;--shadow-lg: 0 1rem 3rem rgba(0,0,0, .175) !important;--shadow-bright: 0px 0px 20px 1px #666;--happy-monkey: "Happy Monkey", cursive;--great-vibes: "Great Vibes", cursive}*{box-sizing:border-box;outline:none;margin:0;padding:0;font-family:Nunito,sans-serif}body{padding:0;margin:0;background-color:var(--white);font-family:Inter,sans-serif}section{margin:0;padding:2rem}input{width:100%;padding:.5rem;margin:.5rem 0;display:block;border-radius:50px;border:.5px solid var(--gray-loyal);font-size:1rem;color:var(--blue-royal)}input:focus,input:hover{border-color:transparent;outline:.5px solid orange;color:orange}select{width:100%;padding:.5rem;margin:.5rem 0;display:block;border-radius:50px;border:.5px solid var(--gray-loyal);font-size:1rem;color:var(--blue-royal);cursor:pointer}select:focus,select:hover{color:orange}header{padding:0 1rem;margin:0}p:first-child{margin:0;padding:0}fieldset{margin:0;padding:0;border:none}a{text-decoration:none}a:hover,button:hover{opacity:.5}ul{list-style:none}::-webkit-scrollbar-thumb{background:var(--night)!important;border-radius:50px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-button{background-color:transparent}::-webkit-scrollbar-track-piece{background-color:transparent}::-webkit-scrollbar-corner{background-color:transparent}.p-0{padding:0!important}.p-0-5{padding:.5rem!important}.p-1{padding:1rem!important}.p-2{padding:2rem!important}.p-3{padding:3rem!important}.p-4{padding:4rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:1rem!important}.pt-2{padding-top:2rem!important}.pt-3{padding-top:3rem!important}.pt-4{padding-top:4rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:1rem!important}.pb-2{padding-bottom:2rem!important}.pb-3{padding-bottom:3rem!important}.pb-4{padding-bottom:4rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:1rem!important}.pr-2{padding-right:2rem!important}.pr-3{padding-right:3rem!important}.pr-4{padding-right:4rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:1rem!important}.pl-2{padding-left:2rem!important}.pl-3{padding-left:3rem!important}.pl-4{padding-left:4rem!important}.m-0{margin:0!important}.m-0-5{margin:.5rem!important}.m-1{margin:1rem!important}.m-2{margin:2rem!important}.m-3{margin:3rem!important}.m-4{margin:4rem!important}.mt-0{margin-top:0!important}.mt-0-5{margin-top:.5rem!important}.mt-1{margin-top:1rem!important}.mt-2{margin-top:2rem!important}.mt-3{margin-top:3rem!important}.mt-4{margin-top:4rem!important}.mb-0{margin-bottom:0!important}.mb-0-5{margin-bottom:.5rem!important}.mb-1{margin-bottom:1rem!important}.mb-2{margin-bottom:2rem!important}.mb-3{margin-bottom:3rem!important}.mb-4{margin-bottom:4rem!important}.mr-0{margin-right:0!important}.mr-0-5{margin-right:.5rem!important}.mr-1{margin-right:1rem!important}.mr-2{margin-right:2rem!important}.mr-3{margin-right:3rem!important}.mr-4{margin-right:4rem!important}.ml-0{margin-left:0!important}.ml-0-5{margin-left:.5rem!important}.ml-1{margin-left:1rem!important}.ml-2{margin-left:2rem!important}.ml-3{margin-left:3rem!important}.ml-4{margin-left:4rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-auto{margin-top:auto!important}.mb-auto{margin-bottom:auto!important}.mr-auto{margin-right:auto!important}.ml-auto{margin-left:auto!important}.m-auto{margin:auto!important}.d-flex{display:flex!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-none{display:none!important}.flex-column{flex-direction:column!important}.justify-center{justify-content:center!important}.justify-end{justify-content:end!important}.justify-start{justify-content:start!important}.justify-between{justify-content:space-between!important}.justify-space-around{justify-content:space-around!important}.align-items-center{align-items:center}.align-items-end{align-items:end}.align-items-start{align-items:start}.align-center{display:flex!important;align-items:center!important;justify-content:center!important}.align-column-center{display:flex;align-items:center;justify-content:center;flex-direction:column}.p-relative{position:relative}.p-absolute{position:absolute}.text-decoration-none{text-decoration:none}.text-white{color:#fff!important}.text-dark{color:var(--dark)!important}.text-wine{color:var(--wine)!important}.text-blue{color:var(--blue)!important}.text-gray{color:#f5f5f5!important}.text-muted{color:var(--gray-dark)!important}.text-yellow{color:var(--yellow)!important}.text-orange{color:orange!important}.text-blue-royal{color:var(--blue-royal)!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-italic{font-style:italic}.text-capitalize{text-transform:capitalize}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-shadow{text-shadow:0px 0px 3px black}.fw-bolder{font-weight:900}.fw-bold{font-weight:600}.fw-normal{font-weight:400}.fs-1{font-size:1rem!important}.fs-1-5{font-size:1.5rem!important}.fs-2{font-size:2rem!important}.fs-2-5{font-size:2.5rem!important}.fs-3{font-size:3rem!important}.fs-3-5{font-size:3.5rem!important}.fs-4{font-size:4rem!important}.fs-4-5{font-size:4.5rem!important}.fs-5{font-size:5rem!important}.fs-5-5{font-size:5.5rem!important}.fs-6{font-size:6rem!important}.fs-6-5{font-size:6.5rem!important}.fs-7{font-size:7rem!important}.fs-7-5{font-size:7.5rem!important}.bg-inherit{background-color:inherit!important}.bg-dark{background:var(--dark)!important}.bg-wine{background:var(--wine)!important}.bg-orange{background:orange!important}.bg-gray{background:var(--gray)!important}.bg-white{background:var(--white)!important}.bg-pure{background:var(--pure)!important}.bg-gray-light{background:var(--gray-light)!important}.bg-gray-loyal{background:var(--gray-loyal)!important}.bg-yellow{background:var(--yellow)!important}.bg-blue-royal{background:var(--blue-royal)!important}.bg-blue{background:var(--blue)!important}.bg-green{background:var(--green)!important}.row{display:flex;flex-wrap:wrap}.col-1{width:10%}.col-2{width:20%}.col-3{width:30%}.col-4{width:40%}.col-5{width:50%}.col-6{width:60%}.col-7{width:70%}.col-8{width:80%}.col-9{width:90%}.col-10{width:100%}@media (max-width:800px){.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10{width:100%!important}}.rounded{border-radius:5px!important}.rounded-big{border-radius:15px!important}.rounded-top{border-top-left-radius:5px!important;border-top-right-radius:5px!important}.rounded-bottom{border-bottom-left-radius:5px!important;border-bottom-right-radius:5px!important}.rounded-left{border-top-left-radius:5px!important;border-bottom-left-radius:5px!important}.rounded-right{border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}.rounded-pill{border-radius:50px!important}.rounded-circle{border-radius:50%!important}.border-0{border:none!important}.border-min{border:solid 1px var(--gray-loyal)!important}.border-top,.border-bottom,.border-right,.border-left{border-top:solid 1px var(--gray-loyal)!important}.border-1{border:solid 1rem!important}.border-bottom{border-bottom:solid .5rem white}.border-bottom-1{border-bottom:solid 1rem}.pointer{cursor:pointer}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-brigth{box-shadow:var(--shadow-bright)}.h-min-10vh{min-height:10vh}.h-min-20vh{min-height:20vh}.h-min-30vh{min-height:30vh}.h-min-40vh{min-height:40vh}.h-min-50vh{min-height:50vh}.h-min-60vh{min-height:60vh}.h-min-70vh{min-height:70vh}.h-min-80vh{min-height:80vh}.h-min-90vh{min-height:90vh}.h-min-100vh{min-height:100vh}.h-max-10vh{max-height:10vh}.h-max-20vh{max-height:20vh}.h-max-30vh{max-height:30vh}.h-max-40vh{max-height:40vh}.h-max-50vh{max-height:50vh}.h-max-60vh{max-height:60vh}.h-max-70vh{max-height:70vh}.h-max-80vh{max-height:80vh}.h-max-90vh{max-height:90vh}.h-max-100vh{max-height:100vh}.h-10vh{height:10vh}.h-20vh{height:20vh}.h-30vh{height:30vh}.h-40vh{height:40vh}.h-50vh{height:50vh}.h-60vh{height:60vh}.h-70vh{height:70vh}.h-80vh{height:80vh}.h-90vh{height:90vh}.h-100vh{height:100vh}.h-100{height:100%}.w-100{width:100%}.list-unstyled{list-style:none!important}.table{width:100%;max-width:100%;margin-bottom:1rem}.table th,.table td{padding:.75rem;vertical-align:top;border-top:1px solid #eceeef;text-align:inherit}.table thead th{vertical-align:bottom}.table tbody+tbody{border-top:2px solid #eceeef}.table .table{background-color:#fff}.table-sm th,.table-sm td{padding:.3rem}.table-bordered,.table-bordered th,.table-bordered td{border:1px solid #eceeef}.table-bordered thead th,.table-bordered thead td{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:#0000000d}.table-hover tbody tr:hover{background-color:#00000013}.table-active,.table-active>th,.table-active>td{background-color:#00000013}.table-hover .table-active:hover{background-color:#00000013}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:#00000013}.table-success,.table-success>th,.table-success>td{background-color:#dff0d8}.table-hover .table-success:hover{background-color:#d0e9c6}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#d0e9c6}.table-info,.table-info>th,.table-info>td{background-color:#d9edf7}.table-hover .table-info:hover{background-color:#c4e3f3}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#c4e3f3}.table-warning,.table-warning>th,.table-warning>td{background-color:#fcf8e3}.table-hover .table-warning:hover{background-color:#faf2cc}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#faf2cc}.table-danger,.table-danger>th,.table-danger>td{background-color:#f2dede}.table-hover .table-danger:hover{background-color:#ebcccc}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#ebcccc}.thead-inverse th{color:#fff;background-color:#292b2c}.thead-default th{color:#464a4c;background-color:#eceeef}.table-inverse{color:#fff;background-color:#292b2c}.table-inverse th,.table-inverse td,.table-inverse thead th{border-color:#fff}.table-inverse.table-bordered{border:0}.table-responsive{display:block;width:100%;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive.table-bordered{border:0}.sidebar{background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;gap:1rem;border-right:1px solid var(--gray-loyal)}.sidebar a{color:#000!important}.sidebar header{background-color:#f5f5f5;width:100%;display:flex;align-items:center;justify-content:flex-start;padding:1.5rem 1rem}.sidebar header .brand{font-weight:800;font-size:1.5rem;padding:0!important}.sidebar header .brand i{font-size:1.8rem;margin-right:.1rem}.sidebar .navegation{width:100%;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar .navegation .item{background-color:var(--gray-light);border-radius:8px;display:flex;align-items:center;justify-content:flex-start;gap:.5rem;width:100%;padding:1rem;line-height:1.1}.sidebar .navegation .item.active{background-color:#000;color:#fff!important}.sidebar .navegation .item:hover{background-color:var(--gray);opacity:1!important}.layout-sidebar{display:grid;grid-template-columns:15vw 84vw;grid-template-rows:minmax(90vh,auto) 10vh;grid-template-areas:"sidebar mainContent" "footer mainContent"}.sidebar{grid-area:sidebar}.mainContent{grid-area:mainContent}.footer{border-right:1px solid var(--gray-loyal);grid-area:footer;background-color:var(--gray-light);display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:.1rem;color:#000;font-weight:700;letter-spacing:2px;font-size:12px;padding-bottom:.5rem}.footer small{letter-spacing:.5px;font-size:10px!important}.home-page{display:grid;grid-template-columns:50% 50%;grid-template-rows:minmax(35vh,auto) minmax(65vh,auto);grid-template-areas:"header header" "info info"}.home-page .header{grid-area:header;display:flex;flex-direction:column;align-items:center;justify-content:end;font-size:1.4rem!important}.home-page .header h1{font-size:2.5rem!important}.home-page .header p{width:800px;text-align:center}.home-page .header p span{background-color:var(--gray-light)!important;padding:0 1rem}.home-page .info{grid-area:info;display:flex;justify-content:center}.home-page .info .container{display:flex;gap:1rem;padding-top:4rem;justify-content:center;height:100%;width:90%}.home-page .info .container .option{height:200px;width:300px;background-color:var(--gray-light);border-radius:35px;cursor:pointer;color:#000}.home-page .info .container .option:hover{box-shadow:var(--shadow-lg);transition:box-shadow .5s ease-in-out}.home-page .info .container .option .header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5rem;font-size:2rem!important;padding:1rem 2rem 0}.home-page .info .container .option .info{padding:1rem 2rem}.management-page{display:grid;grid-template-columns:repeat(2,50%);grid-template-rows:minmax(13vh,auto) minmax(87vh,auto);grid-template-areas:"header header" "container container";overflow-x:hidden!important}.management-page .header{grid-area:header;display:flex;align-items:center;padding-left:2rem;gap:2rem}.management-page .header h1{font-size:1.7rem!important}.management-page .header h1 i{margin-right:.5rem}.management-page .header .btn-new-product{border:none;border-radius:35px;width:10rem;padding:.5rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);background-color:var(--green);color:#fff}.management-page .container{grid-area:container;padding-left:2rem;display:flex;justify-content:center;flex-direction:column}.management-page .container .table-container{border-radius:35px;box-shadow:var(--shadow);width:97%;height:95%;display:flex;flex-direction:column;align-items:center;padding:2rem;overflow-y:auto;position:relative}.management-page .container .table-container .table .table-img{height:36px;width:60px;object-fit:contain;object-position:center;padding:.1rem}.management-page .container .table-container .table-fallback{background-color:var(--gray-light);border-radius:35px;padding:1rem;text-align:center;width:90%;position:absolute;right:0;left:0;margin:0 auto!important}.management-page .container .table-container .table .truncate{display:inline-block;width:100px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.management-page .container .table-container .table .actions{display:flex;align-items:center;justify-content:space-between}.management-page .container .table-container .table .actions .edit,.management-page .container .table-container .table .actions .delete{cursor:pointer}.management-page .container .table-container .table .actions .delete:hover{color:var(--wine);font-size:2rem;transition:font-size ease-in-out .5s}.management-page .container .table-container .table .actions .edit:hover{color:var(--blue);font-size:2rem;transition:font-size ease-in-out .5s}.form{height:100%;width:100%;overflow:hidden;overflow-y:auto;display:grid;grid-template-columns:100%;grid-template-rows:minmax(15%,auto) minmax(70%,auto) minmax(15%,auto);grid-template-areas:"header" "formContent" "formFooter"}.form .form-header{grid-area:header}.form .form-header h1{font-size:20px}.form .form-header p{font-size:14px}.form .form-content{grid-area:formContent;display:flex;gap:1rem;width:100%}.form .form-content .img-selector{width:45%;height:auto!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem}.form .form-content .img-selector img{width:150px;height:150px;object-fit:contain;object-position:center;border-radius:25px;border:1px solid var(--gray-loyal);padding:1rem;display:block;margin:0!important;cursor:pointer}.form .form-content .img-selector img.active{border:solid 4px var(--green)}.form .form-content .img-selector .img-selector-title{font-size:.5rem}.form .form-content .fields{width:50%;height:100%;font-size:14px;font-weight:700}.form .form-content .fields fieldset{margin-bottom:1rem}.form .form-content .fields input{height:2.2rem}.form .form-content .fields textarea{border-radius:25px;display:flex;width:100%;border:1px solid var(--gray-loyal);padding:1rem}.form .form-footer{grid-area:formFooter;display:flex;align-items:flex-end;justify-content:flex-end;gap:1rem}.form .form-footer button{border:1px solid var(--gray-loyal);border-radius:50px;padding:.5rem 2rem;background-color:inherit;cursor:pointer}.form-delete{height:100%;display:grid;grid-template-columns:100%;grid-template-rows:50% 50%;grid-template-areas:"header" "footer"}.form-delete .form-header{grid-area:header;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.form-delete .form-header h1{font-size:2rem}.form-delete .form-header p{font-size:1.2rem}.form-delete .form-footer{grid-area:footer;display:flex;align-items:flex-end;justify-content:center;gap:1rem}.form-delete .form-footer button{border:1px solid var(--gray-loyal);border-radius:50px;padding:.7rem;background-color:inherit;cursor:pointer;font-size:1rem;width:200px}.modal-mask{position:fixed;height:100vh;width:100vw;top:0;left:0;background-color:#0510209a;display:flex;align-items:center;justify-content:center;z-index:2;opacity:0;pointer-events:none}.modal-mask.active{animation:fadeIn .5s ease-in-out;animation-fill-mode:forwards}.modal-mask.inactive{animation:fadeOut .5s ease-in-out;animation-fill-mode:forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1;pointer-events:all}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-mask .modal{background-color:#f5f5f5;width:60%;border-radius:35px;z-index:3;position:relative;display:flex;align-items:center;justify-content:center;padding:0rem .3rem 1rem 1rem}.modal-mask .modal .close{position:absolute;top:10px;right:20px;font-size:2rem;cursor:pointer}.modal-mask .modal .close:hover{opacity:.5}.modal-mask .modal .modal-content{padding:1.5rem 1rem 1rem;height:100%;width:100%}.product-page{display:grid;grid-template-columns:100%;grid-template-rows:minmax(15vh,auto) max-content;grid-template-areas:"header" "container"}.product-page header{grid-area:header;padding:1rem}.product-page header .banner{background-color:#000;width:100%;padding:2rem;color:#fff;border-radius:25px}.product-page header .banner h1{margin-right:.5rem}.product-page header .banner h1 i{margin-right:.5rem}.product-page .container{grid-area:container;display:flex;gap:1rem;padding:1rem;flex-wrap:wrap;justify-content:center}.product-page .container .product-card{border-radius:25px;width:25%;height:200px;border:1px solid var(--gray-loyal);cursor:pointer;position:relative}.product-page .container .product-card:hover{box-shadow:var(--shadow-lg);transition:box-shadow .5s ease-in-out;opacity:.8}.product-page .container .product-card img{object-fit:contain;object-position:center;height:50%;width:100%;padding:1rem}.product-page .container .product-card .content{height:auto;width:100%;padding:1rem;color:#000}.product-page .container .product-card .content .title{font-size:1.5rem}.product-page .container .product-card .content .info{display:flex;gap:1rem}.product-page .container .product-card .content .info span{position:absolute;right:0;bottom:0;background-color:#000;color:#fff;padding:.3rem 1rem;display:block;width:50%;text-align:center;border-bottom-right-radius:25px;border-top-left-radius:25px}.cart-page{display:grid;grid-template-columns:100%;grid-template-rows:minmax(15vh,auto) max-content;grid-template-areas:"header" "container"}.cart-page header{grid-area:header;padding:1rem}.cart-page header .banner{background-color:#000;width:100%;padding:2rem;color:#fff;border-radius:25px}.cart-page header .banner h1{margin-right:.5rem}.cart-page header .banner h1 i{margin-right:.5rem;cursor:pointer}.cart-page .container{grid-area:container;padding:0 1rem}.cart-page .container .cart-card{border-radius:35px;box-shadow:var(--shadow);height:450px;display:grid;grid-template-columns:100%;grid-template-rows:18% 55% 27%;grid-template-areas:"header" "list" "footer";overflow:hidden;background-image:linear-gradient(180.7deg,rgba(255,255,255,1) 65.1%,rgba(13,14,15,.18) 112.7%)}.cart-page .container .cart-card .title{grid-area:header;padding:2rem 3rem}.cart-page .container .cart-card .title h1{font-size:1.5rem}.cart-page .container .cart-card .list{grid-area:list;padding:1rem 2rem;overflow-x:scroll;height:350px;width:100%;background-color:transparent}.cart-page .container .cart-card .list .cart-item{border-bottom:1px solid var(--gray-loyal);padding:1rem;width:80%;background-color:transparent}.cart-page .container .cart-card .list .cart-item:last-of-type{border:none}.cart-page .container .cart-card .list .cart-item .content{display:flex;align-items:center;gap:1rem}.cart-page .container .cart-card .list .cart-item .content img{object-fit:contain;object-position:center;height:100%;width:5%}.cart-page .container .cart-card .list .cart-item .content h1{font-size:1rem}.cart-page .container .cart-card .list .cart-item .content .remove{font-size:1.8rem;cursor:pointer}.cart-page .container .cart-card .list .cart-item .content .remove:hover{color:red}.cart-page .container .cart-card .footer{grid-area:footer;display:flex;align-items:flex-end;justify-content:center;padding:0 2rem;background-color:transparent;border:none;gap:1rem}.cart-page .container .cart-card .footer button{border:none;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;padding:.8rem 1rem;display:flex;align-items:center;gap:.5rem;background-color:var(--dark);color:#f5f5f5}.cart-page .container .cart-card .footer .total{font-size:1.5rem}.product-detail-page{display:grid;grid-template-columns:100%;grid-template-rows:minmax(15vh,auto) max-content;grid-template-areas:"header" "container"}.product-detail-page header{grid-area:header;padding:1rem}.product-detail-page header .banner{background-color:#000;width:100%;padding:2rem;color:#fff;border-radius:25px}.product-detail-page header .banner h1{margin-right:.5rem}.product-detail-page header .banner h1 i{margin-right:.5rem;cursor:pointer}.product-detail-page header .banner h1 i:hover{opacity:.5}.product-detail-page .content{grid-area:container;padding:0 1rem}.product-detail-page .content .detail-card{background-color:var(--white);border-radius:35px;width:100%;height:70vh;padding:1rem;display:flex;gap:1rem;box-shadow:var(--shadow)}.product-detail-page .content .detail-card .maininfo{width:30%;height:100%;border-radius:35px;display:flex;flex-direction:column;gap:1rem}.product-detail-page .content .detail-card .maininfo .img-container{width:100%;height:100%;border-radius:35px;box-shadow:var(--shadow);position:relative;overflow:hidden!important}.product-detail-page .content .detail-card .maininfo .img-container img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background-color:var(--gray-light);padding:2rem}.product-detail-page .content .detail-card .maininfo .img-container .stock{position:absolute;top:0;right:0;background-color:var(--wine);color:#fff;font-weight:700;border-top-right-radius:25px;border-bottom-left-radius:25px;width:55%;text-align:center;font-size:18px;padding:.7rem}.product-detail-page .content .detail-card .maininfo .img-container .price{position:absolute;bottom:0;left:0;padding:.8rem;border-top-right-radius:50px;background-color:var(--wine);width:60%;text-align:center;color:#fff;font-weight:700;font-size:1.1rem}.product-detail-page .content .detail-card .maininfo .info{display:flex;justify-content:space-between}.product-detail-page .content .detail-card .maininfo .info .btn-add-cart{border-radius:50px;padding:1rem;box-shadow:var(--shadow-lg);font-size:1rem;font-weight:700;text-align:center;background-color:#000;color:#fff;border:none;width:100%;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}