/* The Pettah v1.0 – precise light mobile commerce UI */
:root{
  --pettah-navy:#08031b;
  --pettah-purple:#7b2cff;
  --pettah-purple-2:#a13cff;
  --pettah-blue:#5b6cff;
  --pettah-orange:#ff6418;
  --pettah-red:#ff334b;
  --pettah-green:#16a34a;
  --pettah-page:#f7f7fb;
  --pettah-card:#fff;
  --pettah-line:#ebe8f0;
  --pettah-text:#17131f;
  --pettah-muted:#827b89;
}
body.pettah-light-ui{background:var(--pettah-page);color:var(--pettah-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pettah-content-shell{width:min(1180px,100%)}
.pettah-header{background:var(--pettah-navy);border-bottom:0;box-shadow:none}
.pettah-top-strip{height:18px;display:flex;align-items:center;justify-content:center;color:#ddd6ed;background:var(--pettah-navy);font-size:8px;letter-spacing:.01em}
.pettah-header-inner{height:59px;grid-template-columns:38px 1fr auto;padding:0 12px}
.pettah-menu-toggle,.pettah-search-toggle,.pettah-notification-link,.pettah-cart-link{color:#fff;width:36px;height:36px;border-radius:9px}
.pettah-header-actions{gap:1px}.pettah-header-actions .dashicons{font-size:20px;width:20px;height:20px}
.pettah-brand img{height:35px;max-width:160px}
.pettah-notice-dot,.pettah-cart-count{top:-1px;right:-1px;min-width:16px;height:16px;font-size:9px;background:#ff273d}
.pettah-cart-count{background:#7b2cff}
.pettah-home{padding-top:10px}
.pettah-home-search{height:43px;border:0;border-radius:5px;padding-left:12px;box-shadow:0 2px 9px rgba(21,10,43,.08)}
.pettah-home-search>b{height:43px;width:47px;border-radius:0 5px 5px 0;background:linear-gradient(135deg,#a03bff,#6425e6)}
.pettah-home-search>span:nth-child(2){font-size:11px;color:#aaa4af}
.pettah-app-categories{display:grid;grid-template-columns:repeat(6,minmax(62px,1fr));gap:7px;margin:12px 0 13px;overflow:auto;padding-bottom:2px}
.pettah-app-categories a{min-width:62px;text-align:center;color:#494450;font-size:8px;font-weight:700}
.pettah-app-categories a>span{width:50px;height:48px;margin:0 auto 5px;border:1px solid #ebe7ef;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 3px 10px rgba(30,13,55,.04)}
.pettah-app-categories a>span img{width:100%;height:100%;object-fit:contain;padding:4px}
.pettah-app-categories a>span .dashicons{color:#6d28d9;font-size:20px;width:20px;height:20px}
.pettah-hero-slider{min-height:250px;margin-bottom:12px}
.pettah-hero-slide{min-height:250px;padding:24px 17px;border-radius:11px;background:radial-gradient(circle at 84% 45%,rgba(191,61,255,.48),transparent 33%),linear-gradient(128deg,#210b42,#4f10a4 53%,#170529);box-shadow:0 10px 24px rgba(73,21,139,.18)}
.pettah-hero-copy{width:58%}.pettah-hero-copy h1{font-size:29px;line-height:1.02;letter-spacing:-.04em;margin-bottom:14px}.pettah-hero-copy h1 strong{color:#bd4cff}.pettah-hero-copy p{max-width:190px;font-size:10px;color:#eee6f8;margin-bottom:17px}.pettah-hero-copy>div{gap:7px}
.pettah-orange-btn,.pettah-ghost-btn{min-height:36px;border-radius:5px;padding:0 14px;font-size:9px}.pettah-orange-btn{background:#ff6418}.pettah-ghost-btn{background:rgba(0,0,0,.12);border-color:rgba(255,255,255,.45)}
.pettah-hero-product{position:relative;width:42%;height:205px;display:grid;place-items:center;align-self:flex-end}
.pettah-hero-product:before{content:"";position:absolute;inset:13% -12% -20% 2%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 62%);filter:blur(8px)}
.pettah-hero-product img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.34));mix-blend-mode:screen}
.pettah-hero-slider .pettah-slider-dots{bottom:8px}.pettah-slider-dots button{background:rgba(255,255,255,.45)}.pettah-slider-dots button.is-active{background:#fff}
.pettah-wallet-strip{grid-template-columns:52px 1fr auto;padding:13px 14px;border:1px solid #ece8f0;border-radius:9px;background:#fff;box-shadow:0 5px 14px rgba(25,11,45,.04)}
.pettah-wallet-visual{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#f0e5ff,#e8ecff);color:#7b2cff;display:grid;place-items:center}.pettah-wallet-visual .dashicons{font-size:25px;width:25px;height:25px}
.pettah-wallet-strip div:nth-child(2) small{font-size:8px;color:#4e4655}.pettah-wallet-strip div:nth-child(2) span{font-size:9px;color:#8e8793}.pettah-wallet-strip div:nth-child(2) strong{font-size:16px}.pettah-wallet-strip>a{font-size:9px;color:#7b2cff;font-weight:800}
.pettah-benefit-row{margin:15px 0 20px;padding:11px 3px;border:0;background:#fff;border-radius:8px;box-shadow:0 4px 13px rgba(26,10,48,.04)}
.pettah-benefit-row article{padding:1px 3px}.pettah-benefit-row .dashicons{width:33px;height:33px;border-radius:50%;font-size:17px;background:#f4edff;color:#7b2cff;display:grid;place-items:center;margin:0 auto 5px}.pettah-benefit-row strong{font-size:8px;color:#37313d}.pettah-benefit-row small{font-size:6.5px;color:#8d8691}
.pettah-home-section{margin:20px 0}.pettah-section-title{margin-bottom:10px}.pettah-section-title h2{font-size:16px}.pettah-section-title>a{font-size:8px}.pettah-countdown{font-size:8px}.pettah-countdown b{width:21px;height:19px}
.pettah-flash-grid{gap:6px}.pettah-product-grid{gap:9px}
.pettah-product-card,.pettah-wc-card,.woocommerce ul.products li.product{border:1px solid #efedf2;border-radius:7px;box-shadow:0 4px 12px rgba(31,15,55,.035)}
.pettah-product-image{background:#fff}.pettah-product-image img{padding:5px}.pettah-product-info{padding:8px 7px}.pettah-product-info h3,.pettah-product-info h2{font-size:10px;min-height:25px;margin-bottom:6px;color:#27222d}.pettah-price{font-size:11px}.pettah-price del{font-size:7px}.pettah-card-meta{margin-top:6px}.pettah-rating{font-size:7.5px}.pettah-points{font-size:7px}.pettah-product-actions{margin-top:6px}.pettah-card-view{font-size:8px}.pettah-icon-btn,.pettah-loop-cart{width:26px;height:26px}.pettah-discount,.pettah-badge{left:4px;top:4px;border-radius:3px;font-size:7px;padding:3px 4px;background:#ff334b}
.pettah-product-card.is-compact .pettah-product-info h3{font-size:8.5px;line-height:1.25}.pettah-product-card.is-compact .pettah-price{font-size:9.5px}.pettah-product-card.is-compact .pettah-rating{font-size:7px}
.pettah-invite-banner{min-height:110px;padding:19px 20px;border-radius:9px;background:radial-gradient(circle at 84% 28%,rgba(255,194,30,.22),transparent 30%),linear-gradient(120deg,#4818a4,#7725e5 62%,#2b0b69);box-shadow:0 9px 20px rgba(70,25,146,.16)}
.pettah-invite-banner h3{font-size:14px}.pettah-invite-banner p{font-size:8px}.pettah-invite-banner a{padding:8px 12px;border-radius:5px;font-size:8px}.pettah-gift-illustration{position:relative;width:85px;height:75px;display:grid;place-items:center}.pettah-gift-illustration .dashicons{font-size:58px;width:58px;height:58px;color:#ffbd2f;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.pettah-gift-illustration i{position:absolute;width:10px;height:10px;border-radius:50%;background:#ffdc60}.pettah-gift-illustration i:nth-child(2){top:5px;right:8px}.pettah-gift-illustration i:nth-child(3){bottom:4px;left:3px}
.pettah-top-category-grid{grid-template-columns:repeat(6,minmax(64px,1fr));gap:8px}.pettah-top-category-grid a{font-size:8px}.pettah-top-category-grid a>span{height:66px;border-radius:7px;background:#fff;border:1px solid #efecf2}.pettah-top-category-grid a>span img{padding:5px}.pettah-top-category-grid .dashicons{color:#7b2cff}
.pettah-how-works{border:1px solid #ece8ef;background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(31,15,55,.04)}
.pettah-footer{background:#fff;border-top:1px solid #eeeaf2}.pettah-footer-line{background:linear-gradient(90deg,#5d21d8,#842bfa);color:#fff}.pettah-bottom-nav{height:68px;background:rgba(255,255,255,.98);border-top:1px solid #e9e6ee;box-shadow:0 -7px 20px rgba(29,12,52,.07)}
.pettah-bottom-nav a{position:relative;color:#87818e}.pettah-bottom-nav a.is-active{color:#7b2cff}.pettah-bottom-nav a.is-active:before{content:"";position:absolute;top:0;width:22px;height:3px;background:#7b2cff;border-radius:0 0 6px 6px}

/* Shop and category screen */
.pettah-shop-page{padding-top:14px}.pettah-shop-breadcrumb{font-size:8px;color:#96909a}.pettah-shop-head h1{font-size:25px;margin-bottom:2px}.pettah-shop-head p{font-size:9px;color:#8d8792}.pettah-shop-toolbar{margin:14px 0;display:flex;justify-content:space-between}.pettah-filter-button,.pettah-sort-wrap select{height:36px;border:1px solid #e8e4ec;background:#fff;color:#5a5360;border-radius:6px;font-size:9px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important}.woocommerce ul.products li.product .pettah-product-image{aspect-ratio:1/1}.pettah-wc-card .pettah-product-info{padding:8px}

/* Single product screen */
.pettah-single-grid{gap:28px}.pettah-main-product-image{border-radius:8px}.pettah-product-thumbs button{border-radius:6px}.pettah-single-summary h1{font-size:21px}.pettah-single-rating{font-size:8.5px}.pettah-single-price{font-size:23px}.pettah-stock-line{font-size:9px}.pettah-feature-list li{font-size:9px}.pettah-add-cart,.pettah-buy-now{border-radius:6px}.pettah-product-detail summary{font-size:10px}.pettah-single-wallet{border-radius:9px}.pettah-related .pettah-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Superadmin upgrades */
.pettah-superadmin-shell{grid-template-columns:255px 1fr}.pettah-sa-sidebar{background:linear-gradient(180deg,#0c0620,#170534)}.pettah-sa-main{max-width:1600px;width:100%;margin:0 auto}.pettah-sa-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.pettah-sa-search{display:flex;gap:8px;margin:0 0 12px}.pettah-sa-search input{flex:1;height:40px;border:1px solid #dfdbe5;border-radius:8px;padding:0 12px;background:#fff}.pettah-sa-search button{height:40px;border:0;border-radius:8px;padding:0 16px;color:#fff;background:linear-gradient(135deg,#7b2cff,#5b6cff);font-weight:800}.pettah-sa-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.pettah-sa-product-form{display:block}.pettah-sa-product-form aside{position:sticky;top:12px}.pettah-sa-media-panel{margin-bottom:12px}.pettah-sa-multiselect{min-height:150px!important;height:auto!important}.pettah-sa-form-grid label small{color:#938c99;font-size:8px;font-weight:500}.pettah-sa-gallery-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.pettah-sa-gallery-preview img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:7px;border:1px solid #e9e5ed}.pettah-sa-category-layout,.pettah-sa-banner-layout{grid-template-columns:360px minmax(0,1fr)}.pettah-sa-category-placeholder{width:45px;height:45px;border-radius:7px;display:grid;place-items:center;background:#f3edff;color:#7b2cff;font-weight:900}.pettah-sa-settings-form textarea{width:100%;border:1px solid #dfdbe3;border-radius:8px;background:#fff;padding:10px;color:#211c25}.pettah-sa-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px}.pettah-sa-banner-list{display:grid;gap:10px}.pettah-sa-banner-list article{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #ece8ef;border-radius:10px}.pettah-sa-banner-list article img{width:150px;height:86px;object-fit:contain;border-radius:8px;background:#f4f0f8}.pettah-sa-banner-list article strong,.pettah-sa-banner-list article small,.pettah-sa-banner-list article span{display:block}.pettah-sa-banner-list article small{color:#8b8490;font-size:9px;margin-top:3px}.pettah-sa-banner-list article span{display:inline-flex;margin-top:7px;padding:3px 6px;border-radius:99px;background:#ecfff3;color:#158542;font-size:8px}.pettah-sa-banner-list article p{white-space:nowrap}

@media(min-width:900px){
  body:not(.pettah-superadmin-page) .pettah-header-inner{height:68px}.pettah-content-shell{padding-left:22px;padding-right:22px}.pettah-hero-slider,.pettah-hero-slide{min-height:330px}.pettah-hero-copy h1{font-size:44px;max-width:470px}.pettah-hero-copy p{font-size:13px;max-width:390px}.pettah-hero-product{height:285px}.pettah-home-products{grid-template-columns:repeat(4,minmax(0,1fr))}.pettah-flash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pettah-top-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:1100px){.pettah-sa-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){
  .pettah-sa-form-layout,.pettah-sa-category-layout,.pettah-sa-banner-layout{grid-template-columns:1fr}.pettah-sa-product-form aside{position:static}.pettah-sa-banner-list article{grid-template-columns:110px 1fr}.pettah-sa-banner-list article img{width:110px;height:72px}.pettah-sa-banner-list article p{grid-column:2}
}
@media(max-width:600px){
  .pettah-content-shell{padding-left:9px;padding-right:9px}.pettah-header-inner{padding:0 7px}.pettah-brand img{height:30px;max-width:120px}.pettah-hero-slider,.pettah-hero-slide{min-height:244px}.pettah-hero-slide{padding:20px 15px}.pettah-hero-copy{width:62%}.pettah-hero-copy h1{font-size:25px}.pettah-hero-copy p{font-size:8.5px}.pettah-hero-product{width:39%;height:170px}.pettah-app-categories{grid-template-columns:repeat(6,60px)}.pettah-benefit-row{gap:1px}.pettah-benefit-row strong{font-size:7.5px}.pettah-benefit-row small{font-size:6px}.pettah-top-category-grid{grid-template-columns:repeat(6,59px);overflow:auto}.pettah-top-category-grid a>span{height:58px}.pettah-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pettah-home-products{grid-template-columns:repeat(2,minmax(0,1fr))}.pettah-sa-stats{grid-template-columns:1fr 1fr}.pettah-sa-stats article{min-height:92px}.pettah-sa-banner-list article{grid-template-columns:90px 1fr}.pettah-sa-banner-list article img{width:90px;height:66px}.pettah-sa-page-head{flex-direction:column}.pettah-sa-primary,.pettah-sa-secondary{width:100%}
}