main{min-height:200vh}.box{--_box-padding: 6rem;padding:var(--_box-padding);box-shadow:0 0 20px rgba(227,230,236,.6);border-radius:2.6rem;background-color:#fff}@media(max-width: 579px){.box{--_box-padding: 2.6rem}}#overlay,.overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s}#overlay.active,.overlay.active{opacity:1;pointer-events:auto}.win-modal{position:fixed;top:50%;left:50%;translate:-50% -50%;max-width:42rem;width:100%;padding:0 2.6rem;opacity:0;pointer-events:none;z-index:-999}@media(max-width: 767px){.win-modal{display:none !important}}.win-modal .win-modal__inner{transform:translateY(1rem);opacity:0;transition:.2s}.win-modal.active{display:block;opacity:1;z-index:20;pointer-events:auto}.win-modal.active .win-modal__inner{transform:translateY(0);opacity:1}.win-modal .win-modal__inner{position:relative;width:100%;padding:2.6rem;background-color:#fff;border-radius:2.6rem}.win-modal .win-modal__inner .btn-close{position:absolute;top:1.6rem;right:1.6rem;font-size:2.2rem;padding:.6rem;z-index:5;transition:.2s}.win-modal .win-modal__inner .btn-close:hover{transform:rotate(90deg)}.sheet{position:fixed;left:calc(50% - 23rem);bottom:0;max-width:46rem;width:100%;transform:translate3d(0px, 100%, 0px);background:#fff;border-radius:2.6rem 2.6rem 0 0;touch-action:none;will-change:transform;pointer-events:none;opacity:0;z-index:20}@media(max-width: 767px){.sheet{pointer-events:auto;opacity:1}}@media(max-width: 579px){.sheet{max-width:100%;left:0}}.sheet .handle{width:40px;height:5px;background:#ccc;border-radius:3px;margin:10px auto}.sheet .content{padding:20px}.sheet .btn-close{display:none}#openBtn{position:fixed;bottom:30px;left:50%;transform:translateX(-50%)}.parallax{position:fixed;top:50%;left:50%;translate:-50% -50%;max-width:46rem;width:100%;height:78%;z-index:20}@media(max-width: 767px){.parallax{height:90%}}@media(max-width: 579px){.parallax{max-width:100%;height:100%;border-radius:0}}.parallax .parallax__inner{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;perspective:1px;z-index:20;background-color:#fff;border-radius:2.6rem;box-shadow:2px 3px 16px rgba(0,0,0,.16)}.parallax .parallax__inner::-webkit-scrollbar{-webkit-appearance:none;display:none}@media(max-width: 579px){.parallax .parallax__inner{border-radius:0}}.parallax .btns{position:absolute;bottom:1rem;width:100%;height:5.6rem;padding:0 1.6rem;z-index:1002}.parallax .btns .btns__inner{width:100%}.parallax .btns .btns__inner button{width:100%;height:5rem;font-size:1.6rem;font-weight:600;color:#fff;border-radius:1.6rem;background-color:purple}.parallax-element{position:absolute;width:100%;height:36rem;transform:translateZ(0)}.circle{top:50px;left:20px;width:300px;height:300px;background-color:#7fffd4;z-index:101;opacity:.5;border-radius:50%}.extra-content{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fff;padding:20px;margin-top:-4rem;box-sizing:border-box;font-size:3rem;color:#fff;border-radius:2em 2em 0 0;z-index:100}.card-detail-wrap{display:flex;flex-direction:column;gap:1.6rem}.card-detail-wrap .top{display:flex;flex-direction:column;gap:1.6rem}@media(max-width: 767px){.card-detail-wrap .top{display:grid;grid-template-columns:12rem 1fr;align-items:center;gap:1.6rem}}.card-detail-wrap .top img{border-radius:1.6rem}.card-detail-wrap .top .top__info{display:flex;flex-direction:column;align-items:center;gap:.8rem}@media(max-width: 767px){.card-detail-wrap .top .top__info{align-items:flex-start}}.card-detail-wrap .grid-btns{display:grid;grid-template-columns:repeat(2, 1fr);gap:.6rem}.card-detail-wrap .grid-btns button{display:flex;align-items:center;flex-direction:column;gap:.8rem;padding:1.6rem .8rem;border:1px solid var(--clr-border);border-radius:.8rem}.card-detail-wrap .grid-btns button.disabled{color:#999;border-color:#ddd;background-color:#ddd;pointer-events:none;opacity:.6}.card-detail-wrap .grid-btns button.disabled p{color:#999}.card-detail-wrap .grid-btns button i{font-size:2.4rem}.card-detail-wrap .grid-btns button p{font-size:1.3rem;color:var(--clr-desc);font-weight:600}.thumb img{--_img-size: 4.2rem;-webkit-clip-path:url(#squircle);clip-path:url(#squircle);min-width:var(--_img-size);width:var(--_img-size);aspect-ratio:1;object-fit:cover}.product-list-area{padding:6rem 2.6rem}.product-list-area .product-list-area__inner{max-width:100rem;width:100%;margin:auto}.product-list-area .product-list-area__inner .section{display:flex;flex-direction:column;gap:2.6rem}.product-list-area .product-list-area__inner .section>header{display:flex;flex-direction:column;gap:.8rem}.product-list-area .product-list-area__inner .section>header h3{font-size:2.4rem}.product-list-area .product-list-area__inner .section>header .desc{line-height:1.4}.grid-products{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(22rem, 100%), 1fr));gap:1.6rem}.grid-products .item{display:flex;flex-direction:column;gap:2.6rem;width:100%;padding:3rem 2.6rem;border-radius:1.6rem;outline:2px solid rgba(0,0,0,0);background-color:#fff;transition:.3s;box-shadow:0 0 20px rgba(227,230,236,.6)}.grid-products .item:hover{outline-color:blue;transform:translateY(-0.6rem)}.grid-products .item.blu2e{background-color:#f5fbff}.grid-products .item.pin2k{background-color:#fffaf5}.grid-products .item .thumb img{--_img-size: 5.2rem}.grid-products .item p{font-size:2rem;color:#000;font-weight:600;line-height:1.2}.grid-products .item p b{font-size:2.4rem;color:#ff6681;font-weight:700}.grid-products .item p small{font-size:1.8rem;font-weight:700;color:#ff6681}.grid-products .item .desc{padding-top:2.6rem;font-size:1.6rem;line-height:1.4;color:#818584}.product-view-area{position:relative;max-width:100rem;display:flex;flex-direction:column;gap:4rem;width:100%;margin:auto;padding:6rem 0;overflow:hidden}@media(max-width: 767px){.product-view-area{padding:0;gap:0}}.product-view-area .product-view-area__top{display:grid;grid-template-columns:.7fr 1fr;gap:1.6rem 4rem}@media(max-width: 767px){.product-view-area .product-view-area__top{border-radius:0}}@media(max-width: 579px){.product-view-area .product-view-area__top{display:flex;flex-direction:column;gap:0;box-shadow:none;padding:0}}.product-view-area .product-view-area__top>header{grid-column:1/3;display:flex;align-items:center;gap:.8rem}@media(max-width: 767px){.product-view-area .product-view-area__top>header{display:none}}.product-view-area .product-view-area__top .product-view-area__top__left{position:relative;transform:translateZ(0);backface-visibility:hidden}.product-view-area .product-view-area__top .product-view-area__top__left .thumb-medium img{border-radius:1.6rem}@media(max-width: 579px){.product-view-area .product-view-area__top .product-view-area__top__left .thumb-medium img{border-radius:0}}.product-view-area .product-view-area__top .product-view-area__top__left .screen{position:absolute;top:0;left:0;width:100%;aspect-ratio:1;background-color:rgba(0,0,0,.8);opacity:0;z-index:2;pointer-events:none}.product-view-area .product-view-area__top .product-view-area__top__right{container-name:product-info;container-type:inline-size;display:flex;flex-direction:column;gap:2.6rem;background-color:#fff;z-index:5}@media(max-width: 579px){.product-view-area .product-view-area__top .product-view-area__top__right{margin-top:-2.6rem;padding:3.6rem 2.6rem 0;border-radius:2.6rem 2.6rem 0 0}}.product-view-area .product-view-area__top .product-view-area__top__right .grid-options{display:flex;flex-direction:column;gap:2.6rem}.product-view-area .product-view-area__top .product-view-area__top__right .grid-options em{line-height:1.75}.product-view-area .product-view-area__top .product-view-area__top__right .grid-options .grid-options__inner{display:grid;grid-template-columns:repeat(auto-fill, minmax(min(12rem, 100%), 1fr));gap:.8rem}@container product-info (max-width: 376px){.product-view-area .product-view-area__top .product-view-area__top__right .grid-options .grid-options__inner{grid-template-columns:repeat(auto-fill, minmax(min(10rem, 100%), 1fr))}}.product-view-area .product-view-area__top .product-view-area__top__right .grid-options .grid-options__inner button{padding:1.6rem;font-size:1.6rem;font-weight:600;border:1px solid #eee;border-radius:.8rem}.product-view-area .product-view-area__top .product-view-area__top__right .cart-area{padding:2.6rem;background-color:#eee}.product-view-area .product-view-area__top .product-view-area__top__right .prd-btns{display:flex;align-items:center;gap:1.6rem}.product-view-area .product-view-area__top .product-view-area__top__right .prd-btns .buy{flex:1;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;font-weight:600;background-color:#36f;height:5rem;border-radius:.8rem}@media(max-width: 767px){.product-view-area .product-view-area__related{border-radius:0;box-shadow:none}}