@import url('https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&display=swap');

.sgv-widget{
  --sgv-bg:#0e0b05;
  --sgv-panel:#1a1d24;
  --sgv-panel-2:#14161c;
  --sgv-input:#050505;
  --sgv-gold:#efae54;
  --sgv-gold-deep:#d69528;
  --sgv-gold-gradient:linear-gradient(180deg,#efae54 0%,#d69528 100%);
  --sgv-white:#fcfcfc;
  --sgv-muted:#FCFCFC;
  --sgv-line:rgba(255,255,255,.10);
  --sgv-gold-line:rgba(239,174,84,.38);
  --sgv-error:#ee7a70;
  --sgv-green:#2fbf71;
  --sgv-display:'Syne',sans-serif;
  --sgv-body:'Niveau Grotesk','Segoe UI',system-ui,-apple-system,sans-serif;
  width:100%;
  background:var(--sgv-bg);
  color:var(--sgv-white);
  font-family:var(--sgv-body);
  padding:clamp(18px,3vw,34px);
  box-sizing:border-box;
}
.sgv-widget *, .sgv-widget *:before, .sgv-widget *:after{box-sizing:border-box}
.sgv-wrap{width:min(var(--sgv-max-width,1200px),100%);margin:0 auto}
.sgv-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:28px;align-items:start}
.sgv-panel,.sgv-preview,.sgv-summary{background:var(--sgv-panel);border:1px solid var(--sgv-line);color:var(--sgv-white)}
.sgv-panel{padding:24px;margin-bottom:18px}
.sgv-panel-title{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-family:var(--sgv-display);font-size:18px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--sgv-gold)}
.sgv-panel-title span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;border:1px solid var(--sgv-gold);font-size:10px;letter-spacing:0;color:var(--sgv-gold)}
.sgv-tabs{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:18px}
.sgv-tab,.sgv-chip,.sgv-package,.sgv-rows button,.sgv-stepper button,.sgv-buy{appearance:none;border:0;cursor:pointer;font-family:var(--sgv-display)}
.sgv-tab{min-height:50px;border:1px solid var(--sgv-gold-line);background:transparent;color:var(--sgv-gold);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sgv-tab.is-active{background:var(--sgv-gold-gradient);color:var(--sgv-bg);border-color:transparent}
.sgv-tab-only{cursor:default}
.sgv-chips{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr)) minmax(170px,3.0fr);gap:10px;align-items:center}
.sgv-chip{min-height:38px;background:#111217;border:1px solid var(--sgv-line);color:var(--sgv-muted);font-size:16px;font-weight:500; font-family: var(--sgv-body); max-width:100px; width:100%;}
.sgv-chip.is-active{border-color:var(--sgv-gold);color:var(--sgv-bg);background:var(--sgv-gold-gradient)}
.sgv-custom{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:var(--sgv-muted);font-size:16px}
.sgv-custom input,.sgv-widget input,.sgv-widget textarea{width:100%;background:var(--sgv-input);border:1px solid rgba(255,255,255,.18);border-radius:0;color:var(--sgv-white);font-family:var(--sgv-body);font-size:14px;min-height:40px;padding:10px 12px;outline:none}
.sgv-widget input:focus,.sgv-widget textarea:focus{border-color:var(--sgv-gold);box-shadow:0 0 0 2px rgba(239,174,84,.14)}
.sgv-hint{margin:12px 0 0;color:var(--sgv-muted);font-size:16px;line-height:1.55}
.sgv-packages{display:grid;gap:10px}
.sgv-package{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;background:#101115;border:1px solid var(--sgv-line);color:var(--sgv-white);padding:14px 16px}
.sgv-package.is-active{border-color:var(--sgv-gold);background:rgba(239,174,84,.08)}
.sgv-package b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--sgv-gold-line);color:var(--sgv-gold);font-size:11px}
.sgv-package strong{display:block;font-family:var(--sgv-display);font-size:20px;font-weight:700;line-height:1.4}
.sgv-package small{display:block;color:var(--sgv-muted);font-family:var(--sgv-body);font-size:14px;line-height:1.35;margin-top:3px}
.sgv-package em{font-style:normal;color:var(--sgv-gold);font-family:var(--sgv-body);font-size:18px;white-space:nowrap}
.sgv-rows{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.sgv-rows[hidden]{display:none!important}
.sgv-rows button{padding:13px 14px;background:#050505;border:1px solid var(--sgv-line);color:var(--sgv-white);text-align:left;font-size:18px;font-weight:700; text-transform: uppercase;}
.sgv-rows button span{display:block;color:var(--sgv-gold);font-family:var(--sgv-body);font-size:16px;margin-top:3px}
.sgv-rows button.is-active{border-color:var(--sgv-gold);background:rgba(239,174,84,.08)}
.sgv-stepper{display:flex;align-items:center;gap:12px;margin-top:14px;color:var(--sgv-muted);font-size:18px}
.sgv-stepper button{width:30px;height:30px;border:1px solid var(--sgv-gold-line);background:transparent;color:var(--sgv-gold);font-size:17px;line-height:1; padding:0;}
.sgv-stepper strong{min-width:24px;text-align:center;color:var(--sgv-white)}
.sgv-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sgv-form-grid label,.sgv-direct-fields label{display:grid;gap:7px;font-family:var(--sgv-body);font-size:15px;color:var(--sgv-white)}
.required {color: #EFAE54; margin-left: 4px;} .sgv-form-grid span {display: contents;}
.sgv-full{grid-column:1/-1}
.sgv-widget textarea{min-height:86px;resize:vertical}
.sgv-radio{display:flex;gap:12px;align-items:flex-start;background:#050505;border:1px solid var(--sgv-line);padding:14px 16px;margin-top:12px;color:var(--sgv-white);cursor:pointer;font-family: var(--sgv-body); font-weight: 100;}
.sgv-radio input{width:auto;min-height:0;accent-color:var(--sgv-gold);margin-top:3px}
.sgv-radio b{display:block;font-size:16px;line-height:1.40}
.sgv-radio small{display:block;color:var(--sgv-muted);font-size:14px;line-height:1.45;margin-top:2px}
.sgv-radio.is-active{border-color:var(--sgv-gold)}
.sgv-direct-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.sgv-side{position:sticky;top:140px;display:grid;gap:18px}
.sgv-preview{position:relative;overflow:hidden;padding:26px;background:radial-gradient(300px 180px at 100% 0,rgba(239,174,84,.13),transparent 58%),linear-gradient(160deg,#191b22,#0b0b0d);min-height:282px;border-color:var(--sgv-gold-line);border-width:2px;}
.sgv-preview:after{content:'';position:absolute;inset:12px;border:1px solid rgba(239,174,84,.18);pointer-events:none}
.sgv-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.sgv-preview-head span{font-family:var(--sgv-display);font-size:15px;font-weight:800;letter-spacing:.22em;color:var(--sgv-gold)}
.sgv-preview-head small{font-family:var(--sgv-display);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--sgv-gold-deep)}
.sgv-preview-value{position:relative;z-index:1;margin-top:26px;font-family:var(--sgv-display);font-size:40px;font-weight:700;line-height:1; background: linear-gradient(90deg, #EFAE54 0%, #D69528 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  color: transparent;}
.sgv-preview-sub{position:relative;z-index:1;margin-top:8px;font-size:14px;line-height:1.35;color:var(--sgv-muted)}
.sgv-preview-line{position:relative;z-index:1;margin-top:18px;font-size:14px;letter-spacing:.12em;color:var(--sgv-gold);text-transform:uppercase}
.sgv-preview-line b{color:var(--sgv-white);font-weight:700;letter-spacing:.08em}
.sgv-preview-msg{position:relative;z-index:1;margin-top:8px;color:#d5d0c8;font-size:14px;line-height:1.45;min-height:18px}
.sgv-preview-code{position:relative;z-index:1;margin-top:18px;padding-top:12px;border-top:1px dashed rgba(239,174,84,.34);font-family:monospace;color:var(--sgv-gold);font-size:12px;letter-spacing:.12em; width:100%;}
.Site-name a {color: var(--sgv-muted); font-size: 14px; line-height: 1.55; font-weight: 400; }
.sgv-summary{padding:22px;background:#050505;border-color:var(--sgv-line)}
.sgv-summary h3{font-family:var(--sgv-display);font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sgv-gold);margin:0 0 16px}
.sgv-summary > div{display:flex;justify-content:space-between;gap:14px;color:var(--sgv-muted);font-size:14px;line-height:1.4;padding:7px 0}
.sgv-summary > div b{color:var(--sgv-white);font-weight:500;text-align:right}
.sgv-summary .sgv-total{border-top:1px solid var(--sgv-line);margin-top:9px;padding-top:14px;color:var(--sgv-gold);font-family:var(--sgv-display);font-size:16px;text-transform:uppercase}
.sgv-summary .sgv-total b{font-family:var(--sgv-display);font-size:18px;font-weight:700;color:var(--sgv-gold)}
.sgv-buy{width:100%;min-height:46px;margin-top:16px;background:var(--sgv-gold-gradient);color:var(--sgv-bg);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.sgv-buy[disabled]{opacity:.55;cursor:wait}
.sgv-secure{text-align:center;margin:13px 0 0;color:var(--sgv-muted);font-size:14px}
.sgv-response{margin-top:16px;padding:14px 16px;border:1px solid var(--sgv-gold-line);background:rgba(239,174,84,.08);color:var(--sgv-white);font-size:13px;line-height:1.5}
.sgv-response.is-error{border-color:rgba(238,122,112,.5);background:rgba(238,122,112,.12)}
img.sqs-logo-img {width: 90px;}
@media(max-width:980px){.sgv-grid{grid-template-columns:1fr}.sgv-side{position:static}.sgv-preview{min-height:250px}.sgv-chips{grid-template-columns:repeat(4,1fr)}.sgv-custom{grid-column:1/-1}}
@media(max-width:620px){.sgv-widget{padding:12px}.sgv-panel{padding:18px}.sgv-tabs,.sgv-form-grid,.sgv-direct-fields,.sgv-rows{grid-template-columns:1fr}.sgv-chips{grid-template-columns:repeat(2,1fr)}.sgv-package{grid-template-columns:30px minmax(0,1fr)}.sgv-package em{grid-column:2}.sgv-preview,.sgv-summary{padding:18px}.sgv-preview-head{align-items:flex-start;flex-direction:column}.sgv-preview-value{font-size:30px}.sgv-widget input,.sgv-widget textarea{font-size:16px}}

/* Quick WooCommerce checkout popup. Existing voucher widget layout above is unchanged. */
html.sgv-modal-open,
html.sgv-modal-open body{overflow:hidden!important}
.sgv-checkout-modal[hidden]{display:none!important}
.sgv-checkout-modal{
  position:fixed;
  z-index:999999;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  font-family:var(--sgv-body,'Niveau Grotesk','Segoe UI',system-ui,sans-serif)
}
.sgv-checkout-backdrop{position:absolute;inset:0;background:rgba(3,3,5,.86);backdrop-filter:blur(7px)}
.sgv-checkout-dialog{
  position:relative;
  width:min(100%,980px);
  height:min(92vh,900px);
  display:flex;
  flex-direction:column;
  background:#0d0e12;
  border:1px solid #8c672c;
  box-shadow:0 30px 100px rgba(0,0,0,.58);
  overflow:hidden
}
.sgv-checkout-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:76px;
  padding:15px 20px;
  background:#111216;
  border-bottom:1px solid #6d5128;
  color:#fff
}
.sgv-checkout-header small{display:block;color:#d89a39;font:700 9px/1 var(--sgv-display,'Syne',sans-serif);letter-spacing:.18em}
.sgv-checkout-header strong{display:block;margin-top:7px;font:700 20px/1.2 var(--sgv-display,'Syne',sans-serif)}
.sgv-checkout-actions{display:flex;align-items:center;gap:10px}
.sgv-checkout-actions>a{color:#efae54;font-size:12px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(239,174,84,.45);padding-bottom:2px}
.sgv-checkout-actions>a[hidden]{display:none!important}
.sgv-checkout-close{
  appearance:none;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid rgba(239,174,84,.4);
  background:transparent;
  color:#efae54;
  font:300 30px/1 Arial,sans-serif;
  cursor:pointer
}
.sgv-checkout-close:hover{background:rgba(239,174,84,.1)}
.sgv-checkout-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#f7f3ea}
.sgv-checkout-loading[hidden]{display:none!important}
.sgv-checkout-loading span{width:38px;height:38px;border:3px solid rgba(232,165,66,.22);border-top-color:#e8a542;border-radius:50%;animation:sgv-spin .75s linear infinite}
.sgv-checkout-loading p{margin:0;font-size:15px}
.sgv-checkout-frame{display:block;width:100%;height:100%;flex:1;border:0;background:#0d0e12}
.sgv-checkout-frame[hidden]{display:none!important}
@keyframes sgv-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){
  .sgv-checkout-modal{padding:0}
  .sgv-checkout-dialog{width:100%;height:100vh;max-height:none;border:0}
  .sgv-checkout-header{min-height:68px}
}
@media(max-width:520px){
  .sgv-checkout-actions>a{display:none!important}
  .sgv-checkout-header strong{font-size:17px}
}