.elementor-73463 .elementor-element.elementor-element-f3ac259 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:500;}.elementor-73463 .elementor-element.elementor-element-300bf47 .uael-img-gallery-wrap .uael-grid-item{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );}.elementor-73463 .elementor-element.elementor-element-300bf47 .uael-img-gallery-wrap{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}.elementor-73463 .elementor-element.elementor-element-300bf47 .uael-grid-img-thumbnail img{opacity:1;}.elementor-73463 .elementor-element.elementor-element-300bf47 .uael-grid-gallery-img:hover .uael-grid-img-thumbnail img{opacity:1;}.elementor-73463 .elementor-element.elementor-element-300bf47 .slick-slider .slick-prev:before, .elementor-73463 .elementor-element.elementor-element-300bf47 .slick-slider .slick-next:before{font-size:25px;}.elementor-73463 .elementor-element.elementor-element-4ced475 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-73463 .elementor-element.elementor-element-4ced475 .elementor-swiper-button.elementor-swiper-button-next{color:#000000;}.elementor-73463 .elementor-element.elementor-element-4ced475 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-73463 .elementor-element.elementor-element-4ced475 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#000000;}.elementor-73463 .elementor-element.elementor-element-da7aaf7 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:500;}.elementor-73463 .elementor-element.elementor-element-7d91d2e.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-7d91d2e.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-7d91d2e.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-7d91d2e .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-7d91d2e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-26c6368.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-26c6368.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-26c6368.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-26c6368 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-26c6368 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-f2951d1.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-f2951d1.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-f2951d1.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-f2951d1 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-f2951d1 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-bddc39d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-bddc39d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-bddc39d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-bddc39d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-bddc39d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-b1727ca.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-b1727ca.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-b1727ca.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-b1727ca .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-b1727ca .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-77ec1bd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-77ec1bd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-77ec1bd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-77ec1bd .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-77ec1bd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-6c7f764.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-6c7f764.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-6c7f764.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-6c7f764 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-6c7f764 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-3fa8a88.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-3fa8a88.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-3fa8a88.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-3fa8a88 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-3fa8a88 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-352581f.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-352581f.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-352581f.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-352581f .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-352581f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-6372d3d.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-6372d3d.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-6372d3d.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-6372d3d .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-6372d3d .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-1a6b019.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-1a6b019.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-1a6b019.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-1a6b019 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-1a6b019 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-3145ba4.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-73463 .elementor-element.elementor-element-3145ba4.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-73463 .elementor-element.elementor-element-3145ba4.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-3145ba4 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-73463 .elementor-element.elementor-element-3145ba4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-73463 .elementor-element.elementor-element-d4eddfa .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:500;}.elementor-73463 .elementor-element.elementor-element-ba154c5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-73463 .elementor-element.elementor-element-ba154c5.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-73463 .elementor-element.elementor-element-2280a22 .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:500;}.elementor-73463 .elementor-element.elementor-element-41c6f1a .uael-grid-img-thumbnail img{opacity:1;}.elementor-73463 .elementor-element.elementor-element-41c6f1a .uael-grid-gallery-img:hover .uael-grid-img-thumbnail img{opacity:1;}.elementor-73463 .elementor-element.elementor-element-41c6f1a .slick-slider .slick-prev:before, .elementor-73463 .elementor-element.elementor-element-41c6f1a .slick-slider .slick-next:before{font-size:20px;color:#FF0000;}.elementor-73463 .elementor-element.elementor-element-369c116 .uael-grid-img-thumbnail img{opacity:1;}.elementor-73463 .elementor-element.elementor-element-369c116 .uael-grid-gallery-img:hover .uael-grid-img-thumbnail img{opacity:1;}.elementor-73463 .elementor-element.elementor-element-369c116 .slick-slider .slick-prev:before, .elementor-73463 .elementor-element.elementor-element-369c116 .slick-slider .slick-next:before{font-size:20px;color:#FF0000;}.elementor-73463 .elementor-element.elementor-element-369c116 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-73463 .elementor-element.elementor-element-49acf2b .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:500;}.elementor-73463 .elementor-element.elementor-element-87ba03a .elementor-heading-title{font-family:"Fredoka", Sans-serif;font-weight:500;}.elementor-73463 .elementor-element.elementor-element-a1f1bcc .elementor-icon-box-wrapper{gap:15px;}.elementor-73463 .elementor-element.elementor-element-cbd33f1 .elementor-icon-box-wrapper{gap:15px;}.elementor-73463 .elementor-element.elementor-element-efb557c .elementor-icon-box-wrapper{gap:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-73463 .elementor-element.elementor-element-b9ed834{width:50%;}.elementor-73463 .elementor-element.elementor-element-bcd0549{width:50%;}}@media(max-width:1024px){.elementor-73463 .elementor-element.elementor-element-ba154c5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-73463 .elementor-element.elementor-element-4ced475{--e-image-carousel-slides-to-show:1;}.elementor-73463 .elementor-element.elementor-element-7d91d2e .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-26c6368 .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-f2951d1 .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-bddc39d .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-b1727ca .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-77ec1bd .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-6c7f764 .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-3fa8a88 .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-352581f .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-6372d3d .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-1a6b019 .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-3145ba4 .elementor-image-box-img{margin-bottom:15px;}.elementor-73463 .elementor-element.elementor-element-ba154c5.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS *//* Beranda Arah 3 (ceria-playful). Dipasang di Page Settings > Custom CSS. */
.sp3-hero,.sp3-sec{--ink:#2B2440;--pink:#F9D3DE;--blue:#CFE6F7;--mint:#CDEBDD;--butter:#FFE58A;--lilac:#E2D9F5}
.elementor-section.sp3-sec > .elementor-container{max-width:1200px!important}
.elementor-section.sp3-hero > .elementor-container{max-width:none!important}
.sp3-hero{background:#FFD21F url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='%23fff' fill-opacity='.22'%3E%3Ccircle cx='200' cy='200' r='60'/%3E%3Cellipse cx='200' cy='70' rx='38' ry='70'/%3E%3Cellipse cx='200' cy='330' rx='38' ry='70'/%3E%3Cellipse cx='70' cy='200' rx='70' ry='38'/%3E%3Cellipse cx='330' cy='200' rx='70' ry='38'/%3E%3Cellipse cx='108' cy='108' rx='38' ry='70' transform='rotate(-45 108 108)'/%3E%3Cellipse cx='292' cy='292' rx='38' ry='70' transform='rotate(-45 292 292)'/%3E%3Cellipse cx='292' cy='108' rx='38' ry='70' transform='rotate(45 292 108)'/%3E%3Cellipse cx='108' cy='292' rx='38' ry='70' transform='rotate(45 108 292)'/%3E%3C/g%3E%3C/svg%3E") no-repeat right -140px top -160px/520px;padding:28px 32px 48px;border-radius:0 0 48px 48px}
.sp3-hero img{border-radius:28px}
.sp3-bnr.elementor-widget-uael-image-gallery .slick-list{height:auto!important}
.sp3-bnr.elementor-widget-uael-image-gallery .slick-track{display:flex!important;align-items:flex-start}
.sp3-bnr.elementor-widget-uael-image-gallery .slick-slide{height:auto!important}
.sp3-bnr.elementor-widget-uael-image-gallery img{width:100%!important;height:auto!important;aspect-ratio:1901/495;object-fit:cover}
.sp3-hero .elementor-widget-uael-image-gallery{max-width:1600px;margin:0 auto}
.sp3-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sp3-sec{padding:72px 16px 0}
.sp3-h2 .elementor-heading-title{font-size:32px!important;line-height:1.15;color:var(--ink)}

/* kategori */
.sp3-catsec .elementor-widget-wrap{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.sp3-catsec .elementor-widget-wrap > .elementor-widget-heading,.sp3-catsec .sp3-catdd{grid-column:1/-1;margin-bottom:12px!important}
.sp3-cat{margin:0!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.sp3-cat:hover{transform:translateY(-6px) rotate(-1deg)}
.sp3-cat .elementor-image-box-wrapper{border-radius:24px;padding:22px 12px 18px;text-align:center;height:100%;background:var(--pink)}
.sp3-cat:nth-child(5n+4) .elementor-image-box-wrapper{background:var(--blue)}
.sp3-cat:nth-child(5n+5) .elementor-image-box-wrapper{background:var(--mint)}
.sp3-cat:nth-child(5n+6) .elementor-image-box-wrapper{background:var(--butter)}
.sp3-cat:nth-child(5n+2) .elementor-image-box-wrapper{background:var(--lilac)}
.sp3-cat .elementor-image-box-img{width:64px!important;height:64px;margin:0 auto 12px!important;background:#fff;border-radius:999px;display:flex!important;align-items:center;justify-content:center}
.sp3-cat .elementor-image-box-img img{width:40px;height:40px;object-fit:contain}
.sp3-cat .elementor-image-box-title{font-size:16px;font-weight:800;line-height:1.25;margin:0;color:var(--ink)}
.sp3-cat .elementor-image-box-title a{color:inherit}
.sp3-catdd .elementor-toggle-item{border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:#fff}
.sp3-catdd .elementor-tab-title{border:0!important;padding:16px 20px!important;font-weight:800;font-size:18px;color:var(--ink)}
.sp3-catdd .elementor-tab-content{border:0!important;border-top:2px solid var(--ink)!important;padding:0!important}
.sp3-cat,.sp3-cat .elementor-widget-container{height:100%}
.sp3-cat .elementor-image-box-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:168px}
.sp3-cat .elementor-image-box-content{width:100%}
.sp3-cat .elementor-image-box-title{font-family:'Fredoka',sans-serif!important;font-weight:500!important;font-size:16px!important;letter-spacing:0}
.sp3-ddl{list-style:none;margin:0;padding:0}
.sp3-ddl a{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 16px;border-bottom:1px solid #EFE9F7;font-weight:700;color:var(--ink);text-decoration:none}
.sp3-ddl img{width:26px;height:26px;object-fit:contain}

/* produk terbaru + favorit: judul kiri, tautan kanan */
.sp3-new .elementor-widget-wrap,.sp3-fav .elementor-widget-wrap{display:flex!important;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.sp3-new .elementor-widget-wrap > *,.sp3-fav .elementor-widget-wrap > *{margin-bottom:0!important}
.sp3-prods,.sp3-best,.sp3-lead{flex:0 0 100%;width:100%}
.sp3-new .elementor-widget-wrap > .elementor-widget-heading,.sp3-new .elementor-widget-wrap > .elementor-widget-button,.sp3-fav .elementor-widget-wrap > .elementor-widget-heading,.sp3-fav .elementor-widget-wrap > .elementor-widget-button{width:auto!important;flex:0 1 auto}
.sp3-prods ul.products li.product .woocommerce-loop-product__title{font-family:'Fredoka',sans-serif!important;font-weight:500!important;font-size:17px!important;letter-spacing:0}
.sp3-prods ul.products{gap:20px}
.sp3-pcat{display:inline-block;margin:6px 4px 0;background:#FFE58A;color:#2B2440;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700;line-height:1.4}
.sp3-new .sp3-prods{margin-top:16px!important}
.sp3-more .elementor-button{background:none!important;color:var(--ink)!important;padding:0!important;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.sp3-btn-red .elementor-button{background:#E0352B!important;color:#fff!important;border-radius:999px;font-weight:800;padding:12px 22px}
.sp3-prods ul.products li.product .price,.sp3-prods ul.products li.product .button,.sp3-prods ul.products li.product .added_to_cart,.sp3-prods .star-rating{display:none!important}
.sp3-prods ul.products li.product img{border-radius:24px;margin-bottom:12px!important}
.sp3-prods ul.products li.product .woocommerce-loop-product__title{font-weight:800;font-size:16px;line-height:1.3;color:var(--ink);padding:0 4px!important}
.sp3-fav{background:var(--mint);margin-top:72px;padding:72px 16px 80px;border-radius:48px}
.sp3-best{margin-top:8px!important}
/* favorit: panah + dot gaya stiker */
.sp3-best .slick-slider .slick-arrow{width:44px!important;height:44px!important;border-radius:50%!important;background:#fff!important;border:2px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink)!important;font-size:0!important;z-index:5;transition:transform .15s,box-shadow .15s,background .15s}
.sp3-best .slick-slider .slick-prev{left:-22px!important}
.sp3-best .slick-slider .slick-next{right:-22px!important}
.sp3-best .slick-slider .slick-arrow:hover{background:#FFD21F!important;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)!important}
.sp3-best .slick-slider .slick-arrow:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)!important}
.sp3-best .slick-slider .slick-prev:before,.sp3-best .slick-slider .slick-next:before{content:""!important;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;opacity:1!important;background:no-repeat center/20px 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2440' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")}
.sp3-best .slick-slider .slick-prev:before{transform:scaleX(-1)}
.sp3-best .slick-dots{display:flex!important;justify-content:center;align-items:center;gap:8px}
.sp3-best .slick-dots li{width:auto!important;height:auto!important;margin:0!important}
.sp3-best .slick-dots li button{width:10px!important;height:10px!important;padding:0!important;border-radius:999px;background:rgba(43,36,64,.25)!important;border:2px solid transparent!important;font-size:0!important;transition:width .2s,background .2s}
.sp3-best .slick-dots li button:before{display:none!important}
.sp3-best .slick-dots li.slick-active button{width:28px!important;background:#FFD21F!important;border-color:var(--ink)!important}
@media (max-width:767px){.sp3-best .slick-slider .slick-arrow{width:36px!important;height:36px!important}.sp3-best .slick-slider .slick-prev{left:-10px!important}.sp3-best .slick-slider .slick-next{right:-10px!important}}
.elementor-section.sp3-fav{border-radius:0!important;position:relative;overflow:visible;margin-top:120px}
.sp3-fav::before{content:"";position:absolute;left:0;right:0;top:-47px;height:48px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 60 L0 30 C 120 50, 360 0, 540 24 S 900 60, 1080 30 S 1260 0, 1440 40 L1440 60 Z' fill='%23CDEBDD'/%3E%3C/svg%3E") no-repeat bottom/100% 100%}


/* cerita */
.sp3-story .elementor-container{align-items:center}
.sp3-pics .elementor-widget-wrap{background:var(--pink);border-radius:40px;padding:40px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
.sp3-pics .elementor-widget-wrap > *{margin:0!important}
.sp3-pics img{border-radius:28px;width:100%}
.sp3-pics .elementor-widget:nth-child(2){margin-top:40px!important}
.sp3-txt .elementor-widget-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-left:48px!important}
.sp3-txt .elementor-widget-wrap > *{grid-column:1/-1;margin:0!important}
.sp3-txt .elementor-widget-wrap > .sp3-bub{grid-column:auto}
.sp3-bub .elementor-icon-box-wrapper{background:var(--blue);border-radius:24px;padding:18px;text-align:left}
.sp3-bub:nth-of-type(4) .elementor-icon-box-wrapper{background:var(--mint)}
.sp3-bub:nth-of-type(5) .elementor-icon-box-wrapper{background:var(--lilac)}
.sp3-bub .elementor-icon-box-title{font-family:'Fredoka',sans-serif;font-weight:500;font-size:34px;line-height:1;color:var(--ink);margin:0}
.sp3-bub .elementor-icon-box-description{font-weight:700;font-size:15px;color:var(--ink)}

/* belanja di mana */
.sp3-buy{padding-bottom:96px}
.sp3-buy .elementor-widget-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sp3-buy .elementor-widget-wrap > *{margin:0!important}
.sp3-buy .elementor-widget-heading{grid-column:1/-1}
.sp3-buyc{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.sp3-buyc:hover{transform:translateY(-6px) rotate(-1deg)}
.sp3-buyc .elementor-icon-box-wrapper{position:relative;border-radius:32px;padding:32px 32px 88px;min-height:220px;text-align:left!important;background:var(--lilac);color:var(--ink)}
.sp3-buyc .elementor-icon-box-icon{display:inline-flex!important;margin:0 0 16px!important}
.sp3-buyc .elementor-icon{width:60px;height:60px;border-radius:999px;background:#fff;display:flex!important;align-items:center;justify-content:center;font-size:28px!important}
.sp3-buyc .elementor-icon-box-title{font-family:'Fredoka',sans-serif;font-weight:500;font-size:30px;margin:0 0 8px}
.sp3-buyc .elementor-icon-box-title a,.sp3-buyc .elementor-icon-box-description{color:inherit}
.sp3-buyc .elementor-icon-box-wrapper::after{content:"";position:absolute;right:28px;bottom:28px;width:48px;height:48px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;background:var(--ink);color:#fff}
.sp3-shopee .elementor-icon-box-wrapper{background:#E0352B;color:#fff}
.sp3-shopee .elementor-icon i,.sp3-shopee .elementor-icon svg{color:#E0352B;fill:#E0352B}
.sp3-shopee .elementor-icon-box-wrapper::after{background:#fff;color:#E0352B}
.sp3-wa .elementor-icon-box-wrapper{background:#17803F;color:#fff}
.sp3-wa .elementor-icon i,.sp3-wa .elementor-icon svg{color:#17803F;fill:#17803F}
.sp3-wa .elementor-icon-box-wrapper::after{background:#fff;color:#17803F}
.sp3-kat .elementor-icon i,.sp3-kat .elementor-icon svg{color:var(--ink);fill:var(--ink)}

.sp3-buyc,.sp3-buyc .elementor-widget-container{height:100%}
.sp3-buyc .elementor-icon-box-wrapper{height:100%;box-sizing:border-box}
.sp3-buyc .elementor-icon-box-wrapper::after{content:""!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat,#2B2440!important}
.sp3-shopee .elementor-icon-box-wrapper::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E0352B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat,#fff!important}
.sp3-wa .elementor-icon-box-wrapper::after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2317803F' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/22px no-repeat,#fff!important}
/* efek muncul saat scroll: kelas dari JS di sandbox sp-beranda-arah3.php (semua browser) */
@keyframes sp3Up{from{opacity:0;translate:0 36px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
.sp3-js .sp3-rv:not(.is-in){opacity:0}
.sp3-js .sp3-rv.is-in{animation:sp3Up .7s cubic-bezier(.2,.8,.2,1) var(--sp3d,0ms) both}

@media (max-width:767px){
.sp3-hero{padding:16px 16px 40px;border-radius:0 0 32px 32px;background-size:300px;background-position:right -90px top -100px}
.sp3-sec{padding:48px 16px 0}
.sp3-h2 .elementor-heading-title{font-size:24px!important}
.sp3-catsec .elementor-widget-wrap{display:block!important}
.sp3-prods ul.products{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;gap:12px;margin:0 -16px!important;padding:0 16px 8px!important;scrollbar-width:none}
.sp3-prods ul.products::before,.sp3-prods ul.products::after{display:none!important}
.sp3-prods ul.products li.product{flex:0 0 46%!important;width:auto!important;max-width:none!important;margin:0!important;scroll-snap-align:start}
.sp3-fav{margin-top:48px;padding:48px 16px 56px;border-radius:32px}
.sp3-pics .elementor-widget-wrap{padding:20px!important;border-radius:28px}
.sp3-txt .elementor-widget-wrap{padding:24px 0 0!important;grid-template-columns:1fr}
.sp3-txt .elementor-widget-wrap > .sp3-bub{grid-column:1/-1}
.sp3-buy .elementor-widget-wrap{grid-template-columns:1fr 1fr;gap:12px}
.sp3-buy .sp3-kat{grid-column:1/-1}
.sp3-buyc .elementor-icon-box-wrapper{padding:20px 20px 76px;min-height:0;border-radius:24px}
.sp3-buyc .elementor-icon-box-title{font-size:22px}
.sp3-buyc .elementor-icon-box-wrapper::after{right:16px;bottom:16px;width:44px;height:44px}
}

/* cerita v2: gaya stiker (garis tinta + bayangan tegas) */
.sp3-pics .elementor-widget-wrap{position:relative;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background-color:var(--pink);background-image:radial-gradient(rgba(43,36,64,.14) 1.6px,transparent 1.8px);background-size:18px 18px;overflow:visible}
.sp3-pics .elementor-widget-wrap::before{content:"";position:absolute;top:-28px;right:-24px;width:84px;height:84px;z-index:3;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 3l9 16 17-8 1 19 19 2-9 17 13 13-18 6 3 19-19-3-6 18-13-13-17 9-2-19-19-1 8-17-16-9 16-11-8-17 19 0 1-19 17 8z' fill='%23FFD21F' stroke='%232B2440' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='50' cy='50' r='15' fill='%23fff' stroke='%232B2440' stroke-width='3'/%3E%3C/svg%3E")}
.sp3-pics .elementor-widget-wrap > .elementor-widget{background:#fff;padding:8px;border:2px solid var(--ink);border-radius:26px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-3deg);transition:transform .2s}
.sp3-pics .elementor-widget-wrap > .elementor-widget:nth-child(2){transform:rotate(3deg)}
.sp3-pics .elementor-widget-wrap > .elementor-widget:hover{transform:rotate(0) scale(1.02)}
.sp3-pics img{border-radius:18px}
.sp3-txt .sp3-h2 .elementor-heading-title{display:inline;background:linear-gradient(transparent 60%,#FFD21F 60%,#FFD21F 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 4px}
.sp3-bub .elementor-icon-box-wrapper{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:22px;padding:18px 18px 20px;height:100%;transform:rotate(-1.5deg);transition:transform .2s,box-shadow .2s}
.sp3-bub:nth-of-type(4) .elementor-icon-box-wrapper{transform:rotate(1.2deg)}
.sp3-bub:nth-of-type(5) .elementor-icon-box-wrapper{transform:rotate(-.8deg)}
.sp3-bub .elementor-icon-box-wrapper:hover{transform:rotate(0) translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.sp3-bub .elementor-icon-box-title{font-size:38px}
.sp3-txt .elementor-widget-wrap > .sp3-bub,.sp3-txt .sp3-bub .elementor-widget-container{height:100%}
.sp3-txt .sp3-more{margin-top:8px!important}
.sp3-txt .sp3-more .elementor-button{background:#FFD21F!important;border:2px solid var(--ink)!important;box-shadow:4px 4px 0 var(--ink);border-radius:999px;padding:14px 24px!important;text-decoration:none;transition:transform .15s,box-shadow .15s}
.sp3-txt .sp3-more .elementor-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}
.sp3-txt .sp3-more .elementor-button-text::after{content:"";display:inline-block;width:18px;height:18px;margin-left:10px;vertical-align:-3px;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2440' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
@media (max-width:767px){.sp3-pics .elementor-widget-wrap{box-shadow:4px 4px 0 var(--ink)}.sp3-pics .elementor-widget-wrap::before{width:60px;height:60px;top:-20px;right:-12px}.sp3-bub .elementor-icon-box-title{font-size:32px}}
@media (prefers-reduced-motion:reduce){.sp3-pics .elementor-widget-wrap > .elementor-widget,.sp3-bub .elementor-icon-box-wrapper,.sp3-txt .sp3-more .elementor-button{transition:none}}
/* belanja v2: gaya stiker */
.sp3-buyc .elementor-icon-box-wrapper{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);overflow:hidden;transition:box-shadow .2s}
.sp3-buyc:hover .elementor-icon-box-wrapper{box-shadow:10px 10px 0 var(--ink)}
.sp3-buyc .elementor-icon-box-wrapper::before{content:"";position:absolute;top:-56px;right:-56px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.14);box-shadow:0 0 0 28px rgba(255,255,255,.07);pointer-events:none}
.sp3-kat .elementor-icon-box-wrapper::before{background:rgba(255,255,255,.55);box-shadow:0 0 0 28px rgba(255,255,255,.28)}
.sp3-buyc .elementor-icon-box-icon,.sp3-buyc .elementor-icon-box-content{position:relative;z-index:1}
.sp3-buyc .elementor-icon{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.sp3-buyc .elementor-icon-box-wrapper::after{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);z-index:1;transition:transform .2s}
.sp3-buyc:hover .elementor-icon-box-wrapper::after{transform:translateX(4px)}
.sp3-buyc .elementor-icon-box-description{font-size:15px;line-height:1.5;max-width:30ch}
@media (max-width:767px){.sp3-buyc .elementor-icon-box-wrapper{box-shadow:4px 4px 0 var(--ink)}.sp3-buyc .elementor-icon-box-wrapper::before{width:130px;height:130px;top:-44px;right:-44px}}
/* hero v2: ikut gaya header (krem + aksen pink) */
.sp3-bnr .slick-list,.sp3-bnr .swiper{padding:0!important}
.sp3-bnr .uael-grid-item-content,.sp3-bnr .swiper-slide-inner{background:#FFFDF7;padding:6px;border:1px solid rgba(90,74,58,.18);border-radius:34px;box-shadow:0 18px 40px -22px rgba(90,74,58,.5)}
.sp3-bnr .uael-grid-img,.sp3-bnr .uael-grid-img-thumbnail{border-radius:28px;overflow:hidden}
.sp3-hero .sp3-bnr img{border-radius:28px}
.sp3-bnr .slick-slide{padding:0 2px 14px}
.sp3-bnr .slick-slider .slick-arrow,.sp3-bnr .elementor-swiper-button{width:46px!important;height:46px!important;border-radius:50%!important;background:#FFFDF7!important;border:1px solid rgba(90,74,58,.18)!important;box-shadow:0 4px 12px -4px rgba(90,74,58,.35)!important;font-size:0!important;z-index:5;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}
.sp3-bnr .slick-slider .slick-prev{left:20px!important}
.sp3-bnr .slick-slider .slick-next{right:20px!important}
.sp3-bnr .slick-slider .slick-arrow:hover,.sp3-bnr .elementor-swiper-button:hover{background:#FCE7EE!important}
.sp3-bnr .slick-slider .slick-arrow:active,.sp3-bnr .elementor-swiper-button:active{transform:scale(.94)}
.sp3-bnr .slick-slider .slick-prev:before,.sp3-bnr .slick-slider .slick-next:before{content:""!important;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;opacity:1!important;background:no-repeat center/20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C94F7C' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E")}
.sp3-bnr .slick-slider .slick-prev:before{transform:scaleX(-1)}
.sp3-bnr .elementor-swiper-button svg,.sp3-bnr .elementor-swiper-button i{fill:#C94F7C!important;color:#C94F7C!important;width:18px;height:18px;font-size:18px!important}
.sp3-bnr .slick-dots{display:flex!important;justify-content:center;align-items:center;gap:8px;bottom:-30px}
.sp3-bnr .slick-dots li{width:auto!important;height:auto!important;margin:0!important}
.sp3-bnr .slick-dots li button,.sp3-bnr .swiper-pagination-bullet{width:10px!important;height:10px!important;padding:0!important;border-radius:999px!important;background:#FFFDF7!important;border:1px solid rgba(90,74,58,.25)!important;opacity:1!important;font-size:0!important;transition:width .2s,background .2s}
.sp3-bnr .slick-dots li button:before{display:none!important}
.sp3-bnr .slick-dots li.slick-active button,.sp3-bnr .swiper-pagination-bullet-active{width:28px!important;background:#C94F7C!important;border-color:#C94F7C!important}
@media (max-width:767px){.sp3-bnr .uael-grid-item-content,.sp3-bnr .swiper-slide-inner{padding:4px;border-radius:26px}.sp3-hero .sp3-bnr img{border-radius:22px}.sp3-bnr .elementor-swiper-button{width:38px!important;height:38px!important}}
/* hero v2b: jarak dari logo + gelombang bawah seperti mockup */
.elementor-section.sp3-hero{position:relative;border-radius:0!important;padding-bottom:96px}
.elementor-section.sp3-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:64px;z-index:1;pointer-events:none;background:no-repeat bottom/100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath d='M0 40 C 180 0, 360 80, 540 40 S 900 0, 1080 40 S 1350 80, 1440 30 L1440 80 L0 80 Z' fill='%23FFFFFF'/%3E%3C/svg%3E")}
@media (min-width:768px){.elementor-section.sp3-hero{padding-top:60px}}
@media (max-width:767px){.elementor-section.sp3-hero{padding-bottom:64px}.elementor-section.sp3-hero::after{height:36px}}
/* hero v2c: panah di luar banner */
.sp3-hero .elementor-widget-uael-image-gallery{max-width:min(1600px,calc(100% - 136px))}
.sp3-bnr .slick-slider .slick-prev{left:-66px!important}
.sp3-bnr .slick-slider .slick-next{right:-66px!important}


/* produk terbaru v5: gaya stiker seperti bagian lain, grid 5 kolom */
.sp3-prods ul.products li.product{position:relative;display:flex!important;flex-direction:column;margin:0!important;width:auto!important;padding:10px 10px 16px!important;background:#fff;border:2px solid var(--ink);border-radius:24px;box-shadow:4px 4px 0 var(--ink);transition:box-shadow .2s}
.sp3-prods ul.products li.product:hover{box-shadow:8px 8px 0 var(--ink)}
.sp3-prods ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1}
.sp3-prods ul.products li.product a.woocommerce-LoopProduct-link > img{border-radius:16px!important;margin-bottom:12px!important;transition:transform .3s}
.sp3-prods ul.products li.product:hover a.woocommerce-LoopProduct-link > img{transform:scale(1.03) rotate(-1deg)}
.sp3-prods ul.products li.product .woocommerce-loop-product__title{padding:0 48px 0 4px!important;margin:0 0 10px!important}
.sp3-prods .sp3-pcat{display:inline-block;align-self:flex-start;margin:auto 4px 0!important;padding:4px 12px!important;background:#FFE58A!important;border:1.5px solid var(--ink);border-radius:999px;font-size:12px;font-weight:700;color:var(--ink)}
.sp3-prods ul.products li.product::after{content:"";position:absolute;right:14px;bottom:14px;width:38px;height:38px;border-radius:50%;pointer-events:none;background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E"),var(--ink);transition:transform .2s}
.sp3-prods ul.products li.product:hover::after{transform:rotate(45deg)}
.sp3-new .sp3-more .elementor-button{background:#FFD21F!important;border:2px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:10px 18px!important;text-decoration:none;transition:transform .15s,box-shadow .15s}
.sp3-new .sp3-more .elementor-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.sp3-new .sp3-more .elementor-button-text::after{content:"";display:inline-block;width:16px;height:16px;margin-left:8px;vertical-align:-3px;background:no-repeat center/16px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2440' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
@media (min-width:768px){
.sp3-prods ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
.sp3-prods ul.products::before,.sp3-prods ul.products::after{display:none!important}
}
@media (min-width:1025px){.sp3-prods ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px!important}}
@media (max-width:767px){.sp3-prods ul.products{padding:8px 16px 16px!important}.sp3-prods ul.products li.product{box-shadow:3px 3px 0 var(--ink)}.sp3-prods ul.products li.product::after{width:32px;height:32px;right:10px;bottom:12px;background-size:15px,auto}}
/* belanja: seluruh kartu bisa diklik (link judul diregangkan) */
.sp3-buyc .elementor-icon-box-wrapper{isolation:isolate;cursor:pointer}
.sp3-buyc .elementor-icon-box-wrapper::before{z-index:-1}
.sp3-buyc .elementor-icon-box-content{position:static}
.sp3-buyc .elementor-icon-box-title a::before{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit}
.sp3-buyc .elementor-icon-box-title a:focus-visible{outline:none}
.sp3-buyc .elementor-icon-box-wrapper:has(a:focus-visible){outline:3px solid var(--ink);outline-offset:4px}

/* HP: jarak kartu belanja ke footer */
@media (max-width:767px){.elementor-section.sp3-buy{padding-bottom:64px!important}}

/* HP: panah favorit di luar kartu */
@media (max-width:767px){.sp3-best .slick-slider{margin:0 22px 44px!important}.sp3-best .slick-slider .slick-arrow{width:32px!important;height:32px!important;box-shadow:2px 2px 0 var(--ink)!important}.sp3-best .slick-slider .slick-prev{left:-32px!important}.sp3-best .slick-slider .slick-next{right:-32px!important}.sp3-best .slick-slider .slick-prev:before,.sp3-best .slick-slider .slick-next:before{width:16px;height:16px;margin:-8px 0 0 -8px;background-size:16px 16px}}/* End custom CSS */