main.main{max-width:1200px;width:100%;margin:auto}div.container{max-width:1100px;margin:auto}div.blog_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem;padding:.5rem}@media (max-width:767.98px){div.blog_grid{grid-template-columns:1fr;gap:1rem}}ion-card.flex_post{margin:0;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;display:flex;flex-direction:column}@media (max-width:767.98px){ion-card.flex_post{height:100vh;max-height:282px}}ion-card.flex_post:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.15)}ion-card.flex_post .blog_img{width:100%;height:180px;object-fit:cover;display:block;background-color:var(--ion-color-light)}@media (max-width:767.98px){ion-card.flex_post .blog_img{height:160px}}ion-card.flex_post .post_box{flex:1;display:flex;flex-direction:column}@media (max-width:767.98px){ion-card.flex_post .post_box .ion-card-header{position:absolute;left:0;top:0;width:100%;background:rgba(255,255,255,.2);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}ion-card.flex_post .post_box .ion-card-content{position:absolute;left:0;bottom:0;background:rgba(255,255,255,.2);box-shadow:0 4px 30px rgba(0,0,0,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}}@media (max-width:767.98px){ion-card.flex_post{flex-direction:column!important}ion-card.flex_post:nth-child(even){flex-direction:column!important}}img.blog_img{width:100%;height:480px;object-fit:cover;background-position:center;background-size:cover}@media (max-width:767.98px){img.blog_img{height:320px}}.modal-blog-content ion-card{max-width:800px;margin:auto;border-radius:0;box-shadow:none}.modal-blog-content .blog_img{height:240px;object-fit:cover}div.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem;padding:.5rem;text-align:center}@media (max-width:767.98px){div.product-grid{grid-template-columns:1fr;gap:1rem}}div.product-grid ion-card{margin:0;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .2s ease;cursor:pointer}div.product-grid ion-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.12)}div.product-grid ion-card ion-card-content{padding:12px 8px 16px}div.product-grid ion-card ion-card-title{font-size:1.25rem;font-weight:700;color:var(--ion-color-primary)}div.product-grid ion-card ion-card-subtitle{font-size:.9rem;color:var(--ion-color-medium);margin-top:4px}img.img_product{width:100%;height:200px;object-fit:cover;background:var(--ion-color-light);display:block}@media (max-width:767.98px){img.img_product{height:180px}}.flex-content{max-width:1100px;margin:auto;display:flex;justify-content:space-around;align-items:flex-start;flex-wrap:nowrap;gap:20px}@media (max-width:767.98px){.flex-content{justify-content:space-between;flex-wrap:wrap;gap:0}}.modal-product-content{--background:var(--ion-background-color, #f8f9fc)}.product-detail-layout{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}#product-image-container{width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}#product-image-container #main-product-image{width:100%;height:auto;max-height:320px;object-fit:cover;background:#fafafa}@media (max-width:767.98px){#product-image-container #main-product-image{max-height:250px}}.product-detail-panel{padding:0;border-radius:24px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.product-detail-panel ion-card-content{padding:1.2rem}.price-text{font-size:1.5rem;font-weight:700;color:var(--ion-color-primary);margin:.5rem 0}.description-text{color:var(--ion-color-medium);line-height:1.4;margin-bottom:1.2rem}.color-picker-group{margin-bottom:1rem}.color-picker-group p{font-weight:600;margin-bottom:8px}.color-buttons{display:flex;gap:12px;flex-wrap:wrap}.color-button{width:36px;height:36px;border-radius:50%;border:2px solid #e0e0e0;transition:all .1s ease;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.color-button.active{border:3px solid var(--ion-color-primary);transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-picker{display:inline-block;width:24px;height:24px;border-radius:50%;margin:0 4px;border:2px solid #ccc;cursor:pointer}.model-picker-group{margin-bottom:1rem}.model-buttons{display:flex;gap:10px;flex-wrap:wrap}.model-button{padding:8px 16px;border-radius:40px;border:1px solid #ccc;background:#fff;font-weight:500;transition:all .2s;cursor:pointer}.model-button.active{background:var(--ion-color-primary);border-color:var(--ion-color-primary);color:#fff}.size-picker{display:flex;gap:8px;margin-bottom:1em}.size-button{padding:6px 12px;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer}.size-button.active{background-color:#333;color:#fff;border-color:#333}.quantity-picker{display:flex;align-items:center;gap:12px;background:#f1f3f5;border-radius:40px}.quantity-picker button{width:32px;height:32px;font-size:18px;font-weight:700;background-color:transparent;border:none;cursor:pointer}.quantity-picker input{width:48px;text-align:center;font-size:1.2rem;font-weight:600;border:none;background:0 0}.footer-actions{background:#fff;border-top:1px solid var(--ion-border-color,#e9ecef)}ion-footer.fixed-bottom{position:fixed;bottom:0}#item_add{--border-radius:40px;font-weight:600}ion-tab[tab=cart] ion-content{--background:var(--ion-background-color, #f5f7fa)}ion-tab[tab=cart] .container{max-width:800px;margin:0 auto;padding:0}.cart-list{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05)}table{width:100%;border-collapse:collapse}table td,table th{padding:12px 8px;text-align:left;border-bottom:1px solid #e9ecef}@media (max-width:767.98px){table td,table th{padding:8px 6px;font-size:.85rem}}table th{background-color:#f8f9fa;font-weight:600;color:#2c3e50}.cart-total{background:#fff;border-radius:20px;padding:1rem;margin-top:1rem;box-shadow:0 4px 12px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.total-text{font-size:1.2rem;font-weight:700;color:#2c3e50}.total-price{font-size:1.4rem;font-weight:800;color:var(--ion-color-primary,#3880ff)}@media (max-width:767.98px){.total-price{font-size:1.2rem}}.keranjang.dekstop{position:relative;width:60px;text-align:left;padding:5px 0;order:3;align-items:center}@media (max-width:767.98px){.keranjang.dekstop{display:none}}.keranjang.dekstop .simpleCart_quantity{top:3px;left:30px}.keranjang.dekstop .keranjang-icon{display:inline-block;padding:7px;margin:3px 0 3px 5px;border-radius:20px;width:24px;height:24px;cursor:pointer;transition:all .2s}.keranjang.dekstop .keranjang-icon svg{height:22px;width:22px;display:inline-block}.keranjang.dekstop .keranjang-icon path{fill:#fff}.keranjang.mobile{position:relative;display:none;width:100%;text-align:center}@media (max-width:767.98px){.keranjang.mobile{display:block}}.keranjang.mobile .keranjang-icon{display:block;width:100%;height:100%;text-align:center;margin:0 auto}.keranjang.mobile .keranjang-icon svg{position:relative;display:block;margin:0 auto;width:36px;height:36px}.keranjang.mobile .keranjang-icon path{fill:#444}.keranjang.mobile .simpleCart_quantity{top:-5px;left:50%}.keranjang-box{overflow-x:hidden;overflow-y:auto}.keranjang-box .simpleCart_items{height:auto;overflow-y:auto;margin-bottom:20px}.keranjang-box .simpleCart_items::-webkit-scrollbar{width:2px;background-color:transparent}.keranjang-box .simpleCart_items::after{content:"";text-align:center;z-index:0;position:absolute;top:50px;left:50%;padding:10px;transform:translate(-50%,-45%);max-width:500px;width:90%;overflow:hidden;margin:auto}.keranjang-box:hover .simpleCart_items::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:5px}.keranjang-box .itemRow{overflow:hidden;font-size:12px;line-height:1.5;width:100%;font-weight:700;display:inline-block}.keranjang-box .itemRow .item-remove{display:inline-block;float:right;color:#ff460c;font-size:22px;cursor:pointer}.keranjang-box .itemRow .item-decrement,.keranjang-box .itemRow .item-increment,.keranjang-box .itemRow .item-link{display:none;visibility:hidden}.keranjang-box .item-thumb{float:left}.keranjang-box .item-thumb img{width:95px;height:auto;border-radius:.3rem;float:left;margin:0 10px 0 0}.keranjang-box .item-name{font-size:13px;display:inline-block}.keranjang-box .item-total{display:inline-block;float:right;color:#ff460c;font-weight:600;font-size:14px}.keranjang-box .harga-total{margin:0 0 10px;padding:0 8px;font-size:14px;font-weight:500}.keranjang-box span.simpleCart_total{font-size:16px;font-weight:600;color:#ff460c}.keranjang-box .close-keranjang{position:absolute;right:15px;padding:5px;border:1px solid #ddd;border-radius:15px;font-size:10px;font-weight:600}.keranjang-box .close-keranjang a.tombol-bukatutup{width:auto;background:0 0;color:#444;padding:0 2px}.notif-tambah-product{width:255px;position:absolute;z-index:99;font-size:14px;right:-10px;background:#00b35e;padding:10px 20px;opacity:1;display:none;color:#fff;top:65px;border-radius:15px;box-shadow:0 2px 5px 0 rgba(56,56,56,.49)}.keranjang .simpleCart_quantity{width:20px;height:20px;background:red;position:absolute;border-radius:100%;color:#fff;text-align:center;line-height:20px;font-size:12px;z-index:3}.background-transparent-box{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}ion-badge.simpleCart_quantity{position:absolute;top:4px;width:22px;border-radius:50%;font-size:small;padding:4px 4px;text-align:center}#checkoutModal ion-card{margin:0;border-radius:24px;box-shadow:0 8px 20px rgba(0,0,0,.05);overflow:hidden}#checkoutModal form{display:flex;flex-direction:column;gap:.5rem}#checkoutModal ion-item{--padding-start:0;--inner-padding-end:0;margin-bottom:.8rem}#checkoutModal ion-label{font-weight:600;color:#2c3e50}#pay-button{margin-top:1rem;--border-radius:40px;font-weight:600;text-transform:none;letter-spacing:.5px}ion-tab[tab=account] ion-content{--background:var(--ion-background-color, #f4f5f8)}.dashboard-card.profile-card{margin:20px auto;max-width:500px;border-radius:24px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);background:#fff}@media (max-width:767.98px){.dashboard-card.profile-card{max-width:320px;margin:50px auto}}.dashboard-card.profile-card .profile-header-bg{height:100px;background:linear-gradient(135deg,var(--ion-color-primary) 0,#5260ff 100%)}.dashboard-card.profile-card .profile-info-content{display:flex;flex-direction:column;align-items:center;margin-top:-70px;padding-bottom:20px}@media (max-width:767.98px){.dashboard-card.profile-card .profile-info-content{margin-top:-50px}}.dashboard-card.profile-card .avatar-container{background:#fff;padding:5px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.1)}.dashboard-card.profile-card .avatar-container .profile-avatar-icon{font-size:90px;color:#d1d5db}.dashboard-card.profile-card .avatar-container .profile-avatar-img{width:90px;height:90px;border-radius:50%;object-fit:cover}.dashboard-card.profile-card .profile-details{text-align:center;margin-top:10px}.dashboard-card.profile-card .profile-details h2{font-weight:700;font-size:1.4rem;margin:0 0 4px;color:#2c3e50}.dashboard-card.profile-card .profile-details p{color:var(--ion-color-medium);font-size:.9rem;margin:0}.dashboard-card.profile-card .profile-menu-list{background:0 0;padding:0}.dashboard-card.profile-card .profile-menu-list ion-item{--padding-start:20px;--inner-padding-end:20px;--background:transparent;font-weight:500;font-size:.95rem}.dashboard-card.profile-card .profile-menu-list ion-item ion-icon{font-size:1.2rem;margin-inline-end:16px}.dashboard-card.profile-card .logout-btn{--border-radius:12px;margin-top:10px;font-weight:600;text-transform:none;letter-spacing:.5px}.login-prompt-card{overflow:hidden;margin:20px auto;width:100%;max-width:420px;box-shadow:0 8px 20px rgba(0,0,0,.1);border-radius:16px;text-align:center}.login-prompt-card .image-wrapper{width:100%;overflow:hidden}.login-prompt-card .image-wrapper img{width:100%;max-height:200px;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px}@media (max-width:767.98px){.login-prompt-card{max-width:90vw;margin:20px}}ion-card#loginBtn{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:767.98px){ion-card#loginBtn{top:40%;left:0;transform:translate(0)}}.content-form-modal{display:block;position:relative;height:400px;min-height:100%}@media (max-width:767.98px){.content-form-modal{height:500px;max-height:100%}}.modal-form-card{margin:0;border-radius:16px;box-shadow:none}.user-status{margin-top:16px;font-size:.9em;text-align:center;padding:8px;background:var(--ion-color-light,#f0f0f0);border-radius:8px}.center-content{display:flex;justify-content:center;align-items:center;height:100vh;height:100dvh}.success-card{max-width:400px;width:100%;text-align:center}.success-card .box img.gifImg{width:240px;margin:0 auto}.success-card .box h2{margin-top:16px;font-size:1.4rem}.success-card .box p{margin-top:8px;font-weight:700}ion-modal.custom-fullscreen{--height:100%;--width:100%;--border-radius:0;--margin:0}@supports (height:100dvh){ion-modal.custom-fullscreen{--height:100dvh}}ion-modal.custom-fullscreen::part(content){--border-radius:0;--height:100%;--width:100%;--margin:0}@media (max-width:767.98px){ion-modal.custom-fullscreen{--height:100%!important;--width:100%!important;height:100%;width:100%;top:0;left:0;right:0;bottom:0;position:fixed;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}