/* Let photographs carry the visual identity; navigation stays quiet. */
.home-welcome{padding:16px 0 20px;max-width:660px}.home-welcome h1{font:600 clamp(28px,5vw,40px)/1.12 Georgia,serif;margin:10px 0}.home-welcome p{color:#dec7b0;font-size:15px;line-height:1.5;margin:0 0 18px}.home-welcome .btn{min-height:48px}.home-example{border-top:1px solid #ffffff1c;padding-top:8px}.home-example>summary{cursor:pointer;min-height:48px;align-content:center;font-size:15px;color:#ebd6bd}.home-example .journey-grid{margin-top:16px}
.purchase-disclosure{display:grid;gap:10px;margin:0 0 20px;color:#dccbb9;font:400 13px/1.5 Arial,sans-serif}.purchase-disclosure p{margin:0}.purchase-disclosure #premium-beta-daily-limit{color:#fff0dc;font-weight:600}
html[data-campaign="halloween"] .page[data-page="precios"] .pricing-grid{gap:12px}
html[data-campaign="halloween"] .page[data-page="precios"] .price-card{padding:18px 12px;min-height:0;border-color:#a47b4d80;background:#20160f;box-shadow:none;border-width:1px}
html[data-campaign="halloween"] .page[data-page="precios"] .price-card .eyebrow{font-size:11px;letter-spacing:.4px}
html[data-campaign="halloween"] .page[data-page="precios"] .price-card h3{font-size:28px;margin:8px 0 14px}
html[data-campaign="halloween"] .page[data-page="precios"] .price-card ul{font-size:12px;line-height:1.4}
html[data-campaign="halloween"] .page[data-page="precios"] .price-card .price-amount{font-size:24px;margin:12px 0}
html[data-campaign="halloween"] .page[data-page="precios"] .price-card .btn{min-height:44px!important;font-size:13px!important;padding:10px!important;border-radius:12px!important;white-space:normal}
html[data-campaign="halloween"] .page[data-page="precios"] #payment-status{font-size:13px;line-height:1.5;margin:16px 0 4px}
.page[data-page="precios"] [data-payment-refresh]{min-height:44px;text-align:left;line-height:1.4}
@media(max-width:600px){
 html[data-campaign="halloween"] .page[data-page="precios"] .pricing-grid{grid-template-columns:1fr}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card{display:grid;grid-template-columns:1fr auto;gap:4px 16px;text-align:left;padding:16px}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card .eyebrow{text-align:left;grid-column:1}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card h3{text-align:left;grid-column:1;grid-row:2;margin:0;font-size:28px}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card ul{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:4px 12px;margin:7px 0 0}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card li{margin:0}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card .price-amount{grid-column:2;grid-row:1;text-align:right;margin:0;font-size:22px}
 html[data-campaign="halloween"] .page[data-page="precios"] .price-card .btn{grid-column:2;grid-row:2;align-self:center;width:auto}
}
html[data-campaign="halloween"] .mobile-app-hero__settings{min-width:44px;min-height:44px}
html[data-campaign="halloween"] .mobile-signin .google-signin{
 background:transparent!important;border:0!important;box-shadow:none!important;
 color:#fff3de!important;min-height:44px;padding:10px 12px;
}
html[data-campaign="halloween"] #picgift-studio .welcome-story,
html[data-campaign="halloween"] #picgift-studio .welcome-art__frame,
html[data-campaign="halloween"] #picgift-studio .upload-zone{
 background:transparent;border:0;box-shadow:none;
}
html[data-campaign="halloween"] #picgift-studio .welcome-story{padding-left:0;padding-right:0}
html[data-campaign="halloween"] #picgift-studio .upload-zone:before{border:0}
html[data-campaign="halloween"] .sidebar .nav-link,
html[data-campaign="halloween"] .mobile-nav button,
html[data-campaign="halloween"] .sidebar .nav-link svg,
html[data-campaign="halloween"] .mobile-nav button svg{
 animation:none!important;transition:none!important;transform:none!important;filter:none!important;
}
html[data-campaign="halloween"] .sidebar .nav-link:hover,
html[data-campaign="halloween"] .sidebar .nav-link.active{
 background:transparent;border-color:transparent;box-shadow:none;color:#ffb34b;
}
html[data-campaign="halloween"] .mobile-nav .camera-label{display:none}
html[data-campaign="halloween"] .mobile-nav button.mobile-nav__camera{justify-content:center;align-items:center}
html[data-campaign="halloween"] .mobile-nav .camera-emblem{
 margin:0;width:44px;height:44px;border:0;border-radius:50%;
 background:#ffb34b;box-shadow:none;
}
html[data-campaign="halloween"] .mobile-nav .camera-emblem svg{width:26px;height:26px;filter:none}
html[data-campaign="halloween"] .google-signin:focus-visible,
html[data-campaign="halloween"] .upload-zone:focus-within{
 outline:2px solid #ffb34b;outline-offset:4px;
}
@media(min-width:821px){
 html[data-campaign="halloween"] .mobile-app-hero__brand{display:none!important}
}

/* Equal columns and shared icon rows keep capture centered at every mobile width. */
@media(max-width:820px){
 :root{--picgift-nav-height:calc(72px + var(--picgift-safe-bottom))}
 html[data-campaign="halloween"] .mobile-nav{border:0;background:linear-gradient(180deg,#19110df5,#100c0afc);box-shadow:0 -8px 24px #0003}
 html[data-campaign="halloween"] .mobile-nav button{display:grid;grid-template-rows:32px 16px;align-content:center;align-items:center;justify-items:center;gap:4px;min-height:64px;padding:0 1px;letter-spacing:0;font-size:11px;font-weight:500;color:#d7c6b6}
 html[data-campaign="halloween"] .mobile-nav button svg{width:24px;height:24px}
 html[data-campaign="halloween"] .mobile-nav button.active{color:#ffbd67;font-weight:600}
 html[data-campaign="halloween"] .mobile-nav button.active>svg{box-sizing:content-box;padding:4px 9px;border-radius:12px;background:#ffb34b24}
 html[data-campaign="halloween"] .mobile-nav button.mobile-nav__camera .camera-emblem svg{color:#231307}
 html[data-campaign="halloween"] .mobile-nav button:focus-visible{outline:2px solid #ffbd67;outline-offset:-2px;border-radius:12px}
 html[data-campaign="halloween"] .mobile-nav button:before,
 html[data-campaign="halloween"] .mobile-nav button:after{display:none}
 html[data-campaign="halloween"] .mobile-nav button.mobile-nav__camera{grid-template-rows:1fr;gap:0}
 html[data-campaign="halloween"] .mobile-nav .camera-emblem{width:46px;height:46px;margin:0;border-radius:15px;max-width:none;background:linear-gradient(145deg,#ffd483,#ffad36);color:#231307;box-shadow:0 3px 10px #0004}
 html[data-campaign="halloween"] .mobile-nav .camera-emblem svg{width:28px;height:28px}
 html[data-campaign="halloween"] .mobile-nav__spacer{display:none}
}