.seven-catalog{--seven-blue:#17619b;color:var(--ink);background:linear-gradient(145deg,#f6f8f7 0%,#fffdfa 62%);border:1px solid #18324a1a;border-radius:28px;gap:18px;padding:clamp(22px,3.2vw,46px);display:grid;overflow:hidden;box-shadow:0 26px 70px #18324a1a}.seven-catalog-header{border-bottom:1px solid #18324a1f;grid-template-columns:minmax(250px,.78fr) minmax(300px,1.22fr);align-items:end;gap:24px 52px;padding-bottom:22px;display:grid}.seven-catalog-header small{color:var(--seven-blue);letter-spacing:.16em;font-size:9px;font-weight:950}.seven-catalog-header h2{letter-spacing:-.055em;text-wrap:balance;margin:7px 0 0;font-size:clamp(28px,3.7vw,52px);line-height:1.02}.seven-current-flavor{color:var(--seven-blue);letter-spacing:-.025em;vertical-align:.12em;white-space:nowrap;margin-left:.22em;font-size:.58em;line-height:1.1;display:inline-block}.seven-current-action{color:#fff;background:var(--seven-blue);border-radius:999px;align-items:center;min-height:46px;margin-top:16px;padding:10px 16px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.seven-catalog-header p{color:var(--muted);margin:0;font-size:12px;font-weight:680;line-height:1.75}.seven-catalog-warning{color:#fff;background:var(--ink);border-radius:17px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:17px 19px;display:grid}.seven-catalog-warning>span{width:34px;height:34px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;font-size:15px;font-weight:950;display:grid}.seven-catalog-warning>div{gap:4px;display:grid}.seven-catalog-warning strong{color:#fff;font-size:13px}.seven-catalog-warning p{color:#c8d5da;margin:0;font-size:10px;font-weight:680;line-height:1.65}.seven-catalog-tools{grid-template-columns:minmax(240px,430px) auto;justify-content:space-between;align-items:end;gap:14px;display:grid}.seven-catalog-tools label{gap:7px;display:grid}.seven-catalog-tools label>span{color:var(--ink);letter-spacing:.06em;font-size:9px;font-weight:950}.seven-catalog-tools label>div{position:relative}.seven-catalog-tools input{width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border:1px solid #18324a2e;border-radius:12px;outline:none;padding:11px 48px 11px 14px;font-size:12px;font-weight:700}.seven-catalog-tools input:focus{border-color:var(--seven-blue);box-shadow:0 0 0 4px #17619b1f}.seven-catalog-tools input:disabled{cursor:wait;opacity:.6}.seven-catalog-tools label button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:#edf2f3;border:0;border-radius:9px;place-items:center;padding:0;font-size:18px;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.seven-catalog-tools>p{color:var(--muted);margin:0 0 12px;font-size:9px;font-weight:850}.seven-catalog-profiles{background:#ffffffb8;border:1px solid #18324a1a;border-radius:16px;grid-template-columns:minmax(180px,.58fr) minmax(0,1.42fr);align-items:center;gap:18px;padding:14px 16px;display:grid}.seven-catalog-profiles>div:first-child{gap:3px;display:grid}.seven-catalog-profiles>div:first-child span{color:var(--ink);font-size:10px;font-weight:950}.seven-catalog-profiles>div:first-child small{color:var(--muted);font-size:8px;font-weight:650;line-height:1.5}.seven-catalog-profiles>div:last-child{scrollbar-width:none;justify-content:flex-end;gap:6px;min-width:0;display:flex;overflow-x:auto}.seven-catalog-profiles>div:last-child::-webkit-scrollbar{display:none}.seven-catalog-profiles button{min-height:42px;color:var(--muted);cursor:pointer;background:#f1f5f5;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;padding:8px 13px;font-size:9px;font-weight:900;display:inline-flex}.seven-catalog-profiles button:hover{color:var(--ink);border-color:#17619b38}.seven-catalog-profiles button.active{color:#fff;background:var(--seven-blue);border-color:var(--seven-blue);box-shadow:0 8px 18px #17619b2e}.seven-catalog-profiles button:focus-visible{outline-offset:2px;outline:3px solid #17619b3d}.seven-catalog-profiles button:disabled{cursor:wait;opacity:.58}.seven-catalog-empty{text-align:center;background:#fff;border:1px dashed #18324a3d;border-radius:17px;justify-items:center;gap:14px;min-height:210px;padding:54px 20px;display:grid}.seven-catalog-empty strong{font-size:14px}.seven-catalog-empty button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:999px;min-height:44px;padding:9px 14px;font-size:9px;font-weight:900}.seven-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.seven-catalog-card{--profile:#17619b;border:1px solid #18324a1a;border-top:3px solid var(--profile);background:#fff;border-radius:17px;grid-template-rows:auto auto 1fr auto auto;min-height:285px;padding:18px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.seven-catalog-card[data-profile=fruit]{--profile:#c9536a}.seven-catalog-card[data-profile=milk]{--profile:#b38728}.seven-catalog-card[data-profile=tea]{--profile:#3f826f}.seven-catalog-card[data-profile=rich]{--profile:#765642}.seven-catalog-card[data-profile=signature]{--profile:#65548f}.seven-catalog-card:hover{border-color:#17619b6b;transform:translateY(-2px);box-shadow:0 14px 34px #18324a1a}.seven-catalog-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.seven-catalog-card-top span{color:#a9b6bc;letter-spacing:.08em;font-size:11px;font-weight:950}.seven-catalog-card-top small{color:var(--profile);background:color-mix(in srgb,var(--profile) 10%,white);letter-spacing:.04em;border-radius:999px;padding:5px 7px;font-size:7px;font-weight:950}.seven-catalog-card h3{letter-spacing:-.035em;text-wrap:balance;margin:20px 0 8px;font-size:18px;line-height:1.25}.seven-catalog-card>p{color:var(--muted);margin:0;font-size:10px;font-weight:650;line-height:1.65}.seven-catalog-meta{flex-wrap:wrap;gap:5px;margin:18px 0 11px;display:flex}.seven-catalog-meta b{color:var(--ink);background:#eff3f3;border-radius:6px;padding:5px 7px;font-size:8px}.seven-catalog-card>a{color:#fff;background:var(--seven-blue);border-radius:9px;justify-content:space-between;align-items:center;min-height:44px;padding:10px 12px;font-size:9px;font-weight:900;text-decoration:none;display:flex}.seven-catalog-actions{color:inherit;background:0 0;justify-content:flex-end;gap:8px;padding:0;display:flex}.seven-catalog-actions a{min-height:46px;color:var(--ink);background:#fff;border:1px solid #18324a2e;border-radius:999px;justify-content:center;align-items:center;padding:10px 15px;font-size:10px;font-weight:900;text-decoration:none;display:inline-flex}.seven-catalog-actions a:first-child{color:#fff;background:var(--ink);border-color:var(--ink)}@media (width<=1100px){.seven-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.seven-catalog-header{grid-template-columns:1fr;gap:12px}.seven-catalog-profiles{grid-template-columns:1fr;gap:10px}.seven-catalog-profiles>div:last-child{justify-content:flex-start}.seven-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.seven-catalog{border-radius:22px;gap:11px;margin-inline:-2vw;padding:19px 14px}.seven-catalog-header{gap:6px;padding-bottom:10px}.seven-catalog-header h2{font-size:26px}.seven-current-action{justify-content:center;width:100%;min-height:48px;margin-top:11px;font-size:13px}.seven-catalog-header small{font-size:11px}.seven-catalog-header p,.seven-catalog-profiles>div:first-child small,.seven-pulse-slot{display:none}.seven-catalog-warning strong{font-size:14px}.seven-catalog-warning p{font-size:12px}.seven-catalog-tools{grid-template-columns:1fr;gap:4px}.seven-catalog-tools label>span,.seven-catalog-tools>p{font-size:11px}.seven-catalog-tools input{font-size:16px}.seven-catalog-tools>p{margin:0;line-height:1.5}.seven-catalog-profiles{gap:6px;margin-inline:-2px;padding:9px 12px}.seven-catalog-profiles>div:first-child span{font-size:12px}.seven-catalog-profiles>div:first-child small{font-size:11px}.seven-catalog-profiles>div:last-child{margin-inline:-12px;padding-inline:12px;scroll-padding-inline:12px}.seven-catalog-profiles button{min-height:44px;font-size:12px}.seven-catalog-grid{grid-template-columns:1fr}.seven-catalog-card{min-height:0}.seven-catalog-card-top small{font-size:10px}.seven-catalog-card h3{font-size:20px}.seven-catalog-card>p{font-size:13px}.seven-catalog-meta b{font-size:11px}.seven-catalog-card>a,.seven-catalog-empty button{min-height:48px;font-size:12px}.seven-catalog-actions{grid-template-columns:1fr;display:grid}.seven-catalog-actions a{width:100%;min-height:48px;font-size:12px}}@media (prefers-reduced-motion:reduce){.seven-catalog-card{transition:none}.seven-catalog-card:hover{transform:none}}.seven-catalog-header small,.seven-catalog-warning p,.seven-catalog-tools label>span,.seven-catalog-tools>p,.seven-catalog-profiles>div:first-child span,.seven-catalog-profiles>div:first-child small,.seven-catalog-profiles button,.seven-catalog-empty button,.seven-catalog-card-top small,.seven-catalog-card>p,.seven-catalog-meta b,.seven-catalog-card>a,.seven-catalog-actions a{font-size:12px}@media (width<=560px){.seven-catalog-header small,.seven-catalog-warning p,.seven-catalog-tools label>span,.seven-catalog-tools>p,.seven-catalog-profiles>div:first-child span,.seven-catalog-profiles>div:first-child small,.seven-catalog-profiles button,.seven-catalog-empty button,.seven-catalog-card-top small,.seven-catalog-card>p,.seven-catalog-meta b,.seven-catalog-card>a,.seven-catalog-actions a{font-size:13px}}