/* One responsive layout for the existing name necklace configurator. */
.gs-name-wrap{padding:32px 20px 64px;background:#faf9f6}
.gs-config{max-width:1120px;margin:0 auto;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'intro intro' 'art form' 'art notes';gap:24px 36px;align-items:start}
.gs-hero-mini{grid-area:intro;text-align:center;padding:10px 0 20px}
.gold-necklace-eyebrow{font:500 11px/1.5 'Jost',sans-serif;letter-spacing:2px;color:#74806a;margin:0 0 12px}
.gs-hero-mini h2{font:400 clamp(27px,3vw,40px)/1.2 'Jost',sans-serif;margin:0 0 14px;color:#29382f}
.gs-hero-sub{font:400 16px/1.7 'Jost',sans-serif;color:#687266;max-width:600px;margin:0 auto}
.gold-necklace-art{grid-area:art;min-width:0;background:#eeeae2;border:1px solid #e2ded5;border-radius:14px;padding:24px;position:sticky;top:120px}
.gold-necklace-art #necklace-preview{--nameShift:120px;--y:0;display:flex;align-items:center;justify-content:center;width:100%;height:380px;margin:0;line-height:1;text-align:center;transform:none}
.gold-necklace-art #necklace-name{transform:translateY(var(--nameShift));max-width:100%}
.gold-necklace-art #necklace-name::before,.gold-necklace-art #necklace-name::after{transform:translateY(calc(-50% - var(--nameShift)))}
.gold-necklace-caption{text-align:center;color:#6a7369;font-size:12px;margin:24px 0 0;line-height:1.7}
.gs-form{grid-area:form;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;background:#fff;border:1px solid #e1e3da;border-radius:14px;padding:28px;margin:0;min-width:0;text-align:left}
.gs-field{display:flex;flex-direction:column;min-width:0}
.gs-field:first-of-type,.gs-field:has(textarea){grid-column:1/-1}
.gs-field label{font-size:14px;font-weight:500;color:#344235;margin-bottom:7px;line-height:1.4}
.gs-field input,.gs-field select,.gs-field textarea{width:100%;min-width:0;background:#fafaf7;border:1px solid #d6dbd0;border-radius:6px;min-height:46px;padding:11px 12px;font:400 16px/1.4 'Jost',sans-serif;color:#303d33}
.gs-field textarea{min-height:76px;resize:vertical}
.gold-necklace-price{grid-column:1/-1;border-top:1px solid #e2e3db;padding-top:17px;display:grid;grid-template-columns:1fr auto;gap:5px 16px;align-items:center;color:#55614f}
.gold-necklace-price output{font-size:26px;font-weight:500;color:#303d33}
.gold-necklace-price small{grid-column:1/-1;font-size:12px;line-height:1.6}
.gs-form .gs-buy-now{grid-column:1/-1;width:100%;background:#303d33;border:1px solid #303d33;color:white;border-radius:6px;min-height:50px;margin:0;font:500 15px/1.4 'Jost',sans-serif}
.gs-form .gs-buy-now:hover{background:#485746;border-color:#485746;color:#fff}
.gold-necklace-notes{grid-area:notes;background:#ecefe7;border-radius:10px;padding:22px 26px;font-size:14px;line-height:1.75;color:#55614f}
.gold-necklace-notes h3{font:500 18px/1.4 'Jost',sans-serif;margin:0 0 8px;color:#303d33}
.gold-necklace-notes p{margin-bottom:8px}.gold-necklace-notes ul{margin:0;padding-left:18px}
@media(max-width:767px){.gs-name-wrap{padding:22px 16px 40px}.gs-config{grid-template-columns:minmax(0,1fr);grid-template-areas:'intro' 'art' 'form' 'notes';gap:18px}.gs-hero-mini{padding:0 0 4px}.gs-hero-mini h2{font-size:28px}.gs-hero-sub{font-size:14px}.gold-necklace-art{position:static;padding:16px}.gold-necklace-art #necklace-preview{height:320px;--h:230px;--nameShift:100px;--fontSize:42px}.gold-necklace-caption{margin-top:20px;font-size:11px}.gs-form{padding:20px;gap:16px;grid-template-columns:minmax(0,1fr)}.gs-field{grid-column:1/-1}.gold-necklace-notes{padding:20px}.gold-necklace-price output{font-size:24px}}