.catalog{padding:50px 0 80px;min-height:65vh}.catalog-heading{max-width:760px;margin-bottom:32px}.catalog h1{font-size:clamp(32px,4vw,55px);letter-spacing:-1px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;background:#e9ecd1;padding:22px;border-radius:8px;margin-top:28px}label{display:block;font-size:12px;font-weight:700}input,select,textarea{font:inherit;display:block;width:100%;padding:12px;background:#fffff6;border:1px solid #00422550;border-radius:5px;color:#004225;margin-top:7px}button{cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.item-card{border:1px solid #00422530;border-radius:9px;overflow:hidden;background:#fffff53d;display:flex;flex-direction:column}.item-art{height:220px;display:flex;align-items:center;justify-content:center;position:relative;background:#e4e8c9;overflow:hidden}.item-art:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #00422530;transform:translate(40px,30px)}.item-art>span{font-size:110px;line-height:1;transform:rotate(-9deg)}.item-art small{position:absolute;bottom:14px;right:20px;font-size:9px;letter-spacing:2px}.tone-1{background:#ffcf9d}.tone-2{background:#004225;color:#f5f5dc}.tone-2:before{border-color:#f5f5dc50}.tone-3{background:#ffb000}.item-body{padding:23px;display:flex;flex-direction:column;flex:1}.item-body h3{font-size:21px;line-height:1.7;margin:14px 0 0}.item-body p{font-size:12px;margin-bottom:25px}.item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.item-bottom .button{padding:10px 15px;font-size:11px}.detail-link{display:block;margin:16px 0;font-size:12px;font-weight:800}.detail-link:hover{text-decoration:underline}.portfolio-banner{display:flex;align-items:center;justify-content:space-between;padding:40px;margin-top:35px;background:#ffcf9d;border-radius:10px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.detail-layout .item-art{height:480px;border-radius:12px}.detail-layout .item-art>span{font-size:230px}.detail-layout li{padding:8px;font-size:14px}.detail-layout h1{font-size:40px}.cart-link{margin-bottom:5px}.empty{grid-column:1/-1;text-align:center;padding:55px;background:#e9ecd1;border:1px dashed #00422550;border-radius:9px}.lesson-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;margin-top:30px}.lesson-tab{width:100%;background:transparent;border:1px solid #00422540;padding:18px;text-align:right;color:#004225;border-radius:6px;margin-bottom:10px}.lesson-tab.selected{background:#004225;color:#f5f5dc}.lesson-content{padding:35px;border:1px solid #00422530;border-radius:8px;background:#fffff54d}.lesson-content p{line-height:2.4}.exercise{background:#ffcf9d;padding:23px;border-radius:6px;margin:25px 0}.exercise p{font-size:13px;margin-bottom:0}textarea{min-height:130px;resize:vertical;margin-bottom:15px}.secondary{background:#e5e8c8;color:#004225;border:1px solid #00422550;margin:0 0 10px 10px}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin:25px 0 10px}progress{width:100%;accent-color:#004225;height:13px}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px}.cart-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid #00422530;padding:25px 0}.cart-row h3{font-size:15px}.cart-row span{font-size:11px}.cart-row .cart-art{font-size:35px;background:#ffcf9d;padding:20px;border-radius:6px}.cart-row input{width:75px}.cart-row strong{white-space:nowrap;font-size:12px}.remove{background:transparent;color:#004225;border:0;font:inherit;font-size:11px}.summary{background:#e9ecd1;padding:25px;border-radius:8px;align-self:start}.summary p{font-size:12px}.summary h2{font-size:24px}#order-result{font-size:12px;line-height:2;padding-top:15px}#notice{position:fixed;bottom:24px;left:24px;background:#004225;color:#f5f5dc;padding:16px 25px;border:1px solid #ffb000;border-radius:6px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}#notice.show{opacity:1}dialog{border:1px solid #00422550;border-radius:12px;background:#f5f5dc;color:#004225;max-width:650px;width:90%;padding:30px}dialog::backdrop{background:#002414ad}.close-dialog{border:0;background:transparent;font-size:30px;color:#004225;display:block;margin-right:auto}dialog .item-art{height:180px;border-radius:6px;margin-bottom:25px}dialog p{font-size:13px}.dashboard-progress{font-size:12px}.navigation{gap:16px}.navigation a{white-space:nowrap}@media(max-width:1100px){.navigation{gap:9px;font-size:10px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.lesson-layout{grid-template-columns:220px 1fr}.detail-layout{gap:25px}}@media(max-width:800px){.filters{grid-template-columns:1fr}.catalog-grid,.detail-layout,.lesson-layout{grid-template-columns:1fr}.catalog{padding-top:35px}.detail-layout .item-art{height:280px}.detail-layout h1{font-size:32px}.portfolio-banner{flex-direction:column;align-items:start;padding:25px;gap:20px}.cart-row{flex-wrap:wrap;gap:12px}.cart-row>div{flex:1;min-width:140px}.lesson-content{padding:22px}.progress-label{gap:20px}.navigation{font-size:14px}.summary .button{width:100%}}