/* "Continue with Google" (google-login.php, user choice 2026-10-02) on the login page and a logged-out checkout: our own frosted
   glass bar, the Google G on a white tile, a light sweep across on hover, and a small Buzzy rising from behind its top edge.
   Touch screens drop the blur (iPhone scroll). Loaded after partners.css, whose .pd-auth link rules have the same specificity. */
.devt .pd-google{--ink-3:rgba(255,255,255,.58);--rule:rgba(255,255,255,.12);display:grid;gap:16px}
.devt .pd-google-wrap{position:relative}
.devt .pd-google-wrap a.pd-google-btn{position:relative;z-index:1;display:flex;align-items:center;gap:14px;box-sizing:border-box;height:56px;padding:0 18px 0 8px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.06));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 18px 30px -22px rgba(0,0,0,.9);color:#fff;font:600 clamp(14px,4.2vw,16px)/1 var(--sans);text-decoration:none;transition:border-color .2s var(--ease),transform .2s var(--settle)}
.devt .pd-google-wrap a.pd-google-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 66%);transform:translateX(-110%);pointer-events:none}
.devt .pd-google-wrap a.pd-google-btn:is(:hover,:focus-visible)::after{transform:translateX(110%);transition:transform .9s var(--ease)}
.devt .pd-google-wrap a.pd-google-btn:hover{border-color:rgba(255,255,255,.34);transform:translateY(-1px)}
.devt .pd-google-wrap a.pd-google-btn:active{transform:translateY(1px) scale(.99)}
.devt .pd-google-wrap a.pd-google-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.devt .pd-google-disc{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)}
.devt .pd-google-t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.devt .pd-google-arrow{width:18px;height:18px;opacity:.7;transition:transform .2s var(--ease),opacity .2s var(--ease)}
.devt .pd-google-btn:hover .pd-google-arrow{opacity:1;transform:translateX(3px)}
.devt .pd-google-buzzy{position:absolute;right:56px;bottom:calc(100% - 16px);z-index:0;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .2s var(--ease),transform .4s var(--settle)}
.devt .pd-google-wrap:is(:hover,:focus-within) .pd-google-buzzy{opacity:1;transform:none}
.devt .pd-or{display:flex;align-items:center;gap:14px;margin:0;color:var(--ink-3);font:500 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.devt .pd-or::before,.devt .pd-or::after{content:"";flex:1;height:1px;background:var(--rule)}
.devt .pd-agree{margin:-4px 0 0;color:var(--ink-3);font:400 12.5px/1.5 var(--sans);text-align:center}
.devt .pd-agree a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (prefers-reduced-motion:reduce){
	.devt .pd-google-wrap a.pd-google-btn::after{display:none}
	.devt .pd-google-buzzy{transform:none;transition:opacity .2s}
}
@media (hover:none){
	.devt .pd-google-wrap a.pd-google-btn{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.1)}
}

