/* SAG purchase signature · 2026-10-19. Load last; ID + class outranks the ivory !important overrides. */
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet {
--sag-buy-x:50%;
--sag-buy-y:35%;
--sag-buy-ink:#fff0d3;
--sag-buy-surface:radial-gradient(ellipse at 28% 0%,rgba(230,147,152,.23),transparent 65%),repeating-linear-gradient(112deg,rgba(255,242,220,.016) 0 1px,transparent 1px 4px),linear-gradient(118deg,#8d3043 0%,#631526 49%,#3c0b18 100%);
position:relative;
isolation:isolate;
display:flex;
align-items:center;
justify-content:center;
box-sizing:border-box;
min-width:0;
min-height:68px;
padding:16px 22px;
overflow:hidden;
appearance:none;
border:1px solid #d5b477 !important;
border-radius:12px;
outline:1px solid rgba(243,219,174,.23);
outline-offset:-5px;
background:var(--sag-buy-surface) !important;
color:var(--sag-buy-ink) !important;
box-shadow:inset 0 1px 0 rgba(255,232,189,.28),inset 0 -7px 16px rgba(29,0,8,.26),0 8px 22px rgba(70,8,24,.30),0 2px 5px rgba(0,0,0,.15) !important;
font-family:Inter,ui-sans-serif,system-ui,sans-serif;
font-size:.98rem;
font-weight:600;
line-height:1.35;
letter-spacing:.025em;
text-align:center;
text-transform:none;
text-decoration:none;
text-shadow:0 1px 2px rgba(32,0,10,.5);
cursor:pointer;
touch-action:manipulation;
-webkit-tap-highlight-color:transparent;
transform:none;
filter:none;
transition:transform 220ms ease,box-shadow 220ms ease,border-color 220ms ease;
}
/* Keep the identity in every state, without changing mobile dimensions. */
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:is(:hover,:focus-visible,:active) {
background:var(--sag-buy-surface) !important;
color:var(--sag-buy-ink) !important;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet.sag-acquire-ready {
display:grid;
grid-template-columns:26px minmax(0,1fr) 30px;
column-gap:13px;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet > span {
position:relative;
z-index:1;
min-width:0;
pointer-events:none;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet .sag-acquire__label {
text-wrap:balance;
overflow-wrap:anywhere;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet :is(.sag-acquire__ornament,.sag-acquire__arrow) {
display:grid;
place-items:center;
width:26px;
height:30px;
color:#edd19a;
transition:transform 220ms ease;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet .sag-acquire__arrow {
width:30px;
border:1px solid rgba(240,214,163,.38);
border-radius:50%;
background:rgba(255,227,180,.055);
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet svg {
display:block;
width:18px;
height:18px;
overflow:visible;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::before {
content:"";
position:absolute;
z-index:0;
inset:0;
width:auto;
border-radius:inherit;
pointer-events:none;
background:radial-gradient(ellipse 170px 90px at var(--sag-buy-x) var(--sag-buy-y),rgba(255,225,168,.24),transparent 75%);
mix-blend-mode:screen;
opacity:0;
transform:none;
transition:opacity 220ms ease;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::after {
content:"";
position:absolute;
z-index:0;
inset:-60% auto -60% -36%;
width:30%;
pointer-events:none;
background:linear-gradient(90deg,transparent,rgba(255,238,191,.10) 25%,rgba(255,242,214,.34) 50%,rgba(255,238,191,.10) 75%,transparent);
opacity:0;
transform:translateX(-80%) skewX(-18deg);
transition:none;
animation:none;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:focus-visible {
outline:3px solid #f4d49a;
outline-offset:4px;
box-shadow:inset 0 0 0 4px rgba(245,216,169,.12),0 0 0 2px #45101d,0 8px 28px rgba(99,24,42,.38) !important;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover {
transform:translateY(-2px);
border-color:#f4d8a4 !important;
box-shadow:inset 0 1px 0 rgba(255,237,204,.42),inset 0 -7px 16px rgba(29,0,8,.20),0 13px 28px rgba(95,15,37,.35),0 0 18px rgba(210,168,102,.14) !important;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:not(:disabled,[aria-disabled="true"],[aria-busy="true"])[data-sag-pointer="on"]::before {
opacity:1;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover::after {
animation:sag-acquire-reflection 850ms cubic-bezier(.22,.61,.36,1) 1 both;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:not(:disabled,[aria-disabled="true"],[aria-busy="true"]):hover .sag-acquire__arrow {
transform:translateX(2px);
}
}
@keyframes sag-acquire-reflection {
0% { transform:translateX(-80%) skewX(-18deg);opacity:0;}
15%,80% { opacity:1;}
100% { transform:translateX(520%) skewX(-18deg);opacity:0;}
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:not(:disabled,[aria-disabled="true"],[aria-busy="true"]):active {
transform:translateY(1px) scale(.992);
box-shadow:inset 0 3px 12px rgba(25,0,8,.4),inset 0 0 0 4px rgba(245,216,169,.07),0 3px 9px rgba(55,7,19,.25) !important;
}
#mobileBuyArtwork.purchase-velvet {
min-height:58px;
padding:10px;
font-size:.79rem;
letter-spacing:0;
}
#mobileBuyArtwork.purchase-velvet.sag-acquire-ready {
grid-template-columns:minmax(0,1fr) 16px;
column-gap:6px;
}
#mobileBuyArtwork.purchase-velvet .sag-acquire__ornament { display:none;}
#mobileBuyArtwork.purchase-velvet .sag-acquire__arrow {
width:16px;
height:24px;
border:0;
background:none;
}
#mobileBuyArtwork.purchase-velvet svg { width:16px;height:16px;}
@media (max-width:900px) {
:is(#buyArtwork,#serverBuyArtwork).purchase-velvet { min-height:58px;padding:13px 17px;font-size:.93rem;}
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) {
transform:none;
filter:none;
opacity:.72;
cursor:not-allowed;
transition:none;
box-shadow:inset 0 0 0 4px rgba(243,219,174,.08) !important;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet[aria-busy="true"] { cursor:progress;}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:is(:disabled,[aria-disabled="true"],[aria-busy="true"])::before,
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:is(:disabled,[aria-disabled="true"],[aria-busy="true"])::after {
display:none;
animation:none;
transition:none;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:is(:disabled,[aria-disabled="true"],[aria-busy="true"]) * {
animation:none;
transition:none;
transform:none;
}
@media (prefers-reduced-motion:reduce) {
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet,
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet *,
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::before,
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::after {
animation:none !important;
transition:none !important;
transform:none !important;
filter:none !important;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::before,
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::after { display:none;}
}
@media (forced-colors:active) {
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet {
--sag-buy-surface:ButtonFace;
--sag-buy-ink:ButtonText;
background:ButtonFace !important;
color:ButtonText !important;
border-color:ButtonText !important;
box-shadow:none !important;
text-shadow:none;
}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet:focus-visible { outline-color:Highlight;}
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::before,
:is(#buyArtwork,#mobileBuyArtwork,#serverBuyArtwork).purchase-velvet::after { display:none;}
}