.ai-commerce-page{max-width:1180px!important}.ai-commerce-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;border-radius:28px;background:linear-gradient(135deg,#07112f,#0b2a63);color:#fff;margin:12px 0 16px}.ai-commerce-hero h1{font-size:clamp(30px,5vw,54px);line-height:1.02;margin:8px 0}.ai-commerce-hero p{max-width:720px;color:#dbeafe}.ai-commerce-badge{min-width:110px;height:110px;border-radius:28px;background:#2563eb;display:grid;place-items:center;text-align:center}.ai-commerce-badge b{font-size:40px;line-height:1}.ai-commerce-badge span{font-size:12px}.ai-commerce-note{display:flex;gap:10px;flex-direction:column;padding:18px 20px;border:1px solid #dbeafe;background:#eff6ff;border-radius:18px;margin-bottom:16px}.ai-commerce-note b{color:#0f3b8f}.ai-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ai-tool-card{display:grid;grid-template-columns:36px 42px 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:20px;padding:16px;cursor:pointer;box-shadow:0 4px 18px rgba(15,23,42,.04)}.ai-tool-card:hover{border-color:#2563eb;transform:translateY(-1px)}.ai-tool-no{font-size:11px;font-weight:900;color:#64748b}.ai-tool-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-weight:900;font-size:20px}.ai-tool-card b{display:block;font-size:15px;color:#0f172a}.ai-tool-card small{display:block;color:#64748b;line-height:1.45;margin-top:4px}.ai-tool-card strong{font-size:11px;color:#2563eb;white-space:nowrap}.ai-commerce-panel{margin-top:16px;border:1px solid #dbeafe;background:#fff;border-radius:24px;padding:20px;box-shadow:0 8px 30px rgba(15,23,42,.06)}.ai-panel-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;margin-bottom:16px}.ai-panel-head h2{margin:4px 0}.ai-panel-head p{color:#64748b;margin:0;max-width:760px}.ai-panel-loading{padding:30px;text-align:center;color:#64748b}.ai-inline-form{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.ai-inline-form input,.ai-inline-form select,.ai-commerce-panel textarea,.ai-commerce-panel>input,.ai-form-grid input{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:12px;background:#fff}.ai-inline-form input{flex:1;min-width:220px}.ai-commerce-panel textarea{resize:vertical}.ai-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.ai-form-grid label{font-size:12px;font-weight:700;color:#475569}.ai-result{margin-top:14px}.ai-result pre{white-space:pre-wrap;overflow:auto;background:#0f172a;color:#e2e8f0;padding:14px;border-radius:14px}.ai-row{display:grid;grid-template-columns:1.5fr 1fr auto;gap:10px;padding:12px;border-bottom:1px solid #eef2f7;align-items:center}.ai-row small{display:block;color:#64748b;margin-top:2px}.ai-row strong{font-size:11px;color:#2563eb}.risk{display:grid;gap:7px;padding:16px;border-radius:16px}.risk-low{background:#ecfdf5;color:#166534}.risk-medium{background:#fffbeb;color:#92400e}.risk-high{background:#fef2f2;color:#991b1b}.ai-draft{padding:14px;border:1px solid #dbeafe;border-radius:16px;background:#f8fbff}.ai-draft pre{margin:10px 0}.ai-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ai-metric-grid div{padding:14px;border:1px solid #e5e7eb;border-radius:14px}.ai-metric-grid small,.ai-metric-grid b{display:block}.ai-metric-grid b{font-size:20px;margin-top:5px}.ai-link-result{display:grid;gap:8px;padding:14px;background:#f8fafc;border-radius:14px}.ai-link-result code{word-break:break-all}.ai-generated-image{display:block;max-width:100%;border-radius:18px;margin-top:12px}@media(max-width:760px){.ai-commerce-hero{padding:22px;align-items:flex-start}.ai-commerce-badge{min-width:82px;height:82px;border-radius:22px}.ai-commerce-badge b{font-size:30px}.ai-tools-grid{grid-template-columns:1fr}.ai-tool-card{grid-template-columns:28px 38px 1fr}.ai-tool-card strong{display:none}.ai-form-grid{grid-template-columns:1fr 1fr}.ai-metric-grid{grid-template-columns:1fr 1fr}.ai-row{grid-template-columns:1fr auto}.ai-row strong{grid-column:2}}
/* V101 premium mobile-first refinement */
.ai-commerce-page{--ai-green:#138a54;--ai-ink:#0c1712;--ai-muted:#66756d}
.ai-commerce-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#071c13 0%,#0d5b3b 58%,#138a54 100%);box-shadow:0 20px 55px rgba(9,70,43,.18)}
.ai-commerce-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-70px;top:-80px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 56px rgba(255,255,255,.018)}
.ai-commerce-hero>div:first-child{position:relative;z-index:1}
.ai-commerce-hero h1{letter-spacing:-1.7px}
.ai-commerce-badge{position:relative;z-index:2;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);box-shadow:inset 0 1px rgba(255,255,255,.14)}
.ai-commerce-note{border-color:#d8ebe1;background:linear-gradient(180deg,#f8fdf9,#eff9f3);box-shadow:0 8px 28px rgba(20,100,65,.045)}
.ai-commerce-note b{color:var(--ai-green);font-size:15px}
.ai-commerce-note span{color:#68786f;line-height:1.55}
.ai-commerce-trust{display:flex;gap:7px;flex-wrap:wrap;margin-top:5px}
.ai-commerce-trust span{display:inline-flex;padding:7px 9px;border-radius:999px;background:#fff;border:1px solid #dcebe3;color:#317458;font-size:10px;font-weight:800}
.ai-tool-card{min-height:126px;border-color:#dfe9e4;box-shadow:0 7px 24px rgba(12,42,28,.045);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.ai-tool-card:hover,.ai-tool-card:focus-visible{border-color:#a8d4bd;transform:translateY(-2px);box-shadow:0 14px 32px rgba(12,76,45,.09);outline:none}
.ai-tool-icon{background:#eef9f3;color:var(--ai-green);border:1px solid #d8eee1}
.ai-tool-card strong{color:var(--ai-green)}
.ai-commerce-panel{border-color:#dcebe3;box-shadow:0 14px 40px rgba(10,55,34,.07)}
.ai-panel-head{padding-bottom:14px;border-bottom:1px solid #edf3ef}
.ai-panel-head h2{letter-spacing:-.7px}
.ai-result:empty{display:none}
@media(max-width:760px){.ai-commerce-page{padding-bottom:90px}.ai-commerce-hero{border-radius:22px;min-height:150px}.ai-commerce-hero p{font-size:13px;line-height:1.55}.ai-commerce-note{padding:15px}.ai-tool-card{min-height:0;padding:14px;border-radius:18px}.ai-tool-icon{width:38px;height:38px}.ai-commerce-panel{padding:15px;border-radius:20px}}