/* ==========================================================================
   Venus Gift Cards (22 Oct 2026, final)
   Two collections from one component:
     Signature  - Noir (the default), Bordeaux, Emerald, Rose. Satin colour,
                  the Venus eye in gold foil, almost no text.
     Occasions  - the greeting written on the card, for when there is an event.
   Text scales with the card through container units, so the same markup is a
   thumbnail, a hero and the recipient's card.
   ========================================================================== */

.gc-card{
  --foil:linear-gradient(110deg,#A4712F 0%,#F7E8BE 22%,#C9A227 42%,#FFF4D6 58%,#B8862F 78%,#EED7A0 100%);
  --bg:radial-gradient(130% 150% at 85% 0%,#302822 0%,#16120E 50%,#070605 100%);
  --fg:#F3E3BD;--logo:var(--foil);--eye:var(--foil);--eye-o:.46;--hello:var(--foil);
  --gc-serif:var(--ff-d,"Fraunces",Georgia,serif);--gc-sans:var(--ff-b,"Instrument Sans",Helvetica,Arial,sans-serif);
  position:relative;container-type:inline-size;width:100%;max-width:100%;aspect-ratio:1.586/1;
  border-radius:5.2%/8.25%;overflow:hidden;isolation:isolate;background:var(--bg);color:var(--fg);
  box-shadow:0 1px 1px rgba(0,0,0,.08),0 3px 8px rgba(28,23,17,.12),0 30px 60px -20px rgba(28,23,17,.6);
  -webkit-font-smoothing:antialiased;text-align:left}
.gc-card::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.2;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.gc-card::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.18) 45%,rgba(255,255,255,0) 58%)}
.gc-card.gc-shine::after{background:linear-gradient(118deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.3) 50%,rgba(255,255,255,0) 60%);background-size:260% 100%;animation:gcShine 6.5s ease-in-out infinite}
@keyframes gcShine{0%{background-position:125% 0}38%,100%{background-position:-65% 0}}

