/* PET SWAD customer reference theme — shared across the existing PHP flows. */
:root{--ps-green:#084c29;--ps-orange:#ff6209;--ps-cream:#fff3e6;--ps-ink:#142019;--ps-muted:#69716e;--ps-line:#eeeee8;--ps-shadow:0 5px 22px #24352109}
body.ps-page{--primary:var(--ps-orange)!important;--text-main:var(--ps-ink)!important;--text-sub:var(--ps-muted)!important;background:#f4f5f1!important;color:var(--ps-ink)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;padding-bottom:88px!important;line-height:1.5}
body.ps-page :is(.app,.app-container){width:100%!important;max-width:860px!important;min-height:100dvh;margin-inline:auto!important;background:#fffefb!important;box-shadow:none!important;padding-bottom:110px!important}
body.ps-page *{box-sizing:border-box}body.ps-page img{max-width:100%}body.ps-page button,body.ps-page a{-webkit-tap-highlight-color:transparent}body.ps-page button{font-family:inherit}body.ps-page :is(button,a,input,select,textarea):focus-visible{outline:3px solid #218651;outline-offset:3px}body.ps-page :is(input,select,textarea){font-size:16px!important}body.ps-page :is(h1,h2,h3){color:var(--ps-ink);letter-spacing:-.035em;line-height:1.2}
body.ps-page :is(.top-header,.top-nav-bar,.app-header,.header){background:#fffefb!important;border-bottom:1px solid var(--ps-line)!important;box-shadow:none!important;padding:18px 20px!important;min-height:78px}
body.ps-page :is(.brand-logo,.brand-logo-img,.logo-img,.header-logo){object-fit:contain!important;width:148px!important;max-width:42vw!important;height:48px!important}
.ps-reference-nav{position:fixed;z-index:900;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:860px;display:grid;grid-template-columns:repeat(5,1fr);padding:10px 8px calc(10px + env(safe-area-inset-bottom));background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e9ece6;box-shadow:0 -5px 20px #19382206}
.ps-reference-nav a{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:46px;color:#68716e;text-decoration:none;font-size:11px;font-weight:600}.ps-reference-nav svg{width:24px;height:24px}.ps-reference-nav a[aria-current]{color:#ed5600}.ps-reference-nav a[aria-current]:after{content:'';position:absolute;bottom:-7px;width:32px;height:3px;background:var(--ps-orange);border-radius:5px}
body.ps-page :is(.bottom-nav,.home-bottom-nav){display:none!important}
body.ps-page :is(.bottom-sticky-bar,.action-bar,.bottom-action-bar){bottom:calc(77px + env(safe-area-inset-bottom))!important;max-width:836px!important;border:1px solid var(--ps-line)!important;background:#fffefbf5!important;border-radius:20px!important;box-shadow:0 -4px 22px #1b40200b!important}
body.ps-page .cart-float-bar{bottom:calc(86px + env(safe-area-inset-bottom))!important;background:var(--ps-green)!important}
body.ps-page :is(.btn-checkout-proceed,.btn-buy,.pay,.send-btn,.btn-save,.btn-browse-menu,.btn-browse,.btn-track-action){background:linear-gradient(100deg,#ff720b,#ff5600)!important;color:#fff!important;border:0!important;border-radius:16px!important;min-height:48px;box-shadow:none!important;font-weight:750!important}
body.ps-page :is(.ps-screen-heading,.cart-header-row){padding:26px 20px 18px!important;margin:0!important}body.ps-page :is(.ps-screen-heading h1,.cart-title){font-size:30px!important;font-weight:850!important;margin:0 0 5px!important}body.ps-page .ps-screen-heading p{font-size:14px;color:var(--ps-muted);margin:0}
/* Home and Explore */
body.ps-page-index .top-header{grid-template-columns:minmax(105px,1fr) minmax(130px,1fr) 38px!important;padding:16px!important;gap:10px!important}body.ps-page-index .top-header .brand-logo{width:145px!important;height:46px!important}body.ps-page-index .top-header .address-bar{background:transparent!important;padding:6px!important}body.ps-page-index .top-header .address-text .main{font-size:13px!important}.ps-page-index .search-box{min-height:52px!important;border:1px solid #e3e8df!important;border-radius:16px!important;box-shadow:var(--ps-shadow)!important}.ps-page-index .search-box input{font-size:13px!important}.ps-page-index .filter-btn-top{border-radius:14px!important;background:var(--ps-cream)!important;color:#ef5c00!important}
body.ps-page-index .ps-featured{margin:18px 16px 24px!important;min-height:230px!important;background:#073e21!important;isolation:isolate;border-radius:24px!important;overflow:hidden}.ps-page-index .ps-featured-cover{opacity:.58!important}.ps-page-index .ps-featured-content{background:linear-gradient(90deg,#063a20 0%,#063a20d9 40%,transparent 100%)!important;min-height:230px;padding:24px!important}.ps-page-index .ps-featured-logo{display:none!important}body.ps-page-index .ps-featured h1{color:white!important;font-size:32px!important;max-width:340px;font-weight:850!important}.ps-page-index .ps-featured-kicker{font-size:10px!important;letter-spacing:1.5px;text-transform:uppercase;color:#e6efcf!important}.ps-page-index .ps-featured p{color:#f1f6ec!important}.ps-page-index .ps-featured-link{font-size:13px!important;padding:12px 20px!important}
body.ps-page-index .section-header{padding-inline:16px!important}body.ps-page-index .section-header h3{font-size:23px!important;color:#142019!important}.ps-page-index .section-header h3 i{display:none}.ps-page-index .category-scroll{padding:0 16px 18px!important;gap:14px!important}.ps-page-index .cat-icon-box{border-radius:22px!important;width:70px!important;height:70px!important;background:#f8efdf!important;box-shadow:none!important}.ps-page-index .cat-icon-box img{border-radius:22px!important}.ps-page-index .cat-name{font-size:12px!important;font-weight:750!important}.ps-page-index .cat-item.active .cat-icon-box{outline:2px solid #197347!important;border-color:transparent!important}.ps-page-index .ps-quick-actions a{background:#f1f8ee!important;color:#14582c!important;min-height:44px}.ps-page-index .home-restaurants{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 18px!important;gap:14px!important;overflow:visible!important}.ps-page-index .home-restaurant{width:100%!important;min-width:0!important;flex:none!important;border:1px solid var(--ps-line)!important;border-radius:18px!important;background:white;box-shadow:var(--ps-shadow)!important}.ps-page-index .home-restaurant img{height:auto!important;aspect-ratio:1.6;object-fit:cover}.ps-page-index .home-restaurant strong{font-size:17px!important}.ps-page-index .restaurant-heart{width:32px;height:32px;font-size:21px;background:#ffffffef}
body.ps-page-index .dishes-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 16px!important;gap:14px!important}body.ps-page-index .grid-card{border-radius:18px!important;background:#fff!important;box-shadow:var(--ps-shadow)!important}body.ps-page-index .grid-card-img{height:auto!important;aspect-ratio:1.25!important}body.ps-page-index .grid-card-title{font-size:16px!important;font-weight:800!important;min-height:38px}body.ps-page-index .grid-card-desc{font-size:12px!important}.ps-page-index .home-chips button.active{background:#116233!important}.ps-page-explore .category-scroll{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px!important;overflow:visible}.ps-page-explore .cat-item{min-width:0!important;width:auto!important}.ps-page-explore .cat-icon-box{width:100%!important;height:auto!important;aspect-ratio:1!important}.ps-page-explore .cat-name{white-space:normal}.ps-page-explore .ps-featured{min-height:170px!important}.ps-page-explore .ps-featured-content{min-height:170px!important}
/* Cart / payment */
.ps-page-cart .cart-card{margin:0 16px 14px!important;background:white!important;border:1px solid var(--ps-line)!important;border-radius:20px!important;box-shadow:var(--ps-shadow)!important;padding:12px!important;gap:14px!important}.ps-page-cart .card-img-wrap{width:112px!important;min-width:112px!important;height:112px!important;border-radius:14px!important}.ps-page-cart .item-title-text{font-size:17px!important;font-weight:800!important}.ps-page-cart .item-desc-text{font-size:12px!important}.ps-page-cart .current-price{font-size:21px!important}.ps-page-cart .qty-pill-control{padding:4px!important;border-radius:24px!important;background:var(--ps-cream)!important;gap:7px!important}.ps-page-cart .qty-btn-action{width:32px!important;height:32px!important;background:white!important;border-radius:50%;font-size:20px!important}.ps-page-cart .qty-val-num{font-size:14px!important}.ps-page-cart .coupon-banner-card{border:1px solid #dcebd6!important;background:#edf7e9!important;border-radius:18px!important;padding:18px!important}.ps-page-cart .coupon-icon-box{background:#14652e!important;color:white!important}.ps-page-cart .bill-details-card{border:1px solid var(--ps-line)!important;border-radius:20px!important;box-shadow:var(--ps-shadow)!important;margin:18px 16px!important;padding:20px!important}.ps-page-cart .bill-card-title{font-size:21px!important}.ps-page-cart .bill-line-item{font-size:14px!important;line-height:1.7}.ps-page-cart .bill-total-pay{font-size:22px!important}.ps-page-cart .clear-cart-btn{background:#fff0e3!important;border:0!important;color:#d95300!important;min-height:40px;border-radius:24px!important}
body.ps-page-checkout{padding-bottom:0!important}body.ps-page-checkout .app{max-width:680px!important;background:#fffefb!important;padding:20px 20px 130px!important}body.ps-page-checkout .bottom{bottom:12px!important;max-width:650px!important}.ps-page-checkout .brand b{color:var(--ps-green)!important}.ps-page-checkout .brand b span{color:var(--ps-orange)!important}.ps-page-checkout .hero h1{font-size:29px!important}.ps-page-checkout .method{border-radius:20px!important;box-shadow:var(--ps-shadow)!important;padding:20px!important}.ps-page-checkout .method.selected{background:#fff5eb!important;border-color:#ff6b16!important;padding:19px!important}.ps-page-checkout .method-copy h2{font-size:19px!important}.ps-page-checkout .ps-payment-summary{background:#f1f7ed!important;border:0!important}.ps-page-checkout .pay{border-radius:18px!important;min-height:54px!important}.ps-page-pay .header-card{background:var(--ps-green)!important}
/* Restaurant and dish details */
.ps-page-restaurant .restaurant-banner{margin:0 16px 22px!important;border-radius:0 0 24px 24px!important;background:linear-gradient(130deg,#064023,#176337)!important;padding:30px 22px!important;color:white!important}.ps-page-restaurant .r-name{font-size:30px!important;font-weight:850!important}.ps-page-restaurant .r-info{flex-wrap:wrap!important;gap:12px!important}.ps-page-restaurant .category-title{font-size:23px!important;color:var(--ps-ink)!important;padding-block:12px!important}.ps-page-restaurant .item-card{background:white!important;border:0!important;border-bottom:1px solid var(--ps-line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:20px 16px!important;gap:16px!important}.ps-page-restaurant .item-card .item-image{width:128px!important;height:128px!important;border-radius:16px!important}.ps-page-restaurant .item-name{font-size:19px!important}.ps-page-restaurant .item-desc{font-size:13px!important;line-height:1.5!important}.ps-page-restaurant .item-price .current{font-size:22px!important}.ps-page-restaurant .add-btn{background:#fff!important;border:1px solid #ff650d!important;border-radius:12px!important;color:#e65300!important;min-height:42px;min-width:75px;font-weight:800!important}.ps-page-restaurant .btn-cart{background:var(--ps-green)!important;color:#fff!important}
.ps-page-item .image-showcase{height:auto!important;aspect-ratio:1.7!important;border-radius:0 0 24px 24px;overflow:hidden}.ps-page-item .image-showcase img{width:100%;height:100%;object-fit:cover}.ps-page-item .product-info{padding:24px!important;border-radius:24px;background:#fffefb!important}.ps-page-item .product-name{font-size:30px!important}.ps-page-item .price-current{font-size:30px!important;color:#f45c00!important}.ps-page-item .product-description{font-size:15px!important;line-height:1.7!important}.ps-page-item .rec-card{border:1px solid var(--ps-line)!important;border-radius:16px!important}.ps-page-item .btn-cart{background:#fff0e4!important;color:#db5100!important}.ps-page-item .btn-action{border-radius:14px!important;min-height:50px!important}
/* Orders, tracking, account */
.ps-page-orders .filter-tabs{padding:0 16px 16px!important;gap:9px!important}.ps-page-orders .filter-tabs a{border-radius:24px!important;background:white!important;border:1px solid var(--ps-line)!important;padding:12px 18px!important;font-size:13px!important;white-space:nowrap}.ps-page-orders .filter-tabs a.active{background:var(--ps-orange)!important;color:white!important;border-color:var(--ps-orange)!important}.ps-page-orders .order-card{margin:0 16px 18px!important;border:1px solid var(--ps-line)!important;border-radius:20px!important;box-shadow:var(--ps-shadow)!important;padding:20px!important}.ps-page-orders .amount-block{font-size:24px!important;color:#ed5e00!important}.ps-page-orders .order-meta{font-size:13px!important;flex-wrap:wrap}.ps-page-orders .tracking-info{border-radius:16px!important;background:#eef7e9!important}.ps-page-orders .action-item{font-size:12px!important;min-height:44px;color:#d95100!important}.ps-page-orders .item-thumbnail{width:76px!important;height:76px!important;border-radius:12px!important}
.ps-page-profile .profile-hero{background:linear-gradient(120deg,#fff8ee,#f4f5e5)!important;color:var(--ps-ink)!important;border-radius:24px!important;margin:16px!important;box-shadow:none!important;padding:22px!important}.ps-page-profile .user-name{color:var(--ps-ink)!important;font-size:27px!important}.ps-page-profile .user-contact-item{color:#64716a!important;font-size:13px!important}.ps-page-profile .hero-pattern{display:none}.ps-page-profile .edit-profile-btn{background:#ffead6!important;color:#d95200!important;border:0!important;border-radius:14px!important;padding:12px!important}.ps-page-profile .member-badge{background:#e5edda!important;color:#245b30!important}.ps-page-profile .hero-stats-bar{border-top:1px solid #e3e8d7!important;background:transparent!important;color:#384b3b!important}.ps-page-profile .stat-label{color:#64716a!important}.ps-page-profile .stat-val{color:#184d29!important}.ps-page-profile .quick-stats-row{gap:12px!important;margin:16px!important}.ps-page-profile .stat-card-item{background:#fff1dd!important;border:0!important;border-radius:20px!important;box-shadow:none!important;padding:20px!important}.ps-page-profile .stat-card-item:last-child{background:#edf6e9!important}.ps-page-profile .stat-number{font-size:28px!important;color:#122d1b!important}.ps-page-profile .actions-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}.ps-page-profile .action-tile{display:flex!important;align-items:center;gap:16px!important;text-align:left!important;border-bottom:1px solid var(--ps-line);padding:14px 18px!important;min-height:72px}.ps-page-profile .action-tile:after{content:'›';margin-left:auto;color:#f2640b;font-size:26px}.ps-page-profile .action-icon-pill{margin:0!important;flex-shrink:0;border-radius:50%!important;width:44px!important;height:44px!important}.ps-page-profile .quick-actions-card{border-radius:20px!important;border:1px solid var(--ps-line)!important;box-shadow:var(--ps-shadow)!important}
.ps-page-track :is(.info-card,.delivery-card,.timeline-card,.help-card),.ps-page-view .block-card,.ps-page-address .address-card{background:white!important;border:1px solid var(--ps-line)!important;border-radius:20px!important;box-shadow:var(--ps-shadow)!important}.ps-page-track .ps-track-eta{background:linear-gradient(110deg,#edf8e9,#fff0d8)!important;border-radius:20px!important;color:#064925!important}.ps-page-track .timeline .check{background:#09602a!important}.ps-page-address .address-map-card{border-radius:20px!important;overflow:hidden}.ps-page-address .btn-save{min-height:52px!important}.ps-page-address .form-group input{min-height:48px;border-radius:12px!important;border:1px solid #dfe6db!important}
body.ps-page-login,body.ps-page-verify{background:linear-gradient(145deg,#f0f7ed,#fff5e8)!important}.ps-page-login .container,.ps-page-verify .container{border:1px solid #e4e9df!important;border-radius:26px!important;background:white!important;box-shadow:0 12px 44px #123b1c0b!important}.ps-page-login .title,.ps-page-verify .title{color:#083e22!important;font-weight:850!important}
@media(max-width:480px){body.ps-page :is(.top-header,.top-nav-bar,.app-header,.header){padding:14px 16px!important}.ps-page-cart .card-img-wrap{width:92px!important;min-width:92px!important;height:104px!important}.ps-page-cart .cart-card{gap:10px!important}.ps-page-cart .item-title-text{font-size:15px!important}.ps-page-cart .qty-pill-control{gap:2px!important}.ps-page-restaurant .item-card .item-image{width:100px!important;height:115px!important}.ps-page-restaurant .item-name{font-size:17px!important}.ps-page-restaurant .item-actions{gap:6px!important}.ps-page-explore .category-scroll{grid-template-columns:repeat(3,minmax(0,1fr))}.ps-page-index .ps-featured h1{font-size:28px!important}.ps-page-profile .profile-hero-top{flex-wrap:wrap!important}.ps-page-profile .hero-stats-bar{gap:8px!important}.ps-page-profile .hero-stat-icon{display:none!important}.ps-page-profile .stat-val{font-size:12px!important}}
@media(min-width:700px){.ps-reference-nav a{font-size:13px}body.ps-page-index .ps-featured{min-height:290px!important}.ps-page-index .ps-featured-content{min-height:290px!important;padding:36px!important}body.ps-page-index .ps-featured h1{font-size:42px!important}.ps-page-index .home-restaurant img{aspect-ratio:1.9}.ps-page-restaurant .item-card .item-image{width:170px!important;height:150px!important}}
@media(prefers-reduced-motion:reduce){body.ps-page *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
