/* Petite Plates - shared stylesheet
   Design tokens: bg #F5E3D1, brand red #A73427, accent yellow #F2A71B,
   category greens/ambers/blues/purples, kids pink #C96B7A, WA green #258a4b */

*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{margin:0;background:#F5E3D1;font-family:'Nunito',sans-serif;color:#3a2a20;-webkit-font-smoothing:antialiased;max-width:100%;}
a{color:#A73427;text-decoration:none;}
a:hover{color:#F2A71B;}
::selection{background:#F2A71B;color:#5a3a00;}
input,textarea,select,button{font-family:'Nunito',sans-serif;}
::-webkit-scrollbar{height:8px;width:8px;}
::-webkit-scrollbar-thumb{background:rgba(167,52,39,.25);border-radius:99px;}
img{max-width:100%;}
button{font-family:inherit;}

.pp-page{min-height:100vh;background:#F5E3D1;}

/* ============ HEADER ============ */
.pp-header{position:sticky;top:0;z-index:60;background:rgba(245,227,209,.92);backdrop-filter:blur(10px);border-bottom:1px solid #E9CFB0;}
.pp-header-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 18px;gap:14px;}
.pp-logo-link{cursor:pointer;display:flex;align-items:center;gap:10px;grid-column:1;}
.pp-logo-link img{height:68px;width:auto;display:block;}
.pp-nav{grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;}
.pp-nav a.pp-nav-link{cursor:pointer;font-weight:700;font-size:15px;padding:8px 12px;border-radius:10px;color:#7a4a3a;transition:background-color .15s ease, color .15s ease;}
.pp-nav a.pp-nav-link.pp-nav-kids{color:#C96B7A;}
.pp-nav a.pp-nav-link.is-active{background:#A734271f;color:#A73427;}
.pp-nav a.pp-nav-link.pp-nav-kids.is-active{background:#C96B7A1f;color:#C96B7A;}
.pp-cart-btn{grid-column:3;position:relative;background:#A73427;border:none;color:#F5E3D1;width:44px;height:44px;border-radius:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(167,52,39,.3);flex:none;}
.pp-cart-badge{position:absolute;top:-6px;right:-6px;background:#F2A71B;color:#5a3a00;font-weight:800;font-size:12px;min-width:22px;height:22px;border-radius:99px;display:none;align-items:center;justify-content:center;padding:0 5px;border:2px solid #F5E3D1;}

@media (max-width:640px){
  .pp-header-inner{padding:8px 12px;gap:8px;}
  .pp-logo-link img{height:42px;}
  .pp-nav{gap:2px;justify-content:center;}
  .pp-nav a.pp-nav-link{font-size:12.5px;padding:7px 7px;}
  .pp-cart-btn{width:38px;height:38px;border-radius:11px;}
}
@media (max-width:360px){
  .pp-nav a.pp-nav-link{font-size:11.5px;padding:6px 5px;}
}

/* ============ BUTTONS ============ */
.pp-btn{font-family:'Baloo 2',cursive;font-weight:700;cursor:pointer;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;transition:transform .12s ease, box-shadow .12s ease;}
.pp-btn-primary{background:#A73427;color:#fff;font-size:17px;padding:15px 28px;box-shadow:0 8px 20px rgba(167,52,39,.28);}
.pp-btn-primary:hover{transform:translateY(-2px);}
.pp-btn-outline{background:transparent;color:#A73427;border:2px solid #A73427;font-size:17px;padding:13px 26px;}
.pp-btn-outline:hover{background:#A7342710;}
.pp-btn-wa{background:#258a4b;color:#fff;font-size:17px;padding:16px;width:100%;box-shadow:0 8px 20px rgba(37,138,75,.3);}
.pp-btn-wa:hover{transform:translateY(-2px);}
.pp-btn-wa-outline{background:transparent;color:#258a4b;border:1.5px solid #258a4b;font-size:15px;padding:13px;width:100%;}
.pp-btn-kids{background:#C96B7A;color:#fff;font-size:16px;padding:14px 26px;box-shadow:0 8px 20px rgba(201,107,122,.3);}
.pp-btn-kids-outline{background:transparent;color:#C96B7A;border:2px solid #C96B7A;font-size:17px;padding:14px 22px;}
.pp-btn-back{background:transparent;border:none;color:#A73427;font-weight:700;font-size:15px;cursor:pointer;padding:8px 0;margin-bottom:6px;display:inline-block;}
.pp-btn-back:hover{color:#F2A71B;}
.pp-stepper-btn{width:34px;height:34px;border-radius:9px;border:1.5px solid #E4C9A9;background:#fff;color:#C96B7A;font-weight:800;font-size:18px;cursor:pointer;line-height:1;}
.pp-stepper-btn--cart{width:32px;height:32px;color:#A73427;}

/* ============ PRODUCT CARD ============ */
.pp-card{cursor:pointer;width:100%;height:100%;box-sizing:border-box;background:#fff;border:1px solid #F0E0CD;border-radius:20px;padding:11px;display:flex;flex-direction:column;gap:9px;box-shadow:0 8px 22px rgba(122,52,39,.09);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;}
.pp-card:hover{border-color:#E6C9A9;box-shadow:0 14px 30px rgba(122,52,39,.16);transform:translateY(-3px);}
.pp-card-imgwrap{position:relative;aspect-ratio:5/7;border-radius:13px;overflow:hidden;background:#FBF3E8;flex:none;}
.pp-card-imgwrap img{width:100%;height:100%;object-fit:cover;display:block;}
.pp-card-rating{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.94);color:#A73427;font-family:'Baloo 2',cursive;font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px;display:flex;align-items:center;gap:3px;box-shadow:0 2px 6px rgba(0,0,0,.08);}
.pp-card-qtybadge{position:absolute;top:8px;right:8px;background:#258a4b;color:#fff;font-family:'Baloo 2',cursive;font-weight:800;font-size:13px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(37,138,75,.4);border:2px solid #fff;}
.pp-card-badges{display:flex;gap:6px;flex-wrap:wrap;}
.pp-badge-neutral{background:#F3ECE3;color:#8a6a52;font-weight:700;font-size:11px;padding:4px 9px;border-radius:999px;}
.pp-card-name{font-family:'Baloo 2',cursive;font-weight:700;font-size:15px;color:#3a2a20;line-height:1.15;}
.pp-card-desc{color:#9a8574;font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pp-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:2px;}
.pp-card-price{font-family:'Baloo 2',cursive;font-weight:800;color:#A73427;font-size:17px;}
.pp-add-btn{background:#F2A71B;border:none;color:#5a3a00;font-weight:800;min-width:36px;height:36px;border-radius:11px;cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(242,167,27,.4);}
.pp-add-btn:hover{background:#e59a10;}

/* ============ KIDS OPTION CARD ============ */
.pp-kids-card{cursor:pointer;background:#fff;border:2px solid #EFDDC7;border-radius:14px;padding:8px;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 16px rgba(122,52,39,.06);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.pp-kids-card:hover{transform:translateY(-2px);}
.pp-kids-card--big{border-radius:18px;padding:12px;}
.pp-kids-card.is-selected{border-color:#C96B7A;box-shadow:0 10px 22px rgba(201,107,122,.22);}
.pp-kids-card-imgwrap{position:relative;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(45deg,#F7ECDD,#F7ECDD 14px,#F1E1CC 14px,#F1E1CC 28px);display:flex;align-items:center;justify-content:center;flex:none;}
.pp-kids-card--big .pp-kids-card-imgwrap{aspect-ratio:4/3;border-radius:12px;}
.pp-kids-card-imgwrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.pp-kids-card-noimg{font-family:monospace;color:#a9856a;font-size:11px;text-align:center;line-height:1.3;padding:0 6px;}
.pp-kids-card-check{position:absolute;top:7px;right:7px;background:#258a4b;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 2px 6px rgba(37,138,75,.35);}
.pp-kids-card--big .pp-kids-card-check{width:24px;height:24px;font-size:13px;}
.pp-kids-card-label{font-family:'Baloo 2',cursive;font-weight:700;color:#3a2a20;font-size:13px;margin-top:8px;text-align:center;line-height:1.2;}
.pp-kids-card--big .pp-kids-card-label{font-weight:800;font-size:15px;margin-top:10px;}
.pp-kids-card-price{color:#C96B7A;font-weight:800;font-size:14px;margin-top:3px;text-align:center;}

/* ============ HOME: HERO ============ */
.pp-hero{background:#F5E3D1;position:relative;overflow:hidden;}
.pp-hero-inner{max-width:1200px;margin:0 auto;padding:clamp(34px,6vw,74px) 20px clamp(60px,7vw,90px);display:flex;flex-wrap:wrap;gap:36px;align-items:center;}
.pp-hero-text{flex:1 1 360px;min-width:280px;}
.pp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#5B2D82;color:#fff;font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;margin-bottom:20px;}
.pp-hero-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(38px,6.4vw,66px);color:#A73427;line-height:1.02;margin:0 0 18px;}
.pp-hero-title span{color:#F2A71B;}
.pp-hero-sub{font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#6b4a38;max-width:460px;margin:0 0 28px;}
.pp-hero-ctas{display:flex;gap:12px;flex-wrap:wrap;}
.pp-hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px;}
.pp-hero-trust-item{display:flex;align-items:center;gap:8px;color:#6b4a38;font-weight:700;font-size:14px;}
.pp-hero-trust-icon{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;}
.pp-hero-photo{flex:1 1 320px;min-width:280px;display:flex;justify-content:center;}
.pp-hero-photo-wrap{position:relative;width:100%;max-width:420px;}
.pp-hero-photo-glow{position:absolute;inset:-6% -4%;background:radial-gradient(circle at 60% 35%, #F2A71B33, transparent 60%);border-radius:50%;}
.pp-hero-slides{position:relative;width:100%;aspect-ratio:210/297;touch-action:pan-y;}
.pp-hero-slide{position:absolute;inset:0;box-sizing:border-box;background:#fff;border:1px solid #EFDDC7;border-radius:28px;padding:14px;box-shadow:0 22px 50px rgba(122,52,39,.16);transition:opacity .8s ease, transform .8s ease;}
.pp-hero-slide-img{width:100%;height:100%;border-radius:18px;background-size:cover;background-position:center top;}
.pp-hero-dots{position:absolute;bottom:34px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:2px;z-index:3;}
.pp-hero-dot-btn{background:none;border:none;padding:9px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;}
.pp-hero-dot{width:8px;height:8px;border-radius:50%;transition:background .4s ease, transform .4s ease;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.pp-hero-info-pill{position:absolute;bottom:-18px;left:-14px;z-index:5;background:#fff;border-radius:16px;padding:11px 15px;box-shadow:0 10px 24px rgba(122,52,39,.18);display:flex;align-items:center;gap:9px;transform:rotate(3deg);}
.pp-hero-info-icon{width:38px;height:38px;border-radius:11px;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2',cursive;font-weight:800;transition:background .5s ease;}
.pp-hero-info-name{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:14px;}
.pp-hero-info-sub{font-size:12px;color:#8a6a52;}

@media (max-width:700px){
  .pp-hero-inner{flex-direction:column;align-items:stretch;}
  .pp-hero-text{order:2;flex:none;min-width:0;}
  .pp-hero-photo{order:1;flex:none;min-width:0;margin-bottom:6px;}
  .pp-hero-photo-wrap{width:230px;max-width:230px;margin:0 auto;}
  .pp-hero-info-pill{padding:8px 11px;gap:7px;}
  .pp-hero-info-icon{width:30px;height:30px;font-size:12px;}
  .pp-hero-info-name{font-size:12px;}
  .pp-hero-info-sub{font-size:10.5px;}
}

/* ============ HOME: STATS ============ */
.pp-stats{max-width:920px;margin:-42px auto 0;padding:0 20px;position:relative;z-index:5;}
.pp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;}
.pp-stat-card{background:#fff;border:1px solid #EFDDC7;border-radius:20px;padding:22px 24px;box-shadow:0 10px 28px rgba(122,52,39,.08);}
.pp-stat-num{font-family:'Baloo 2',cursive;font-weight:800;font-size:38px;line-height:1;}
.pp-stat-label{color:#8a6a52;font-weight:600;margin-top:6px;}

@media (max-width:640px){
  .pp-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
  .pp-stat-card{padding:14px 8px;text-align:center;}
  .pp-stat-num{font-size:22px;}
  .pp-stat-label{font-size:10.5px;line-height:1.3;margin-top:4px;}
}

/* ============ HOME: CATEGORY SECTIONS ============ */
.pp-cat-section{padding:clamp(44px,6vw,74px) 20px;position:relative;overflow:hidden;}
.pp-cat-pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;}
.pp-cat-row{position:relative;z-index:1;display:flex;gap:40px;align-items:center;max-width:1200px;margin:0 auto;flex-direction:row;}
.pp-cat-row--rev{flex-direction:row-reverse;}
.pp-cat-col-text{flex:1 1 260px;min-width:240px;color:#fff;}
.pp-cat-eyebrow{display:inline-block;background:rgba(255,255,255,.18);color:#fff;font-weight:800;font-size:13px;padding:6px 13px;border-radius:999px;letter-spacing:.4px;}
.pp-cat-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(30px,4vw,44px);margin:14px 0 12px;line-height:1.05;}
.pp-cat-desc{color:rgba(255,255,255,.9);font-size:16px;line-height:1.6;max-width:340px;margin:0 0 22px;}
.pp-cat-cta{background:#fff;border:none;font-family:'Baloo 2',cursive;font-weight:700;font-size:15px;padding:12px 22px;border-radius:13px;cursor:pointer;}
.pp-cat-col-slider{flex:3 1 320px;min-width:0;}
.pp-cat-slider{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:6px 2px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;}
.pp-cat-slider .pp-card{width:224px;flex:none;scroll-snap-align:start;}

@media (max-width:860px){
  .pp-cat-row, .pp-cat-row--rev{flex-direction:column;gap:22px;align-items:stretch;}
  .pp-cat-col-text{text-align:center;}
  .pp-cat-desc{max-width:none;margin-left:auto;margin-right:auto;}
}

/* ============ HOME: KIDS MEAL TEASER ============ */
.pp-kids-teaser-panel{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,40px);align-items:center;background:#fff;border:1px solid #EFDDC7;border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:0 14px 36px rgba(122,52,39,.1);}
.pp-kids-teaser-photo{flex:1 1 320px;min-width:260px;}
.pp-kids-teaser-photo-inner{aspect-ratio:4/3;border-radius:20px;overflow:hidden;background:#F7ECDD;}
.pp-kids-teaser-photo-inner img{width:100%;height:100%;object-fit:cover;display:block;}
.pp-kids-teaser-text{flex:1 1 340px;min-width:260px;}
.pp-kids-teaser-price{display:inline-flex;align-items:center;gap:8px;background:#C96B7A;color:#fff;font-family:'Baloo 2',cursive;font-weight:800;font-size:14px;padding:7px 15px;border-radius:999px;margin-bottom:14px;}

@media (max-width:860px){
  .pp-kids-teaser-panel{max-width:440px;}
  .pp-kids-teaser-photo{flex:none;width:100%;}
  .pp-kids-teaser-text{flex:none;width:100%;text-align:center;}
  .pp-kids-teaser-text .pp-cat-eyebrow{margin:0 auto;}
  .pp-kids-teaser-text .pp-marketplace-desc{margin-left:auto;margin-right:auto;}
}

/* ============ HOME: TESTIMONIALS ============ */
.pp-testi-section{background:#F5E3D1;padding:clamp(50px,7vw,86px) 20px;}
.pp-testi-inner{max-width:1100px;margin:0 auto;}
.pp-testi-head{text-align:center;margin-bottom:36px;}
.pp-testi-eyebrow{color:#F2A71B;font-weight:800;letter-spacing:1px;font-size:14px;}
.pp-testi-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(28px,4vw,42px);color:#A73427;margin:8px 0 0;}
.pp-testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.pp-testi-card{background:#fff;border:1px solid #EFDDC7;border-radius:22px;padding:24px;box-shadow:0 10px 28px rgba(122,52,39,.07);display:flex;flex-direction:column;gap:14px;}
.pp-testi-stars{color:#F2A71B;font-size:17px;letter-spacing:2px;}
.pp-testi-text{margin:0;color:#5a4030;font-size:16px;line-height:1.6;}
.pp-testi-author{display:flex;align-items:center;gap:11px;margin-top:auto;}
.pp-testi-avatar{width:42px;height:42px;border-radius:50%;background:#A73427;color:#F2A71B;display:flex;align-items:center;justify-content:center;font-family:'Baloo 2',cursive;font-weight:800;flex:none;}
.pp-testi-name{font-family:'Baloo 2',cursive;font-weight:700;color:#3a2a20;}
.pp-testi-role{font-size:13px;color:#9a7a62;}

/* ============ HOME: MAP ============ */
.pp-map-section{background:#fff;padding:clamp(46px,6vw,78px) 20px;border-top:1px solid #EFDDC7;}
.pp-map-inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:30px;align-items:stretch;}
.pp-map-text{flex:1 1 280px;min-width:260px;display:flex;flex-direction:column;justify-content:center;}
.pp-map-eyebrow{color:#5B2D82;font-weight:800;letter-spacing:1px;font-size:14px;}
.pp-map-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(26px,3.5vw,38px);color:#A73427;margin:8px 0 16px;}
.pp-map-rows{display:flex;flex-direction:column;gap:14px;}
.pp-map-row{display:flex;gap:12px;}
.pp-map-row-icon{color:#A73427;font-size:20px;}
.pp-map-row-label{font-weight:800;color:#3a2a20;}
.pp-map-row-value{color:#7a5a48;}
.pp-map-embed{flex:1 1 340px;min-width:280px;}
.pp-map-embed iframe{width:100%;height:100%;min-height:280px;border-radius:22px;display:block;}
.pp-map-placeholder{width:100%;height:100%;min-height:280px;border-radius:22px;border:1px solid #E9CFB0;background:repeating-linear-gradient(45deg,#F7ECDD,#F7ECDD 16px,#F1E1CC 16px,#F1E1CC 32px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;}
.pp-map-placeholder span{font-family:monospace;color:#a9856a;font-size:14px;}
.pp-map-placeholder span:last-child{color:#bd9a7e;font-size:12px;}

/* ============ HOME: MARKETPLACE ============ */
.pp-marketplace-section{background:#F5E3D1;padding:clamp(40px,5vw,66px) 20px;}
.pp-marketplace-inner{max-width:1120px;margin:0 auto;text-align:center;}
.pp-marketplace-eyebrow{display:inline-block;background:#A734271f;color:#A73427;font-weight:800;font-size:13px;padding:6px 13px;border-radius:999px;letter-spacing:.4px;}
.pp-marketplace-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(26px,3.5vw,38px);color:#A73427;margin:14px 0 8px;}
.pp-marketplace-desc{color:#7a5a48;font-size:16px;line-height:1.6;margin:0 auto 28px;max-width:520px;}
.pp-marketplace-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
.pp-marketplace-link{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #F0E0CD;border-radius:18px;padding:16px 24px;text-decoration:none;box-shadow:0 8px 22px rgba(122,52,39,.08);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;flex:1 1 230px;max-width:260px;}
.pp-marketplace-link:hover{transform:translateY(-3px);}
.pp-marketplace-link.shopee:hover{border-color:#EE4D2D;box-shadow:0 14px 30px rgba(238,77,45,.2);}
.pp-marketplace-link.paxel:hover{border-color:#5B2D82;box-shadow:0 14px 30px rgba(91,45,130,.18);}
.pp-marketplace-link.tokopedia:hover{border-color:#42B549;box-shadow:0 14px 30px rgba(66,181,73,.2);}
.pp-marketplace-link.tiktokshop:hover{border-color:#000;box-shadow:0 14px 30px rgba(0,0,0,.18);}
@media (max-width:520px){
	.pp-marketplace-inner{text-align:left;}
	.pp-marketplace-desc{max-width:none;margin:0 0 22px;}
	.pp-marketplace-links{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
	.pp-marketplace-link{flex:none;max-width:none;flex-direction:column;align-items:center;gap:10px;padding:16px;text-align:center;}
	.pp-marketplace-name{font-size:16px;}
	.pp-marketplace-sub{font-size:12px;}
}
.pp-marketplace-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none;}
.pp-marketplace-name{display:block;font-family:'Baloo 2',cursive;font-weight:800;font-size:19px;}
.pp-marketplace-sub{font-size:12.5px;color:#9a8574;font-weight:600;}

/* ============ SHOP ============ */
.pp-shop-section{max-width:1200px;margin:0 auto;padding:clamp(26px,4vw,44px) 20px 70px;}
.pp-page-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(30px,4.5vw,46px);color:#A73427;margin:0 0 6px;}
.pp-page-sub{color:#8a6a52;font-size:16px;margin:0;}
.pp-shop-toolbar{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #EFE1D0;border-radius:18px;padding:18px 20px;margin:22px 0 16px;box-shadow:0 2px 12px rgba(120,80,40,.05);}
.pp-shop-search{display:flex;align-items:center;gap:8px;width:100%;background:#FBF5EC;border:1px solid #EADCC8;border-radius:999px;padding:6px 6px 6px 18px;}
.pp-search-icon{display:flex;color:#c3a488;flex:none;}
.pp-search-input{flex:1;min-width:0;border:none;background:transparent;color:#5c3f2d;font-family:'Nunito',sans-serif;font-size:15px;padding:9px 0;}
.pp-search-input:focus{outline:none;}
.pp-search-btn{flex:none;padding:9px 20px;border-radius:999px;border:none;background:#A73427;color:#fff;font-family:'Baloo 2',cursive;font-weight:700;font-size:14px;cursor:pointer;}
.pp-search-btn:hover{background:#8f2b21;}
.pp-fgroups{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;}
.pp-fgroup{display:flex;align-items:center;gap:9px;flex:1 1 240px;}
.pp-fgroup-label{font-size:12px;font-weight:700;color:#b39a83;flex:none;}
.pp-track{display:flex;flex:1;background:#F3E9DC;border-radius:999px;padding:4px;gap:2px;}
.pp-fbtn{flex:1;text-align:center;white-space:nowrap;padding:8px 15px;border-radius:999px;border:none;font-family:'Baloo 2',cursive;font-weight:700;font-size:13.5px;cursor:pointer;transition:.15s;background:transparent;color:#9a7c64;}
.pp-fbtn.is-active{background:#fff;box-shadow:0 1px 4px rgba(120,80,40,.15);color:#A73427;}
.pp-reset-btn{margin-left:auto;background:none;border:none;font-family:'Baloo 2',cursive;font-weight:700;font-size:13.5px;padding:8px 6px;transition:.15s;color:#cbb9a6;cursor:not-allowed;opacity:.7;}
.pp-reset-btn:not(:disabled){color:#A73427;cursor:pointer;opacity:1;}
.pp-reset-btn:hover:not(:disabled){text-decoration:underline;}
.pp-result-count{color:#9a7a62;font-weight:600;font-size:14px;margin-bottom:16px;}
.pp-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;}
.pp-empty-msg{text-align:center;padding:60px 20px;color:#a9856a;}

@media (max-width:640px){
	.pp-shop-toolbar{padding:16px;}
	.pp-fgroups{gap:12px;}
	.pp-fgroup{flex:1 1 100%;align-items:flex-start;flex-direction:column;gap:6px;}
	.pp-track{flex-wrap:wrap;width:100%;}
	.pp-fbtn{flex:1 1 auto;padding-left:12px;padding-right:12px;}
	.pp-reset-btn{margin-left:0;}
	.pp-shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;}
}
@media (max-width:400px){
	.pp-shop-grid{grid-template-columns:repeat(2,1fr);}
}

/* ============ DETAIL ============ */
.pp-detail-section{max-width:1080px;margin:0 auto;padding:clamp(20px,3vw,34px) 20px 70px;}
.pp-detail-layout{display:flex;flex-wrap:wrap;gap:clamp(24px,4vw,48px);align-items:flex-start;}
.pp-detail-photo{flex:1 1 320px;min-width:280px;position:sticky;top:80px;}
.pp-detail-photo-inner{background:#FBF3E8;border:1px solid #EFDDC7;border-radius:26px;padding:16px;box-shadow:0 16px 40px rgba(122,52,39,.12);height:50vh;box-sizing:border-box;}
.pp-detail-photo-inner img{width:100%;height:100%;display:block;border-radius:16px;object-fit:contain;}
.pp-detail-thumbs{display:flex;gap:8px;margin-top:12px;}
.pp-detail-thumb-btn{padding:0;border:2px solid transparent;border-radius:10px;background:none;cursor:pointer;line-height:0;flex:0 0 auto;width:52px;}
.pp-detail-thumb-btn img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px;display:block;}
.pp-detail-thumb-btn.is-active{border-color:#A73427;}
.pp-detail-info{flex:1 1 340px;min-width:280px;}
@media (max-width:760px){
	.pp-detail-photo{position:static;top:auto;}
}
.pp-detail-cat-badge{display:inline-block;color:#fff;font-weight:800;font-size:13px;padding:6px 14px;border-radius:999px;}
.pp-detail-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(30px,4.5vw,46px);color:#A73427;margin:14px 0 10px;line-height:1.05;}
.pp-detail-rating{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.pp-detail-stars{color:#F2A71B;font-size:17px;letter-spacing:1px;}
.pp-detail-rating-label{color:#8a6a52;font-weight:600;font-size:14px;}
.pp-detail-price{font-family:'Baloo 2',cursive;font-weight:800;font-size:34px;color:#A73427;margin-bottom:18px;}
.pp-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px;}
.pp-detail-badges .pp-badge-neutral{font-size:13px;padding:6px 12px;}
.pp-badge-purple{background:#5B2D821a;color:#5B2D82;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;}
.pp-badge-green{background:#6B8E4E1a;color:#537039;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;}
.pp-badge-frozen{background:#2F80B31a;color:#2F80B3;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;}
.pp-card-badges .pp-badge-frozen{font-size:11px;padding:4px 10px;}
.pp-badge-bestseller{background:#F2A71B;color:#fff;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;}
.pp-card-badges .pp-badge-bestseller{font-size:11px;padding:4px 10px;}
.pp-detail-desc{color:#5a4030;font-size:16px;line-height:1.65;margin:0 0 22px;}
.pp-panel{background:#fff;border:1px solid #EFDDC7;border-radius:20px;padding:20px 22px;margin-bottom:16px;}
.pp-panel-title{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:18px;margin-bottom:14px;}
.pp-nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;}
.pp-nutrition-item{display:flex;align-items:center;gap:9px;color:#5a4030;font-weight:600;font-size:14px;}
.pp-nutrition-dot{width:9px;height:9px;border-radius:50%;flex:none;}
.pp-composition-text{margin:0;color:#7a5a48;font-size:15px;line-height:1.6;}
.pp-detail-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.pp-detail-actions-secondary{display:flex;gap:12px;}
.pp-btn-add-detail{background:#A73427;color:#fff;border:none;font-family:'Baloo 2',cursive;font-weight:700;font-size:18px;padding:17px 26px;border-radius:16px;cursor:pointer;box-shadow:0 10px 24px rgba(167,52,39,.28);}
.pp-btn-add-detail:hover{transform:translateY(-2px);}
.pp-btn-icon-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:none;color:#fff;border-radius:14px;padding:0 18px;font-family:'Baloo 2',cursive;font-weight:700;font-size:14px;cursor:pointer;flex:1 1 0;height:48px;}
.pp-btn-icon-action:hover{transform:translateY(-2px);}
.pp-btn-icon-action--wa{background:#258a4b;box-shadow:0 8px 18px rgba(37,138,75,.28);}
.pp-btn-icon-action--share{background:#3E7CB1;box-shadow:0 8px 18px rgba(62,124,177,.28);}

@media (max-width:760px){
	.pp-detail-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;flex-direction:row;margin:0;gap:8px;flex-wrap:nowrap;background:#fff;border-top:1px solid #EFDDC7;box-shadow:0 -8px 24px rgba(122,52,39,.14);padding:10px 16px calc(10px + env(safe-area-inset-bottom));}
	.pp-detail-actions-secondary{gap:8px;}
	.pp-btn-icon-action{padding:0 14px;height:50px;}
	.pp-btn-icon-action span{display:none;}
	.pp-btn-add-detail{flex:1 1 auto;font-size:15px;padding:0 16px;height:50px;}
	.pp-detail-section{padding-bottom:96px;}
}

/* ============ CART ============ */
.pp-cart-section{max-width:820px;margin:0 auto;padding:clamp(24px,4vw,42px) 20px 70px;}
.pp-cart-list{display:flex;flex-direction:column;gap:12px;}
.pp-cart-line{position:relative;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #EFDDC7;border-radius:18px;padding:12px;box-shadow:0 6px 18px rgba(122,52,39,.06);}
.pp-cart-thumb{width:64px;height:80px;object-fit:cover;object-position:center top;border-radius:12px;background:#FBF3E8;flex:none;display:block;}
.pp-cart-thumb-placeholder{width:64px;height:80px;border-radius:12px;background:repeating-linear-gradient(45deg,#F7ECDD,#F7ECDD 8px,#F1E1CC 8px,#F1E1CC 16px);flex:none;display:flex;align-items:center;justify-content:center;}
.pp-cart-thumb-placeholder span{font-family:monospace;color:#a9856a;font-size:9px;text-align:center;}
.pp-cart-line-body{flex:1;min-width:0;}
.pp-cart-line-name{font-family:'Baloo 2',cursive;font-weight:700;color:#3a2a20;font-size:16px;line-height:1.2;}
.pp-cart-line-detail{color:#9a8574;font-size:12px;margin-top:2px;line-height:1.4;}
.pp-cart-line-price{color:#A73427;font-weight:800;font-size:15px;margin-top:2px;}
.pp-cart-qty{display:flex;align-items:center;gap:8px;flex:none;}
.pp-cart-qty-val{min-width:22px;text-align:center;font-weight:800;color:#3a2a20;}
.pp-cart-line-total{width:96px;text-align:right;font-weight:800;color:#3a2a20;flex:none;font-size:15px;}
.pp-cart-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #EFDDC7;border-radius:50%;box-shadow:0 3px 8px rgba(122,52,39,.15);color:#c39a82;cursor:pointer;font-size:14px;line-height:1;padding:0;}
.pp-cart-remove:hover{color:#A73427;}

@media (max-width:640px){
  .pp-cart-line{display:grid;grid-template-columns:64px 1fr auto;grid-template-rows:auto auto;column-gap:10px;row-gap:4px;align-items:start;}
  .pp-cart-thumb,.pp-cart-thumb-placeholder{grid-column:1;grid-row:1/3;align-self:center;}
  .pp-cart-line-body{grid-column:2;grid-row:1/3;}
  .pp-cart-qty{grid-column:3;grid-row:1;justify-self:end;align-self:start;}
  .pp-cart-line-total{grid-column:3;grid-row:2;justify-self:end;align-self:end;width:auto;}
}
.pp-summary-card{background:#fff;border:1px solid #EFDDC7;border-radius:20px;padding:22px;margin-top:20px;}
.pp-summary-row{display:flex;justify-content:space-between;color:#7a5a48;font-weight:600;margin-bottom:10px;}
.pp-summary-divider{height:1px;background:#EFDDC7;margin-bottom:14px;}
.pp-summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.pp-summary-total-label{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:19px;}
.pp-summary-total-value{font-family:'Baloo 2',cursive;font-weight:800;color:#A73427;font-size:24px;}
.pp-cart-actions{display:flex;flex-direction:column;gap:12px;}
.pp-cart-actions-row{display:flex;gap:12px;flex-wrap:wrap;}
.pp-cart-actions-row .pp-btn{flex:1 1 200px;}
.pp-empty-cart{text-align:center;padding:50px 20px;background:#fff;border:1px solid #EFDDC7;border-radius:24px;}
.pp-empty-cart-icon{font-size:46px;margin-bottom:10px;}
.pp-empty-cart-title{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:20px;margin-bottom:6px;}

/* ============ CHECKOUT ============ */
.pp-checkout-section{max-width:1000px;margin:0 auto;padding:clamp(24px,4vw,42px) 20px 70px;}
.pp-checkout-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;align-items:start;}
@media (max-width:860px){ .pp-checkout-grid{grid-template-columns:1fr;} }
.pp-form-label{display:block;font-weight:700;color:#7a5a48;font-size:14px;margin-bottom:6px;}
.pp-form-label .req{color:#c0392b;}
.pp-form-input{width:100%;padding:13px 15px;border:1.5px solid #E4C9A9;border-radius:12px;font-size:15px;background:#FDF8F1;margin-bottom:16px;outline:none;color:#3a2a20;}
.pp-form-input.has-error{border-color:#c0392b;background:#fdf1ef;}
.pp-form-input textarea, textarea.pp-form-input{resize:vertical;}
.pp-form-error{color:#c0392b;font-size:13px;font-weight:600;margin:-10px 0 14px;}
.pp-checkout-summary-line{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#5a4030;}
.pp-checkout-summary-lines{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.pp-checkout-note{text-align:center;color:#9a7a62;font-size:13px;margin:12px 0 0;}

/* ============ KIDS MEAL BUILDER ============ */
.pp-kids-section{max-width:1200px;margin:0 auto;padding:clamp(24px,4vw,42px) 20px 90px;}
.pp-kids-head-badge{display:inline-block;background:#C96B7A1f;color:#C96B7A;font-weight:800;font-size:13px;padding:6px 13px;border-radius:999px;letter-spacing:.4px;}
.pp-kids-builder-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;}
@media (max-width:860px){ .pp-kids-builder-grid{grid-template-columns:1fr;} }
.pp-kids-steps{display:flex;flex-direction:column;gap:32px;padding-top:22px;}
.pp-kids-step-title{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:18px;margin-bottom:12px;}
.pp-kids-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,150px));gap:12px;}
.pp-kids-step-grid--paket{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
@media (max-width:640px){
  .pp-kids-step-grid,
  .pp-kids-step-grid--paket{grid-template-columns:repeat(2,1fr);}
}
.pp-kids-extra{background:#fff;border:1px solid #EFDDC7;border-radius:20px;padding:22px;}
.pp-kids-extra-title{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:16px;margin-bottom:16px;}
.pp-kids-extra-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:18px;}
.pp-kids-portion{display:flex;align-items:center;gap:10px;}
.pp-kids-portion-val{min-width:20px;text-align:center;font-weight:800;color:#3a2a20;}
.pp-kids-allergy{flex:1 1 220px;min-width:200px;}
.pp-kids-input{width:100%;padding:12px 14px;border:1.5px solid #E4C9A9;border-radius:11px;font-size:14px;background:#FDF8F1;outline:none;color:#3a2a20;}
.pp-kids-input.textarea{resize:vertical;}
.pp-kids-summary-card{background:#fff;border:1px solid #EFDDC7;border-radius:20px;padding:22px;position:sticky;top:80px;}
.pp-kids-summary-title{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:18px;margin-bottom:16px;}
.pp-kids-summary-rows{display:flex;flex-direction:column;gap:10px;font-size:14px;color:#5a4030;margin-bottom:14px;}
.pp-kids-summary-row{display:flex;justify-content:space-between;gap:10px;}
.pp-kids-summary-row span:last-child{font-weight:700;text-align:right;}
.pp-kids-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.pp-kids-total-label{font-family:'Baloo 2',cursive;font-weight:800;color:#3a2a20;font-size:18px;}
.pp-kids-total-value{font-family:'Baloo 2',cursive;font-weight:800;color:#A73427;font-size:22px;}
.pp-kids-note{text-align:center;color:#9a7a62;font-size:12.5px;margin:10px 0 0;}

/* ============ INFO PAGES ============ */
.pp-info-section{max-width:820px;margin:0 auto;padding:clamp(24px,4vw,46px) 20px 80px;}
.pp-info-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:clamp(30px,4.5vw,46px);color:#A73427;margin:14px 0 10px;line-height:1.1;}
.pp-info-intro{color:#7a5a48;font-size:17px;line-height:1.6;margin:0 0 30px;max-width:640px;}
.pp-info-sections{display:flex;flex-direction:column;gap:26px;}
.pp-info-card{background:#fff;border:1px solid #EFDDC7;border-radius:20px;padding:clamp(20px,3vw,30px);box-shadow:0 8px 24px rgba(122,52,39,.06);}
.pp-info-card h2{font-family:'Baloo 2',cursive;font-weight:800;font-size:20px;color:#3a2a20;margin:0 0 12px;line-height:1.25;}
.pp-info-card p{color:#5a4030;font-size:15.5px;line-height:1.7;margin:0;}
.pp-info-card p + p{margin-top:11px;}
.pp-info-cta{margin-top:34px;background:#F5E3D1;border-radius:22px;padding:clamp(22px,3vw,32px);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;}
.pp-info-cta-title{font-family:'Baloo 2',cursive;font-weight:800;font-size:19px;color:#A73427;}
.pp-info-cta-sub{color:#7a5a48;font-size:14.5px;margin-top:4px;}
.pp-info-cta-btn{background:#258a4b;color:#fff;font-family:'Baloo 2',cursive;font-weight:700;font-size:15px;padding:13px 22px;border-radius:14px;text-decoration:none;white-space:nowrap;}
.pp-info-cta-btn:hover{color:#fff;opacity:.9;}
.pp-info-not-found{text-align:center;padding:60px 20px;color:#a9856a;}

/* ============ FOOTER ============ */
.pp-footer{background:#A73427;color:#F5E3D1;padding:clamp(40px,5vw,60px) 20px 26px;}
.pp-footer-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:36px;align-items:start;}
@media (max-width:760px){ .pp-footer-grid{grid-template-columns:1fr 1fr;} }
@media (max-width:480px){ .pp-footer-grid{grid-template-columns:1fr;} }
.pp-footer-logo{height:80px;width:auto;display:block;margin-bottom:14px;filter:drop-shadow(0 1px 0 rgba(0,0,0,.05));background:#F5E3D1;padding:10px 16px;border-radius:16px;}
.pp-footer-desc{color:rgba(245,227,209,.82);line-height:1.6;font-size:15px;max-width:300px;margin:0;}
.pp-footer-heading{font-family:'Baloo 2',cursive;font-weight:800;font-size:17px;margin-bottom:14px;}
.pp-footer-links{display:flex;flex-direction:column;gap:10px;}
.pp-footer-links a{cursor:pointer;color:rgba(245,227,209,.82);font-weight:600;}
.pp-footer-links a:hover{color:#fff;}
.pp-footer-links span{color:rgba(245,227,209,.7);}
.pp-footer-bottom{max-width:1100px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(245,227,209,.2);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;color:rgba(245,227,209,.65);font-size:13px;}
.pp-footer-bottom a{color:rgba(245,227,209,.9);text-decoration:underline;}