/* colours */
.gc-d-noir,.gc-d-anniversary{--bg:radial-gradient(130% 150% at 85% 0%,#302822 0%,#16120E 50%,#070605 100%)}
.gc-d-bordeaux,.gc-d-shaadi{--bg:radial-gradient(130% 150% at 85% 0%,#A3263B 0%,#6A1424 52%,#3B0913 100%);--fg:#F6E2B3}
.gc-d-emerald,.gc-d-eid{--bg:radial-gradient(130% 150% at 85% 0%,#1E7559 0%,#0E4535 52%,#062118 100%);--fg:#F2E3B6}
.gc-d-rose{--bg:radial-gradient(130% 150% at 85% 0%,#FCE4E9 0%,#EEB6C3 52%,#D08498 100%);--fg:#4A1F2B;--logo:linear-gradient(#4A1F2B,#4A1F2B);--eye:linear-gradient(120deg,rgba(255,255,255,.8),rgba(255,255,255,.22));--eye-o:1}
.gc-d-birthday{--bg:radial-gradient(130% 150% at 85% 0%,#FDE8EC 0%,#F3C2CE 55%,#DE97AA 100%);--fg:#4A1F2B;--logo:linear-gradient(#4A1F2B,#4A1F2B);--hello:linear-gradient(110deg,#6E2440,#B4506E 50%,#6E2440)}
.gc-d-thanks{--bg:radial-gradient(130% 150% at 85% 0%,#FCF6EA 0%,#EEDDBD 55%,#D9BF8F 100%);--fg:#4B3519;--logo:linear-gradient(#4B3519,#4B3519);--hello:linear-gradient(110deg,#5E3F15,#A47134 50%,#5E3F15)}
.gc-d-foryou{--bg:linear-gradient(112deg,#F6C7DB 0%,#D9C6F4 34%,#B5DDF4 66%,#C1EDDC 88%,#F5E2C6 100%);--fg:#2B2340;--logo:linear-gradient(#2B2340,#2B2340);--hello:linear-gradient(110deg,#3B2A5C,#6E58A8 50%,#3B2A5C)}

/* layers */
.gc-eye{position:absolute;z-index:1;right:-21%;top:50%;width:97%;aspect-ratio:5927/2448;transform:translateY(-50%);pointer-events:none;
  background:var(--eye);opacity:var(--eye-o);
  -webkit-mask:url(../assets/brand/eye_white.png) center/contain no-repeat;mask:url(../assets/brand/eye_white.png) center/contain no-repeat}
.gc-motif{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.gc-face{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:6.6cqw 7cqw 6.2cqw}
.gc-top{display:flex;align-items:center;justify-content:space-between;gap:4cqw}
.gc-logo{display:block;height:7.8cqw;aspect-ratio:3153/1023;background:var(--logo);
  -webkit-mask:url(../assets/brand/logo_lockup_white.png) left center/contain no-repeat;mask:url(../assets/brand/logo_lockup_white.png) left center/contain no-repeat}
.gc-kind{font:700 2.5cqw/1 var(--gc-sans);letter-spacing:.34em;text-transform:uppercase;white-space:nowrap}
.gc-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:4cqw}
.gc-for{min-width:0}
.gc-k{display:block;font:700 2.2cqw/1 var(--gc-sans);letter-spacing:.24em;text-transform:uppercase;opacity:.72;margin-bottom:1.8cqw}
.gc-v{display:block;font:400 5.8cqw/1.15 var(--gc-serif);max-width:44cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc-v.is-ph{opacity:.62;font-style:italic}
.gc-amt{text-align:right;flex:none}
.gc-cur{display:block;font:700 2.5cqw/1 var(--gc-sans);letter-spacing:.22em;opacity:.8;margin-bottom:1cqw}
.gc-num{display:block;font:400 12cqw/.92 var(--gc-serif);letter-spacing:-.015em}
.gc-dark .gc-num,.gc-dark .gc-kind{background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent}
/* occasion layout */
.gc-greet{margin:auto 0;padding-top:1cqw}
.gc-eyebrow{display:block;font:700 2.4cqw/1 var(--gc-sans);letter-spacing:.28em;text-transform:uppercase;opacity:.85;margin-bottom:2.6cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62cqw}
.gc-hello{display:block;width:max-content;max-width:74cqw;font:italic 300 11.6cqw/1.02 var(--gc-serif);letter-spacing:-.01em;padding-bottom:.6cqw;
  background:var(--hello);-webkit-background-clip:text;background-clip:text;color:transparent}
.gc-amt-s{position:absolute;right:7cqw;bottom:6.2cqw;text-align:right}
.gc-amt-s .gc-num{font-size:7.4cqw}
/* thumbnails: browsers will not draw text under about 6px, so tiny labels are dropped */
.gc-card.is-small{box-shadow:0 1px 1px rgba(0,0,0,.08),0 10px 20px -10px rgba(28,23,17,.45)}
.gc-card.is-small .gc-kind,.gc-card.is-small .gc-bottom,.gc-card.is-small .gc-eyebrow,.gc-card.is-small .gc-amt-s{display:none}
.gc-card.is-small .gc-face{padding:8cqw}
.gc-card.is-small .gc-logo{height:11cqw}
.gc-card.is-small .gc-hello{font-size:14.5cqw}

/* ---- builder page ---- */
.gc-page .gc-intro{padding:clamp(14px,2vw,26px) 0 0}
.gc-intro .wrap{max-width:760px}
.gc-intro h1{font-size:clamp(2.1rem,4.6vw,3.6rem);margin-top:6px}
.gc-intro .lead{margin-top:14px;max-width:44ch}
.gc-build-sec{padding:clamp(26px,3.4vw,44px) 0 clamp(36px,5vw,70px)}
.gc-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,5vw,72px);align-items:start}
.gc-stage{position:sticky;top:120px;perspective:1400px}
.gc-stage-glow{position:relative;padding:clamp(18px,3vw,38px)}
.gc-stage-glow::before{content:"";position:absolute;inset:6% 0 0;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(201,162,39,.32),rgba(240,228,215,0));filter:blur(10px)}
.gc-stage-card .gc-card{transform:rotate(-2deg) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.gc-stage-card .gc-card.is-swapped{animation:gcIn .45s cubic-bezier(.2,.7,.3,1)}
@keyframes gcIn{from{opacity:0;transform:rotate(-2deg) scale(.96)}to{opacity:1}}
.gc-stage-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;font-size:.78rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.gc-stage-note i{width:7px;height:7px;border-radius:50%;background:#2DB37A;box-shadow:0 0 0 4px rgba(45,179,122,.18)}
.gc-config{display:flex;flex-direction:column;gap:14px;min-width:0}
.gc-step{background:var(--card,#fff);border:1px solid var(--line,#e8e0d2);border-radius:var(--r-lg,28px);padding:clamp(18px,2.4vw,26px)}
.gc-step-h{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.gc-step-h h3{margin:0;font-size:1.08rem;font-family:var(--ff-b);font-weight:650;letter-spacing:0}
.gc-n{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--ink,#221c15);color:#fff;font-size:.82rem;font-weight:700}
.gc-tabs{display:inline-flex;padding:4px;margin-bottom:16px;border-radius:999px;background:var(--cream,#f4ede3);border:1px solid var(--line,#e8e0d2)}
.gc-tab{appearance:none;-webkit-appearance:none;border:0;margin:0;padding:9px 18px;border-radius:999px;background:none;font:650 .9rem/1 var(--ff-b);color:var(--ink-2);cursor:pointer;transition:background .2s,color .2s}
.gc-tab[aria-selected="true"]{background:var(--ink,#221c15);color:#fff}
.gc-tab:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.gc-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gc-designs[data-col="signature"]{grid-template-columns:repeat(4,1fr)}
.gc-designs[hidden]{display:none}
.gc-tile{position:relative;appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;gap:8px;padding:6px 6px 8px;margin:0;border:2px solid transparent;border-radius:14px;background:none;cursor:pointer;text-align:center;font:inherit;color:var(--ink-2);transition:border-color .2s,background .2s}
.gc-tile:hover{background:var(--cream,#f4ede3)}
.gc-tile[aria-pressed="true"]{border-color:var(--ink,#221c15);background:var(--cream,#f4ede3)}
.gc-tile > span{font-size:.84rem;font-weight:650}
.gc-tile:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.gc-badge{position:absolute;z-index:5;top:-8px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:var(--bronze,#a47134);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.gc-formwrap .wpcf7-form > p:empty{display:none}
.gc-formwrap .gc-step{margin-top:14px}
.gc-formwrap .gc-step:first-child{margin-top:0}
.gc-pills .wpcf7-radio{display:flex;flex-wrap:wrap;gap:9px}
.gc-pills .wpcf7-list-item{margin:0}
.gc-pills .wpcf7-list-item label{position:relative;display:inline-flex;align-items:center;padding:12px 18px;border:1.5px solid var(--line,#e8e0d2);border-radius:999px;background:#fff;font-weight:650;font-size:.96rem;color:var(--ink,#221c15);cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.gc-pills .wpcf7-list-item input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.gc-pills .wpcf7-list-item label:hover{border-color:var(--bronze,#a47134)}
.gc-pills .wpcf7-list-item label:has(input:checked){background:var(--ink,#221c15);border-color:var(--ink,#221c15);color:#fff}
.gc-pills .wpcf7-list-item label:has(input:focus-visible){outline:2px solid var(--bronze,#a47134);outline-offset:2px}
.gc-custom{margin-top:12px}
.gc-custom[hidden],.gc-rphone[hidden]{display:none}
.gc-formwrap input[type=text],.gc-formwrap input[type=tel],.gc-formwrap input[type=email],.gc-formwrap input[type=number],.gc-formwrap input[type=date],.gc-formwrap textarea{width:100%;padding:12px 14px;border:1px solid var(--line,#e8e0d2);border-radius:10px;background:#fff;font:inherit;font-size:.95rem;color:var(--ink,#221c15);transition:border-color .2s,box-shadow .2s}
.gc-formwrap textarea{min-height:84px;resize:vertical}
.gc-formwrap input:focus,.gc-formwrap textarea:focus{outline:none;border-color:var(--bronze,#a47134);box-shadow:0 0 0 3px rgba(138,106,62,.13)}
.gc-formwrap .wpcf7-form-control-wrap{display:block}
.gc-formwrap input[type=submit]{padding:15px 30px;border:0;border-radius:999px;background:var(--ink,#221c15);color:#fff;font:inherit;font-size:1rem;font-weight:650;cursor:pointer;transition:opacity .2s}
.gc-formwrap input[type=submit]:hover{opacity:.88}
.gc-formwrap .wpcf7-not-valid{border-color:#B3261E}
.gc-formwrap .wpcf7-not-valid-tip{font-size:.8rem;margin-top:4px}
.gc-formwrap .wpcf7-response-output{margin:14px 0 0;border-radius:12px;font-size:.9rem}
.gc-pills .wpcf7-list-item label{margin:0}
.gc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gc-two > p,.gc-formwrap .gc-step > p{margin:0 0 10px}
.gc-rphone{margin-top:12px}
.gc-lbl{display:block;margin-bottom:6px;font-size:.8rem;font-weight:650;color:var(--ink-2)}
.gc-hint{margin:2px 0 0;font-size:.82rem;color:var(--ink-3)}
.gc-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}
.gc-submit input[type=submit]{min-width:240px}
.gc-sum{font-size:.92rem;color:var(--ink-2);font-weight:600}
.gc-done{background:var(--card,#fff);border:1px solid var(--line,#e8e0d2);border-radius:var(--r-lg,28px);padding:clamp(24px,3.2vw,40px)}
.gc-done[hidden]{display:none}
.gc-done h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin-top:6px}
.gc-done p{margin-top:12px;color:var(--ink-2)}
.gc-ref{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 16px;border:1.5px dashed var(--bronze,#a47134);border-radius:12px;font-size:.92rem}
.gc-ref b{font-family:"Courier New",monospace;font-size:1.15rem;letter-spacing:.06em}
.gc-done .btn{margin-top:22px}
.gc-how-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,28px)}
.gc-how-row > div{text-align:center;padding:10px 12px}
.gc-how-ic{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 14px;border-radius:50%;background:var(--blush,#f0e4d7)}
.gc-how-ic svg{width:26px;height:26px;color:var(--bronze-2,#8a5d28)}
.gc-how-row b{display:block;font-family:var(--ff-d);font-weight:480;font-size:1.25rem;color:var(--ink)}
.gc-how-row p{margin-top:6px;font-size:.95rem;color:var(--ink-2)}
.gc-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.gc-facts li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--cream,#f4ede3);border:1px solid var(--line,#e8e0d2);font-size:.9rem;font-weight:600;color:var(--ink-2)}
.gc-facts svg{width:15px;height:15px;color:var(--bronze);flex:none}
.gc-faq .faq{max-width:760px;margin:0 auto}
.gc-page [data-rv],.gc-page .mask-w{opacity:1;transform:none;clip-path:none}

/* ---- service-page strip ---- */
.gcb .gcb-inner{display:grid;grid-template-columns:minmax(0,300px) 1fr auto;gap:clamp(20px,3.4vw,48px);align-items:center;background:var(--cream);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3vw,36px)}
.gcb .gcb-card{max-width:300px}
.gcb .gcb-card .gc-card{transform:rotate(-3deg)}
.gcb h2{font-size:clamp(1.35rem,2.3vw,1.85rem);margin-top:4px}
.gcb p{margin-top:8px;color:var(--ink-2);max-width:44ch}
.gcb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gcb-chips a{padding:7px 13px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-size:.86rem;font-weight:650;color:var(--ink)}
.gcb-chips a:hover{border-color:var(--bronze)}
.gcb,.gcb h2,.gcb .gcb-inner,.gcb .gcb-inner > *{opacity:1;transform:none;clip-path:none}

/* ---- recipient gift page ---- */
.gcg-body{margin:0;min-height:100vh;background:radial-gradient(120% 70% at 50% 0%,#FFFFFF 0%,#FBF8F4 45%,#F3EBE0 100%)}
.gcg-head{display:flex;justify-content:center;padding:26px 20px 6px}
.gcg-head img{height:34px;width:auto}
.gcg{max-width:520px;margin:0 auto;padding:18px 20px 70px;text-align:center}
.gcg-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze,#a47134);margin:14px 0 6px}
.gcg h1{font-size:clamp(1.9rem,7vw,2.6rem);line-height:1.1;margin:0 0 26px}
.gc-tiltwrap{perspective:1600px;max-width:460px;margin:0 auto;animation:gcRise .9s cubic-bezier(.2,.75,.25,1) both}
@keyframes gcRise{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.gc-flip{position:relative;cursor:pointer;outline:none;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.2,.7,.3,1);transform-style:preserve-3d}
.gc-flip-in{position:relative;transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.2,.75,.25,1)}
.gc-flip.is-open .gc-flip-in{transform:rotateY(180deg)}
.gc-side{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gc-front{position:absolute;inset:0;transform:rotateY(180deg)}
.gc-back-face{align-items:center;justify-content:center;gap:3.4cqw;text-align:center}
.gc-back .gc-eye{opacity:.14}
.gc-back .gc-motif{opacity:.55}
.gc-back-face .gc-logo{height:10cqw;-webkit-mask-position:center;mask-position:center}
.gc-b-to{font:italic 300 7.4cqw/1.1 var(--gc-serif);background:var(--hello);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.5cqw}
.gc-light .gc-b-to{background:none;color:var(--fg)}
.gc-b-tap{display:inline-flex;align-items:center;padding:2.4cqw 5cqw;border-radius:999px;border:1px solid currentColor;font:700 2.6cqw/1 var(--gc-sans);letter-spacing:.2em;text-transform:uppercase;animation:gcPulse 2.2s ease-in-out infinite}
@keyframes gcPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.gc-flip:focus-visible .gc-card{outline:3px solid var(--bronze,#a47134);outline-offset:4px}
.gcg-hint{margin-top:18px;font-size:.88rem;color:var(--ink-3,#8b8272)}
.gc-tiltwrap.is-open + .gcg-hint{display:none}
.gc-burst{position:absolute;inset:0;pointer-events:none;z-index:5}
.gc-burst i{position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:50%;opacity:0}
.gc-flip.is-open .gc-burst i{animation:gcBurst 1.3s cubic-bezier(.15,.7,.3,1) .4s forwards}
@keyframes gcBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1)}}
.gcg-details{margin-top:30px;text-align:left;opacity:0;transform:translateY(14px);transition:opacity .6s ease .75s,transform .6s ease .75s}
.gcg-details.is-in{opacity:1;transform:none}
.gcg-msg{margin:0 0 18px;padding:20px 22px;border-radius:18px;background:#fff;border:1px solid var(--line,#e8e0d2);font-family:var(--ff-d,Georgia,serif);font-style:italic;font-size:1.15rem;line-height:1.5;color:var(--ink,#221c15)}
.gcg-msg cite{display:block;margin-top:10px;font-style:normal;font-family:var(--ff-b,Helvetica,Arial,sans-serif);font-size:.82rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze,#a47134)}
.gcg-code{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:1.5px dashed var(--bronze,#a47134);border-radius:16px;background:#FFFDF8}
.gcg-code small{display:block;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze,#a47134);margin-bottom:4px}
.gcg-code b{font-family:"Courier New",monospace;font-size:1.35rem;letter-spacing:.08em;color:var(--ink,#221c15)}
.gcg-copy{appearance:none;border:1.5px solid var(--ink,#221c15);background:#fff;border-radius:999px;padding:9px 16px;font:650 .86rem/1 var(--ff-b,Helvetica,Arial,sans-serif);cursor:pointer;color:var(--ink,#221c15)}
.gcg-copy.is-done{background:var(--ink,#221c15);color:#fff}
.gcg-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.gcg-meta div{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line,#e8e0d2)}
.gcg-meta span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3,#8b8272)}
.gcg-meta b{display:block;margin-top:4px;font-size:1.05rem;color:var(--ink,#221c15)}
.gcg-cta{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.gcg-cta .btn{width:100%;justify-content:center}
.gcg-how{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.gcg-how li{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--ink-2,#57503f)}
.gcg-how li span{flex:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--blush,#f0e4d7);font-size:.8rem;font-weight:700;color:var(--bronze-2,#8a5d28)}
.gcg-note{margin-top:26px;font-size:.8rem;color:var(--ink-3,#8b8272);text-align:center}
.gcg-state{margin-top:26px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--line,#e8e0d2);color:var(--ink-2)}

@media (max-width:1000px){
.gc-builder{grid-template-columns:1fr}
.gc-stage{position:relative;top:0;max-width:520px;margin:0 auto;width:100%}
.gcb .gcb-inner{grid-template-columns:1fr}
.gcb .gcb-card{max-width:260px}
}
@media (max-width:640px){
.gc-designs,.gc-designs[data-col="signature"]{grid-template-columns:repeat(2,1fr)}
.gc-two{grid-template-columns:1fr}
.gc-how-row{grid-template-columns:1fr}
.gc-submit input[type=submit]{width:100%}
}
@media (prefers-reduced-motion:reduce){
.gc-card.gc-shine::after,.gc-b-tap,.gc-flip.is-open .gc-burst i,.gc-tiltwrap,.gc-stage-card .gc-card{animation:none}
.gc-flip-in,.gcg-details,.gc-flip,.gc-stage-card .gc-card{transition:none}
.gc-stage-card .gc-card,.gcb .gcb-card .gc-card{transform:none}
}

/* ---- wp-admin ---- */
.gca-cards{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 4px}
.gca-cards label{display:flex;flex-direction:column;align-items:center;gap:6px;width:140px;cursor:pointer;text-align:center}
.gca-cards input{margin:0}
.gca-preview{width:340px;max-width:100%}
.gca-box{background:#fff;border:1px solid #ccd0d4;padding:16px 18px;margin:14px 0;max-width:1180px}
.gca-due{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;background:#a46b00;color:#fff}
.gca-later{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em;background:#e4e7eb;color:#333}