/* 3D look: cards with depth + tilt, raised buttons. Pure CSS/JS, no libraries. */
.ap-cat-grid{perspective:1100px}
.ap-cat{--rx:0deg;--ry:0deg;--gx:50%;--gy:0%;
  transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;
  border:1px solid #f0e3da;
  box-shadow:0 1px 0 #fff inset,0 2px 0 #f6e7dc,0 3px 0 #efd9ca,0 14px 24px -10px rgba(60,30,10,.28),0 28px 40px -24px rgba(60,30,10,.25);
  transition:transform .18s ease-out,box-shadow .25s ease,border-color .25s}
.ap-cat::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .25s;
  background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.55),rgba(255,255,255,0) 55%)}
.ap-cat.is-tilt::after{opacity:1}
.ap-cat:hover{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(10px);
  box-shadow:0 1px 0 #fff inset,0 3px 0 #f1dccd,0 5px 0 #e8cdbb,0 22px 34px -12px rgba(60,30,10,.38),0 40px 50px -28px rgba(244,81,11,.28)}
.ap-cat:active{transform:translateY(2px) scale(.985);box-shadow:0 1px 0 #f1dccd,0 8px 14px -8px rgba(60,30,10,.3)}
.ap-cat-img{transform:translateZ(0)}
.ap-cat:hover .ap-cat-img img{transform:scale(1.07)}
.ap-cat-body b{text-shadow:0 1px 0 #fff}
.ap-cat-arrow{box-shadow:0 3px 0 #f0c4a8,0 6px 10px -4px rgba(244,81,11,.45)}
.ap-cat:hover .ap-cat-arrow{box-shadow:0 3px 0 #b93a05,0 8px 12px -4px rgba(244,81,11,.6)}
/* raised buttons */
.ap-btn-primary,.ap-btn-dark{position:relative;transition:transform .12s ease,box-shadow .12s ease}
.ap-btn-primary{box-shadow:0 4px 0 #b93a05,0 10px 16px -6px rgba(244,81,11,.55)}
.ap-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #b93a05,0 14px 20px -6px rgba(244,81,11,.6)}
.ap-btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 #b93a05,0 3px 6px -3px rgba(244,81,11,.5)}
.ap-btn-dark{box-shadow:0 4px 0 #050b16,0 10px 16px -6px rgba(5,11,22,.5)}
.ap-btn-dark:hover{transform:translateY(-2px);box-shadow:0 6px 0 #050b16,0 14px 20px -6px rgba(5,11,22,.55)}
.ap-btn-dark:active{transform:translateY(3px);box-shadow:0 1px 0 #050b16,0 3px 6px -3px rgba(5,11,22,.5)}
@media (hover:none){.ap-cat:hover{transform:none}.ap-cat::after{display:none}}
@media (prefers-reduced-motion:reduce){.ap-cat,.ap-btn-primary,.ap-btn-dark{transition:none}.ap-cat,.ap-cat:hover{transform:none}}

/* ===== Whole interface: logo to final step ===== */
:root{--d-edge:#ecd5c5;--d-sh:0 1px 0 #fff inset,0 2px 0 #f6e7dc,0 3px 0 var(--d-edge),0 12px 22px -10px rgba(60,30,10,.26),0 24px 36px -22px rgba(60,30,10,.22)}
/* header + logo */
.ap-header{box-shadow:0 3px 0 rgba(0,0,0,.18),0 14px 24px -12px rgba(0,0,0,.55)}
.ap-brand{perspective:300px}
.ap-logo-mark{filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));transform:rotateY(-14deg) rotateX(6deg);transform-style:preserve-3d;transition:transform .35s ease}
.ap-brand:hover .ap-logo-mark{transform:rotateY(14deg) rotateX(-4deg) translateY(-1px)}
.ap-ico{box-shadow:0 3px 0 rgba(0,0,0,.28),0 8px 12px -6px rgba(0,0,0,.45);transition:transform .12s,box-shadow .12s}
.ap-ico:hover{transform:translateY(-2px)}
.ap-ico:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(0,0,0,.28)}
/* hero */
.ap-hero-badge,.gp-tag,.sh-off{box-shadow:0 2px 0 rgba(0,0,0,.18),0 6px 10px -4px rgba(0,0,0,.35)}
.ap-hero-photo,.ap-hero-art{filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))}
.gp-hero h1{text-shadow:0 2px 0 rgba(0,0,0,.28),0 10px 20px rgba(0,0,0,.3)}
/* chips, tabs, steps, trust */
.ap-chip,.gp-chip,.apc-chip,.sh-cats a{box-shadow:0 2px 0 #f0cdb6,0 6px 10px -6px rgba(60,30,10,.35);transition:transform .12s,box-shadow .12s}
.ap-chip:hover,.gp-chip:hover,.apc-chip:hover,.sh-cats a:hover{transform:translateY(-2px);box-shadow:0 4px 0 #f0cdb6,0 10px 14px -6px rgba(60,30,10,.4)}
.ap-chip:active,.gp-chip:active,.apc-chip:active,.sh-cats a:active{transform:translateY(2px);box-shadow:0 0 0 #f0cdb6}
.ap-tabbar{box-shadow:0 -3px 0 rgba(0,0,0,.05),0 -12px 24px -10px rgba(60,30,10,.28)}
.ap-tab{transition:transform .12s}.ap-tab:active{transform:translateY(2px) scale(.96)}
.ap-steps li,.ap-trust>*,.ap-trust-v>*{box-shadow:var(--d-sh)}
.ap-st-ic{box-shadow:0 3px 0 #f0c4a8,0 8px 12px -6px rgba(244,81,11,.45)}
.ap-step-n{box-shadow:0 3px 0 #b93a05,0 6px 10px -4px rgba(244,81,11,.5)}
/* growth + marketplace cards */
.gp-plan,.gp-card,.gp-ad,.gp-bs,.gp-pay,.gp-faq details,.gp-doc,.sh-box,.sh-line,.sh-seller,.sh-detail,.sh-empty,.sh-sum,.sh-ok,.sh-form{box-shadow:var(--d-sh);transition:transform .2s,box-shadow .25s}
.gp-plan:hover,.gp-card:hover,.sh-seller:hover{transform:translateY(-5px);box-shadow:0 1px 0 #fff inset,0 3px 0 #f1dccd,0 5px 0 #e8cdbb,0 22px 34px -12px rgba(60,30,10,.34)}
.sh-cardw{transition:transform .2s;transform-style:preserve-3d}
.sh-card{box-shadow:var(--d-sh);transition:transform .2s,box-shadow .25s}
.sh-cardw:hover .sh-card{transform:translateY(-6px) rotateX(2deg);box-shadow:0 1px 0 #fff inset,0 3px 0 #f1dccd,0 5px 0 #e8cdbb,0 24px 34px -12px rgba(60,30,10,.36)}
.sh-img{box-shadow:0 8px 14px -8px rgba(60,30,10,.4)}
.sh-add{box-shadow:0 3px 0 #b93a05,0 8px 12px -6px rgba(244,81,11,.5);transition:transform .12s,box-shadow .12s}
.sh-add:active{transform:translateY(3px);box-shadow:0 0 0 #b93a05}
.sh-qty button{box-shadow:0 2px 0 #e3cdbd;transition:transform .1s}.sh-qty button:active{transform:translateY(2px);box-shadow:none}
.sh-cartfab{box-shadow:0 4px 0 #050b16,0 14px 22px -8px rgba(5,11,22,.6)}
.sh-cartfab:active{transform:translateY(3px);box-shadow:0 1px 0 #050b16}
.sh-toast{box-shadow:0 4px 0 rgba(0,0,0,.3),0 16px 28px -10px rgba(0,0,0,.55)}
.gp-offer{box-shadow:0 3px 0 #b93a05,0 12px 20px -10px rgba(244,81,11,.6)}
/* forms: sunken fields, raised dialogs */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),select,textarea{box-shadow:inset 0 2px 4px rgba(60,30,10,.12),0 1px 0 #fff;transition:box-shadow .2s,border-color .2s}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{box-shadow:inset 0 2px 3px rgba(60,30,10,.1),0 0 0 3px rgba(244,81,11,.22)}
.modal{box-shadow:0 4px 0 rgba(255,255,255,.6) inset,0 6px 0 #ead4c4,0 40px 70px -20px rgba(20,10,0,.55)}
.apc-panel{box-shadow:0 6px 0 rgba(0,0,0,.08),0 40px 70px -20px rgba(20,10,0,.5)}
.apc-fab{box-shadow:0 4px 0 #b93a05,0 14px 24px -8px rgba(244,81,11,.6);transition:transform .12s,box-shadow .12s}
.apc-fab:active{transform:translateY(3px);box-shadow:0 1px 0 #b93a05}
.apc-m{box-shadow:0 2px 0 rgba(60,30,10,.08),0 8px 12px -8px rgba(60,30,10,.3)}
.apc-prod,.apc-card{box-shadow:var(--d-sh)}
/* footer edge */
.ap-footer,.gp-footer{box-shadow:0 -4px 0 rgba(244,81,11,.35),0 -16px 28px -14px rgba(0,0,0,.45)}
@media (hover:none){.gp-plan:hover,.gp-card:hover,.sh-seller:hover,.sh-cardw:hover .sh-card{transform:none}}
@media (prefers-reduced-motion:reduce){.ap-logo-mark{transform:none;transition:none}.gp-plan,.gp-card,.sh-card,.sh-cardw,.sh-add,.apc-fab,.ap-ico,.ap-chip,.gp-chip,.apc-chip{transition:none}.gp-plan:hover,.gp-card:hover,.sh-seller:hover,.sh-cardw:hover .sh-card{transform:none}}
/* shield logo size (the mark is taller than the old square tile) */
.ap .ap-header .ap-logo-mark,.ap-brand .ap-logo-mark{width:46px!important;height:46px!important;margin:-4px 0}
@media (max-width:820px){.ap .ap-header .ap-logo-mark,.ap-brand .ap-logo-mark{width:42px!important;height:42px!important}}
.ap-footer .ap-logo-mark,.ap-brand.light .ap-logo-mark{width:48px!important;height:48px!important}
/* fixes: no inner sunken box inside the hero search pill; chips on the dark hero get a dark edge, not a light one */
.ap-search input,.ap-search input:focus{box-shadow:none!important;background:none!important}
.ap-hero .ap-chip,.ap-chips .ap-chip{box-shadow:0 2px 0 rgba(0,0,0,.45),0 8px 12px -6px rgba(0,0,0,.55)}
.ap-hero .ap-chip:hover,.ap-chips .ap-chip:hover{box-shadow:0 4px 0 rgba(0,0,0,.45),0 12px 16px -6px rgba(0,0,0,.6)}
.ap-hero .ap-chip:active,.ap-chips .ap-chip:active{box-shadow:0 0 0 rgba(0,0,0,.45)}
.ap-search .ap-btn-primary{box-shadow:0 3px 0 #b93a05}
.ap-trust>*,.ap-trust-v>*{box-shadow:none!important}
/* ===== deeper 3D (v6): solid extruded edges, stronger lift ===== */
:root{--d-edge:#e2c4ad;--d-sh:0 1px 0 #fff inset,0 2px 0 #f1ddcf,0 4px 0 #e6cbb8,0 6px 0 #dcb9a1,0 18px 26px -10px rgba(60,30,10,.38),0 34px 44px -24px rgba(60,30,10,.32)}
.ap-cat{border-color:#ecd5c4;
  box-shadow:0 1px 0 #fff inset,0 3px 0 #f1ddcf,0 6px 0 #e6cbb8,0 9px 0 #dcb9a1,0 22px 28px -10px rgba(60,30,10,.4),0 40px 50px -26px rgba(60,30,10,.36)}
.ap-cat:hover{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(14px) translateY(-4px);
  box-shadow:0 1px 0 #fff inset,0 4px 0 #f1ddcf,0 8px 0 #e6cbb8,0 12px 0 #dcb9a1,0 30px 36px -12px rgba(60,30,10,.46),0 52px 62px -28px rgba(244,81,11,.34)}
.ap-cat:active{transform:translateY(6px) scale(.985);box-shadow:0 1px 0 #f1ddcf,0 2px 0 #e6cbb8,0 8px 12px -8px rgba(60,30,10,.35)}
.ap-cat-img{box-shadow:0 6px 12px -6px rgba(0,0,0,.35)}
.ap-btn-primary{box-shadow:0 6px 0 #a83304,0 14px 20px -6px rgba(244,81,11,.6)}
.ap-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 0 #a83304,0 18px 24px -6px rgba(244,81,11,.65)}
.ap-btn-primary:active{transform:translateY(5px);box-shadow:0 1px 0 #a83304,0 3px 6px -3px rgba(244,81,11,.5)}
.ap-btn-dark{box-shadow:0 6px 0 #02060d,0 14px 20px -6px rgba(5,11,22,.55)}
.ap-btn-dark:active{transform:translateY(5px);box-shadow:0 1px 0 #02060d}
.ap-search{box-shadow:0 5px 0 rgba(0,0,0,.28),0 16px 28px -10px rgba(0,0,0,.55)}
.gp-plan,.gp-card,.gp-ad,.gp-bs,.gp-pay,.sh-box,.sh-line,.sh-seller,.sh-detail,.sh-card{box-shadow:var(--d-sh)}
.sh-add{box-shadow:0 5px 0 #a83304,0 12px 16px -6px rgba(244,81,11,.55)}
.sh-add:active{transform:translateY(4px);box-shadow:0 1px 0 #a83304}
.ap-tabbar{box-shadow:0 -4px 0 rgba(0,0,0,.06),0 -16px 28px -10px rgba(60,30,10,.34)}
.apc-fab{box-shadow:0 6px 0 #a83304,0 18px 26px -8px rgba(244,81,11,.65)}
/* phones: no mouse, so a soft one-time lift as cards scroll into view */
@media (hover:none) and (prefers-reduced-motion:no-preference){
  .ap-cat{animation:apLift .6s cubic-bezier(.2,.8,.2,1) both}
  @keyframes apLift{from{opacity:.0;transform:perspective(700px) rotateX(14deg) translateY(18px)}to{opacity:1;transform:none}}
}
@media (max-width:820px){.ap-cat-grid{gap:18px 14px!important;padding-bottom:10px}}
/* partner payment step */
.partner-form-status.ok{color:#0b5c2e;font-weight:600;text-align:left}
.pp-card{margin-top:12px;background:#fff;border:1px solid #cfe9d9;border-radius:18px;padding:16px;text-align:center;color:#0a1428;box-shadow:0 3px 0 #bfe0cd,0 14px 22px -12px rgba(11,92,46,.35)}
.pp-h{font-size:14px;color:#46546a;font-weight:600}.pp-amt{font-size:34px;font-weight:800;margin:4px 0}.pp-amt s{font-size:18px;color:#8a93a3;font-weight:500}
.pp-offer{display:inline-block;background:#fff1e8;color:#c43a05;border-radius:99px;padding:3px 12px;font-size:13px;font-weight:700;margin-bottom:8px}
.pp-upi{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:6px 0;font-size:15px;color:#0a1428}.pp-upi code{background:#f3f5f9;border-radius:8px;padding:5px 9px;font-weight:700;word-break:break-all}
.pp-copy{border:1.5px solid #f4510b;background:#fff;color:#c43a05;border-radius:99px;padding:6px 14px;font-weight:700;cursor:pointer}
.pp-small{font-size:12.5px;color:#5b6577;margin:6px 0;font-weight:500}.pp-note{font-weight:500;margin:6px 0}
.pp-btn{display:block;margin:10px 0 0;padding:14px;border-radius:14px;color:#fff;font-weight:800;text-decoration:none;font-size:16px}
.pp-pay{background:#f4510b;box-shadow:0 5px 0 #a83304}.pp-wa{background:#18a558;box-shadow:0 5px 0 #0f7a3f}
.pp-btn:active{transform:translateY(4px);box-shadow:none}
.pp-apps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:10px}.pp-apps .pp-small{width:100%;margin:0}
.pp-app{border:1.5px solid #f4510b;color:#c43a05;background:#fff;border-radius:99px;padding:8px 16px;font-weight:700;text-decoration:none;box-shadow:0 2px 0 #f0cdb6}