/* Premium QR Codes — Studio 2027 responsive modernization */
body.pqr-studio-page {
  --s27-ink:#101626;--s27-muted:#667086;--s27-line:rgba(94,79,153,.13);
  --s27-glass:rgba(255,255,255,.72);--s27-soft:rgba(248,249,255,.72);
  --s27-shadow:0 22px 65px rgba(49,39,94,.10),inset 0 1px 0 rgba(255,255,255,.9);
  --s27-radius:24px;--s27-accent:#6547eb;--s27-accent2:#22b6d2;
  color:var(--s27-ink);background:radial-gradient(circle at 10% 4%,rgba(34,188,217,.10),transparent 30rem),radial-gradient(circle at 92% 6%,rgba(111,75,232,.13),transparent 34rem),#f4f6ff !important;
}
html[data-pqr-theme="midnight"] body.pqr-studio-page,
html[data-bs-theme="dark"] body.pqr-studio-page {
  --s27-ink:#f5f7ff;--s27-muted:#aab2c5;--s27-line:rgba(255,255,255,.10);
  --s27-glass:rgba(14,18,29,.78);--s27-soft:rgba(20,25,39,.75);
  --s27-shadow:0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07);
  background:radial-gradient(circle at 8% 3%,rgba(27,172,198,.08),transparent 30rem),radial-gradient(circle at 92% 4%,rgba(105,69,220,.14),transparent 34rem),#07090f !important;
}
body.pqr-studio-page .pqr-site-header {
  width:min(1440px,calc(100% - 32px));margin:14px auto 0;border:1px solid var(--s27-line) !important;border-radius:20px !important;
  background:var(--s27-glass) !important;box-shadow:var(--s27-shadow) !important;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);
}
body.pqr-studio-page .pqr-studio-main{padding-top:34px !important}
body.pqr-studio-page .pqr-studio-main>.container{max-width:1320px !important}
body.pqr-studio-page .pqr-studio-hero{max-width:900px;margin:0 auto 24px;padding:18px 20px 6px;text-align:center}
body.pqr-studio-page .pqr-studio-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--s27-line);border-radius:999px;background:var(--s27-glass);box-shadow:inset 0 1px rgba(255,255,255,.7);color:var(--s27-accent);font-size:.72rem;letter-spacing:.13em}
body.pqr-studio-page .pqr-studio-hero h1{margin:14px 0 10px !important;font-size:clamp(2.2rem,5vw,4rem) !important;line-height:1.02;letter-spacing:-.055em;color:var(--s27-ink) !important}
body.pqr-studio-page .pqr-studio-hero p{max-width:760px;margin:0 auto;color:var(--s27-muted) !important;font-size:1rem;line-height:1.65}
body.pqr-studio-page .pqr-type-navigation{display:flex;flex-wrap:nowrap;gap:9px;margin:0 auto 24px;padding:4px 2px 12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(101,71,235,.28) transparent}
body.pqr-studio-page .pqr-type-navigation .cat-btn{flex:0 0 auto;min-height:44px;padding:10px 15px !important;border:1px solid var(--s27-line) !important;border-radius:13px !important;background:var(--s27-glass) !important;color:var(--s27-ink) !important;box-shadow:0 7px 18px rgba(41,34,82,.06),inset 0 1px rgba(255,255,255,.72);scroll-snap-align:start;transition:transform .2s,background .2s,border-color .2s}
body.pqr-studio-page .pqr-type-navigation .cat-btn:hover{transform:translateY(-2px);border-color:rgba(101,71,235,.32) !important;background:var(--s27-soft) !important}
body.pqr-studio-page main .row>.col-lg-7,body.pqr-studio-page main .row>.col-lg-5{padding-left:9px;padding-right:9px}
body.pqr-studio-page .card,body.pqr-studio-page .card-custom,body.pqr-studio-page .pqr-export-studio,body.pqr-studio-page .pqr-qr-intelligence,body.pqr-studio-page .pqr-design-safety,body.pqr-studio-page .pqr-print-intelligence,body.pqr-studio-page .pqr-cert,body.pqr-studio-page .pqr-deployment{border:1px solid var(--s27-line) !important;border-radius:var(--s27-radius) !important;background:var(--s27-glass) !important;box-shadow:var(--s27-shadow) !important;-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}
body.pqr-studio-page .card-custom{padding:22px !important}
body.pqr-studio-page .panel{padding:0;margin-bottom:22px !important}
body.pqr-studio-page .panel+.panel{padding-top:21px;border-top:1px solid var(--s27-line)}
body.pqr-studio-page .input-label{color:var(--s27-ink) !important;font-size:.78rem;font-weight:750;letter-spacing:.025em}
body.pqr-studio-page .form-control,body.pqr-studio-page .form-select{min-height:50px;border:1px solid var(--s27-line) !important;border-radius:14px !important;background:var(--s27-soft) !important;color:var(--s27-ink) !important;box-shadow:inset 0 1px 2px rgba(31,25,65,.035)}
body.pqr-studio-page textarea.form-control{min-height:108px;padding:14px}
body.pqr-studio-page .form-control:focus,body.pqr-studio-page .form-select:focus{border-color:rgba(101,71,235,.55) !important;box-shadow:0 0 0 4px rgba(101,71,235,.10) !important}
body.pqr-studio-page .exclusive-pill,body.pqr-studio-page .option-pill,body.pqr-studio-page .pqr-segment,body.pqr-studio-page .pqr-size-option,body.pqr-studio-page .pqr-social-icon{min-height:44px;border:1px solid var(--s27-line) !important;border-radius:13px !important;background:var(--s27-soft) !important;color:var(--s27-ink) !important;box-shadow:none !important}
body.pqr-studio-page .exclusive-pill.active,body.pqr-studio-page .option-pill.active,body.pqr-studio-page .pqr-segment.active,body.pqr-studio-page .pqr-size-option.active{color:#fff !important;border-color:transparent !important;background:linear-gradient(135deg,#7655f2,#5432d3) !important;box-shadow:0 10px 24px rgba(87,53,211,.24) !important}
body.pqr-studio-page .pqr-designer-section{padding:18px !important;border:1px solid var(--s27-line) !important;border-radius:18px !important;background:var(--s27-soft) !important}
body.pqr-studio-page .pqr-gradient-swatch{border:2px solid rgba(255,255,255,.8) !important;box-shadow:0 0 0 1px var(--s27-line),0 5px 13px rgba(30,24,66,.12)}
body.pqr-studio-page .col-lg-5{position:relative}
body.pqr-studio-page .col-lg-5>.card:first-child{position:sticky;top:94px;padding:20px !important}
body.pqr-studio-page .pqr-preview-surface{min-height:380px;border:1px dashed rgba(101,71,235,.24) !important;border-radius:20px !important;background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(246,247,255,.42)) !important}
html[data-pqr-theme="midnight"] body.pqr-studio-page .pqr-preview-surface{background:linear-gradient(145deg,rgba(19,23,34,.72),rgba(8,11,18,.68)) !important}
body.pqr-studio-page .btn-primary,body.pqr-studio-page .pqr-export-download,body.pqr-studio-page .pqr-deployment-apply{min-height:48px;border:0 !important;border-radius:14px !important;color:#fff !important;background:linear-gradient(135deg,#7655f2,#5432d3) !important;box-shadow:0 11px 25px rgba(85,50,211,.25) !important;font-weight:750}
body.pqr-studio-page .pqr-export-grid,body.pqr-studio-page .pqr-qr-intel-grid,body.pqr-studio-page .pqr-design-safety-grid,body.pqr-studio-page .pqr-print-grid{gap:10px}
body.pqr-studio-page .pqr-export-field,body.pqr-studio-page .pqr-qr-intel-grid>*,body.pqr-studio-page .pqr-design-safety-grid>*,body.pqr-studio-page .pqr-print-grid>*{border:1px solid var(--s27-line);border-radius:14px;background:var(--s27-soft)}
@media(max-width:991px){body.pqr-studio-page .pqr-site-header{width:calc(100% - 20px);margin-top:10px}body.pqr-studio-page .pqr-studio-main{padding-top:20px !important}body.pqr-studio-page .col-lg-5>.card:first-child{position:relative;top:auto}body.pqr-studio-page .pqr-preview-surface{min-height:320px}}
@media(max-width:575px){body.pqr-studio-page{background-attachment:fixed !important}body.pqr-studio-page .pqr-site-header{width:calc(100% - 16px);border-radius:17px !important}body.pqr-studio-page .pqr-studio-main>.container{padding-left:12px !important;padding-right:12px !important}body.pqr-studio-page .pqr-studio-hero{padding:12px 4px 4px;margin-bottom:16px}body.pqr-studio-page .pqr-studio-hero h1{font-size:2.05rem !important;letter-spacing:-.045em}body.pqr-studio-page .pqr-studio-hero p{font-size:.9rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.pqr-studio-page .pqr-type-navigation{margin-left:-12px;margin-right:-12px;padding:5px 12px 12px;gap:8px}body.pqr-studio-page .pqr-type-navigation .cat-btn{min-height:42px;padding:9px 13px !important}body.pqr-studio-page main .row>.col-lg-7,body.pqr-studio-page main .row>.col-lg-5{padding-left:3px;padding-right:3px}body.pqr-studio-page .card-custom{padding:16px !important;border-radius:20px !important}body.pqr-studio-page .row.mb-3>.col-4{padding-left:4px !important;padding-right:4px !important}body.pqr-studio-page .exclusive-pill{min-height:48px;padding:7px 5px !important;font-size:.72rem;line-height:1.15}body.pqr-studio-page .option-pill{min-height:44px;font-size:.76rem}body.pqr-studio-page .pqr-designer-section{padding:14px !important}body.pqr-studio-page .pqr-social-icon-grid{grid-template-columns:repeat(3,1fr) !important}body.pqr-studio-page .pqr-preview-surface{min-height:270px;border-radius:17px !important}body.pqr-studio-page .pqr-export-grid,body.pqr-studio-page .pqr-qr-intel-grid,body.pqr-studio-page .pqr-design-safety-grid,body.pqr-studio-page .pqr-print-grid{grid-template-columns:1fr 1fr !important}body.pqr-studio-page .pqr-export-studio,body.pqr-studio-page .pqr-qr-intelligence,body.pqr-studio-page .pqr-design-safety,body.pqr-studio-page .pqr-print-intelligence,body.pqr-studio-page .pqr-cert,body.pqr-studio-page .pqr-deployment{border-radius:20px !important;padding:16px !important}}
@media(prefers-reduced-motion:reduce){body.pqr-studio-page *,body.pqr-studio-page *::before,body.pqr-studio-page *::after{scroll-behavior:auto !important;transition:none !important}}

/* 20260830-2 — fixed QR type grid, no horizontal slider */
body.pqr-studio-page .pqr-type-navigation {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 auto 26px !important;
    padding: 4px 0 !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
}

body.pqr-studio-page .pqr-type-navigation .cat-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 991px) {
    body.pqr-studio-page .pqr-type-navigation {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575px) {
    body.pqr-studio-page .pqr-type-navigation {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin: 0 0 20px !important;
        padding: 0 !important;
    }

    body.pqr-studio-page .pqr-type-navigation .cat-btn {
        min-height: 46px !important;
        padding: 9px 6px !important;
        font-size: 0.76rem !important;
    }
}