.ofWrap{padding:140px 16px 70px}.ofContainer{width:min(1100px,100%);margin:0 auto}.ofTitle{letter-spacing:.2px;color:#111827;text-align:center;word-break:break-word;margin:0 0 24px;font-size:max(26px,min(3vw,38px));font-weight:600}.ofTitleDetail{margin:0}.ofTitleMain{line-height:1.2;display:block}.ofTitleSub{color:#111827e0;margin-top:6px;font-size:max(18px,min(2.2vw,28px));font-weight:600;line-height:1.2;display:block}.ofGridTwoCols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ofCard{cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:0}.ofCardRect{will-change:transform;background:#ffffffeb;border:1px solid #1118271a;border-radius:16px;flex-direction:column;min-height:320px;transition:transform .26s,box-shadow .26s,border-color .26s;display:flex;overflow:hidden;box-shadow:0 16px 34px #00000014}.ofCardRect:hover{border-color:#1118272e;transform:translateY(-8px);box-shadow:0 22px 48px #0000001f}.ofCardRect:focus-visible{outline-offset:3px;outline:3px solid #f5b301a6}.ofImgBoxRect{background:linear-gradient(#f5b3011a,#11182708);place-items:center;height:270px;padding:12px;display:grid;overflow:hidden}.ofImgRect{object-fit:contain;will-change:transform;width:92%;height:92%;transition:transform .32s;transform:scale(1)}.ofCardRect:hover .ofImgRect{transform:scale(1.06)}.ofName{color:#111827;text-align:center;word-break:break-word;margin:0;padding:14px 14px 6px;font-size:16px;font-weight:600;line-height:1.4}.ofHint{color:#1118279e;text-align:center;margin-top:auto;padding:0 14px 16px;font-size:13px;display:block}.fadeUp{opacity:0;transition:opacity .52s,transform .52s;transform:translateY(18px)}.fadeUp.in{opacity:1;transform:translateY(0)}.ofDetails{background:#fffffff5;border:1px solid #1118271a;border-radius:16px;padding:20px;box-shadow:0 16px 34px #00000014}.ofDetailsTop{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:18px;display:grid}.ofTopSpacer{grid-column:1}.ofDetailsTop .ofTitle{grid-column:2;justify-self:center;margin-bottom:0}.ofBackBtn{white-space:nowrap;color:#111827;cursor:pointer;background:#fff;border:1px solid #11182729;border-radius:12px;grid-column:3;justify-content:center;justify-self:end;align-items:center;gap:8px;padding:10px 14px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.ofBackBtn:hover{background:#fffdf7;border-color:#11182738;transform:translateY(-1px);box-shadow:0 12px 22px #00000014}.ofBackBtn:focus-visible{outline-offset:3px;outline:3px solid #f5b301a6}.ofBackIconWrap{justify-content:center;align-items:center;display:inline-flex}.ofBackIcon{flex-shrink:0;font-size:18px;line-height:1}.ofBackText{line-height:1;display:inline-block}.ofTables{gap:16px;display:grid}.ofTableCard{background:#fff;border:1px solid #11182724;border-radius:14px;overflow:hidden}.ofSectionTitle{color:#111827;text-align:center;word-break:break-word;background:#f5b3011f;border-bottom:1px solid #1118271f;margin:0;padding:12px 14px;font-size:16px;font-weight:600}.ofTableScroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.ofTable{border-collapse:collapse;table-layout:fixed;border:1px solid #1118271f;width:100%;min-width:560px}.ofTable thead th{text-align:left;background:#1118270f;border-bottom:1px solid #1118271f;padding:12px 14px;font-size:16px;font-weight:600}.ofTable th:first-child,.ofTable td:first-child{width:75%}.ofTable th:last-child,.ofTable td:last-child{width:25%}.ofTable td{vertical-align:top;color:#111827;white-space:normal;word-break:break-word;overflow-wrap:anywhere;border-bottom:1px solid #1118271a;border-right:1px solid #11182714;padding:12px 14px;font-size:15px}.ofTable td:last-child,.ofTable th:last-child{border-right:none}.ofTable tbody tr:nth-child(2n) td{background:#11182705}.ofTable tbody tr:hover td{background:#f5b30114}@media (max-width:1024px){.ofWrap{padding:130px 14px 60px}.ofGridTwoCols{gap:18px}.ofImgBoxRect{height:240px}.ofCardRect{min-height:305px}}@media (max-width:768px){.ofWrap{padding:120px 14px 56px}.ofGridTwoCols{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ofImgBoxRect{height:220px}.ofCardRect{min-height:290px}.ofDetails{padding:16px}.ofDetailsTop{grid-template-columns:1fr;gap:12px}.ofTopSpacer{display:none}.ofDetailsTop .ofTitle{text-align:center;grid-column:auto;justify-self:center}.ofBackBtn{grid-column:auto;justify-self:stretch;width:100%}.ofTable{min-width:520px}.ofTable thead th,.ofTable td{padding:11px 12px;font-size:14px}}@media (max-width:520px){.ofWrap{padding:110px 12px 50px}.ofGridTwoCols{grid-template-columns:1fr;gap:14px}.ofImgBoxRect{height:200px}.ofCardRect{border-radius:14px;min-height:280px}.ofName{padding:12px 12px 6px;font-size:15px}.ofHint{padding:0 12px 14px;font-size:12px}.ofDetails{border-radius:14px;padding:14px}.ofTitle{margin-bottom:18px;font-size:max(22px,min(6vw,30px))}.ofTitleSub{font-size:max(15px,min(4.5vw,20px))}.ofSectionTitle{padding:10px 12px;font-size:15px}.ofBackBtn{padding:10px 12px;font-size:14px}.ofBackIcon{font-size:17px}.ofTableScroll{overflow-x:visible}.ofTable{table-layout:fixed;width:100%;min-width:100%}.ofTable th:first-child,.ofTable td:first-child{width:72%}.ofTable th:last-child,.ofTable td:last-child{width:28%}.ofTable thead th,.ofTable td{padding:10px 8px;font-size:13px}.ofTable td{word-break:break-word;overflow-wrap:anywhere;line-height:1.4}}