/* Lutin & Co premium gold layer. Load AFTER site.css. Shine animation is off for reduced motion. */
:root{--foil:linear-gradient(115deg,#8a6420 0%,#d9a640 18%,#fbe7a1 32%,#f2c45a 45%,#a8792a 62%,#f6d77f 80%,#9c6f24 100%)}
/* gold rules and borders become foil */
header.top,.hero2,.hero,.sample,footer{border-image:var(--foil) 1}
.hero2 h1:after,.hero h1:after{background:var(--foil);height:5px;width:120px;box-shadow:0 0 12px #f2c45a66}
.hero:before,.hero2-in:before{background:linear-gradient(90deg,transparent,#fbe7a1,#d9a640,#fbe7a1,transparent);height:3px}
/* foil badges with a slow shine sweep */
.badge,.plabel{background:var(--foil)!important;background-size:200% 100%!important;color:#2b1d00!important;
  text-shadow:0 1px 0 #fff6;box-shadow:inset 0 1px 0 #fff8,inset 0 -1px 0 #7a5418,0 2px 8px #0003!important;
  animation:lc-shine 6s ease-in-out infinite}
@keyframes lc-shine{0%,70%{background-position:100% 0}100%{background-position:-100% 0}}
/* gold price text on dark: foil-filled with a glow */
.hero2 .bprice,.hero-offer .bprice{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  filter:drop-shadow(0 2px 6px #f2c45a55)}
/* framed cards and offer: double gold frame */
.offer,.xsell{border:3px solid transparent!important;background:linear-gradient(135deg,#fff,#fff6e4) padding-box,var(--foil) border-box!important;
  box-shadow:0 0 0 6px #fffaf0,0 0 0 7px #c99a3e88,0 18px 40px #3a250022!important}
.tool,.badges li{border-color:#c99a3e!important;box-shadow:inset 0 0 0 1px #fbe7a1,0 4px 14px #3a250014}
/* buttons: thin foil ring */
.btn.big{box-shadow:0 8px 22px #0006,0 0 0 2px #fbe7a1,0 0 0 4px #a8792a!important}
.btn.ghost{border:2px solid transparent!important;background:linear-gradient(#0f3d2ecc,#0f3d2ecc) padding-box,var(--foil) border-box!important}
.hero-tag{border:2px solid transparent!important;background:linear-gradient(#163d2e,#163d2e) padding-box,var(--foil) border-box!important}
@media (prefers-reduced-motion:reduce){.badge,.plabel{animation:none}}
/* hover / tap bling: light sweep on buttons, gold lift on cards, sparkle on badges */
.btn{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;pointer-events:none;
  background:linear-gradient(105deg,transparent,#fff7d6aa,transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn:hover:after,.btn:focus-visible:after{left:120%}
.btn:hover,.btn:focus-visible{transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.big:hover{box-shadow:0 12px 28px #0007,0 0 0 2px #fbe7a1,0 0 0 4px #d9a640,0 0 22px #f2c45a88!important}
.card,.tool,.xsell{transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.tool:hover,.xsell:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #f2c45a,0 14px 30px #3a250030,0 0 24px #f2c45a55!important}
.offer{transition:box-shadow .3s ease}
.offer:hover{box-shadow:0 0 0 6px #fffaf0,0 0 0 7px #d9a640,0 18px 44px #3a250030,0 0 36px #f2c45a55!important}
.badge:hover,.plabel:hover{animation-duration:1.2s}
@media (prefers-reduced-motion:reduce){.btn,.card,.tool,.xsell,.offer{transition:none}.btn:after{display:none}.btn:hover,.card:hover,.tool:hover,.xsell:hover{transform:none}}