/* Fone's champagne-metal maker and delivery marks. */
.fone-sales .fone-product-signature{--metal:#e3c793;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);align-items:center;gap:30px;margin:12px 0 28px;padding:32px;background:radial-gradient(ellipse at 15% 0%,#333a33 0%,transparent 58%),#191f1c;color:#f2eadb;border:1px solid #4c4b3e;box-shadow:inset 0 0 0 5px #191f1c,inset 0 0 0 6px #62563e;overflow:hidden}
.fone-product-signature::before{content:"";position:absolute;inset:10px;pointer-events:none;border:1px solid #b6985e22;z-index:-1}
.fone-signature-maker{display:flex;align-items:center;gap:18px;min-width:0}
.fone-signature-maker>.fone-metal-mark{width:92px;height:92px;flex-shrink:0}
.fone-sales .fone-signature-overline{font-size:8px;letter-spacing:.15em;line-height:1.8;color:var(--metal);margin:0 0 9px}
.fone-sales .fone-signature-maker h2{font-size:24px;line-height:1.15;color:#f2eadb;margin:0 0 10px;letter-spacing:-.035em}
.fone-sales .fone-signature-category{margin:0;color:#c5bca7;font-size:9px;letter-spacing:.18em;line-height:1.6}
.fone-signature-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-left:1px solid #b6985e40;padding-left:26px}
.fone-sales a.fone-signature-badge{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:#f2eadb;text-decoration:none;min-width:0;border-radius:3px;overflow:hidden;padding:8px 2px;transition:background-color .25s}
.fone-signature-badge .fone-metal-mark{width:76px;height:76px;flex-shrink:0;filter:drop-shadow(0 3px 5px #0005);transition:transform .3s}
.fone-signature-badge strong{display:block;font-size:12px;line-height:1.5;font-weight:500}
.fone-signature-detail{display:block;font-size:9px;line-height:1.6;color:#c5bca7;margin-top:5px}
.fone-signature-badge::after{content:"";position:absolute;inset:-40% -90%;background:linear-gradient(110deg,transparent 40%,#f8e1a915 49%,transparent 58%);transform:translateX(-60%);pointer-events:none}
.fone-sales a.fone-signature-badge:hover,.fone-sales a.fone-signature-badge:focus-visible{color:#fff3dc;background:#f4d79908}
.fone-signature-badge:is(:hover,:focus-visible) .fone-metal-mark{transform:translateY(-3px)}
.fone-signature-badge:is(:hover,:focus-visible)::after{animation:fone-metal-sheen .8s ease-out both}
.fone-sales a.fone-signature-badge:focus-visible{outline:2px solid #e3c793;outline-offset:-2px}
@keyframes fone-metal-sheen{to{transform:translateX(60%)}}
@media(max-width:1050px){.fone-sales .fone-product-signature{grid-template-columns:1fr;gap:22px}.fone-signature-maker{justify-content:center}.fone-signature-badges{border-left:0;border-top:1px solid #b6985e40;padding:18px 0 0}.fone-signature-maker>.fone-metal-mark{width:70px;height:70px}}
@media(max-width:540px){.fone-sales .fone-product-signature{padding:25px 22px;gap:18px}.fone-signature-maker{justify-content:flex-start;gap:14px}.fone-sales .fone-signature-maker h2{font-size:23px}.fone-signature-badges{grid-template-columns:1fr;gap:4px;padding-top:12px}.fone-sales a.fone-signature-badge{flex-direction:row;text-align:left;gap:18px;padding:9px 0}.fone-signature-badge .fone-metal-mark{width:58px;height:58px}.fone-signature-badge strong{font-size:13px}.fone-signature-detail{font-size:10px}.fone-signature-maker>.fone-metal-mark{width:65px;height:65px}.fone-sales .fone-signature-overline{font-size:7px}}
@media(prefers-reduced-motion:reduce){.fone-signature-badge .fone-metal-mark,.fone-sales a.fone-signature-badge{transition:none}.fone-signature-badge:is(:hover,:focus-visible) .fone-metal-mark{transform:none}.fone-signature-badge:is(:hover,:focus-visible)::after{animation:none}}